diff --git a/.gitignore b/.gitignore index 216f193..4878a75 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,4 @@ node_modules -public/stylesheets/* javascripts/maps javascripts/spacedeck.js diff --git a/Gulpfile.js b/Gulpfile.js index e4aa47e..ee34f4d 100644 --- a/Gulpfile.js +++ b/Gulpfile.js @@ -1,42 +1,6 @@ var gulp = require('gulp'); var sass = require('gulp-sass'); var concat = require('gulp-concat'); -var server = require('gulp-express'); -var nodemon = require('gulp-nodemon'); -var revReplace = require("gulp-rev-replace"); -var clean = require('gulp-clean'); - -var child_process = require('child_process'); -var path = require('path'); -var uglify = require('gulp-uglify'); -var fingerprint = require('gulp-fingerprint'); -var rev = require('gulp-rev'); - -var revAll = require('gulp-rev-all'); - -gulp.task('rev', () => { - return gulp.src(['public/**']) - .pipe(gulp.dest('build/assets')) - .pipe(revAll.revision()) - .pipe(gulp.dest('build/assets')) - .pipe(revAll.manifestFile()) - .pipe(gulp.dest('build/assets')); -}); - -gulp.task("all", ["styles", "uglify", "rev", "copylocales"], function(){ - var manifest = gulp.src("./build/assets/rev-manifest.json"); - return gulp.src("./views/**/*") - .pipe(revReplace({manifest: manifest})) - .pipe(gulp.dest("./build/views")); -}); - -gulp.task('copylocales', function(){ - return gulp.src('./locales/*.js').pipe(gulp.dest('./build/locales')); -}); - -gulp.task('clean', function () { - return gulp.src('./build').pipe(clean()); -}); gulp.task('styles', function() { gulp.src('styles/**/*.scss') @@ -47,15 +11,3 @@ gulp.task('styles', function() { .pipe(concat('style.css')); }); -gulp.task('uglify', () => { - child_process.exec('sed -n \'s/.*script minify src="\\(.*\\)".*/.\\/public\\/\\1/p\' views/spacedeck.html', - function (error, stdout, stderr) { - var scripts = stdout.split('\n').map(function(p){return path.normalize(p)}).filter(function(p){return p!='.'}); - console.log("scripts: ",scripts); - - gulp.src(scripts) - .pipe(uglify({output:{beautify:true}})) - .pipe(concat('spacedeck.js')) - .pipe(gulp.dest('public/javascripts')); - }); -}); diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css new file mode 100644 index 0000000..aea59db --- /dev/null +++ b/public/stylesheets/style.css @@ -0,0 +1,16525 @@ +@charset "UTF-8"; +@font-face { + font-family: 'icon'; + src: url("../fonts/icon-regular-webfont.eot"); + src: url("../fonts/icon-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/icon-regular-webfont.woff") format("woff"), url("../fonts/icon-regular-webfont.ttf") format("truetype"), url("../fonts/icon-regular-webfont.svg#iconregular") format("svg"); + font-weight: normal; + font-style: normal; } + +.icon-bullet:before { + content: "\2022"; } + +.icon-hyphen:before { + content: "\002D"; } + +.icon-Euro:before { + content: "\20AC"; } + +.icon-minus:before, .btn-less:before { + content: "\2212"; } + +.icon-plus:before, .btn-more:before { + content: "\002B"; } + +.icon-cloud:before { + content: "\2601"; } + +.icon-lightning:before { + content: "\2607"; } + +.icon-heartsuitblack:before { + content: "\2665"; } + +.icon-whiteFlag:before { + content: "\2690"; } + +.icon-blackFlag:before { + content: "\2691"; } + +.icon-crossedSwords:before { + content: "\2694"; } + +.icon-blackScissorsRight:before { + content: "\2702"; } + +.icon-airplane:before { + content: "\2708"; } + +.icon-envelope:before { + content: "\2709"; } + +.icon-pencil:before { + content: "\270F"; } + +.icon-sparkle:before { + content: "\2747"; } + +.icon-at:before { + content: "\0040"; } + +.icon-copyright:before { + content: "\00A9"; } + +.icon-registered:before { + content: "\00AE"; } + +.icon-section:before { + content: "\00A7"; } + +.icon-battery:before { + content: "\1F50B"; } + +.icon-bell:before { + content: "\1F514"; } + +.icon-bookmark:before { + content: "\1F516"; } + +.icon-calendar:before { + content: "\1F4C5"; } + +.icon-camera:before { + content: "\1F4F7"; } + +.icon-clipboard:before { + content: "\1F4CB"; } + +.icon-hourglass:before { + content: "\231B"; } + +.icon-microphone:before { + content: "\1F3A4"; } + +.icon-newspaper:before { + content: "\1F4F0"; } + +.icon-paperclip:before { + content: "\1F4CE"; } + +.icon-radio:before { + content: "\1F4FB"; } + +.icon-wrench:before { + content: "\1F527"; } + +.icon-align-bottom:before { + content: "\E004"; } + +.icon-align-center-horizontal:before { + content: "\E005"; } + +.icon-align-center-vertical:before { + content: "\E006"; } + +.icon-align-left:before { + content: "\E007"; } + +.icon-align-right:before { + content: "\E008"; } + +.icon-align-to-canvas:before { + content: "\E009"; } + +.icon-align-top:before { + content: "\E00A"; } + +.icon-align-vertical-bottom:before { + content: "\E00B"; } + +.icon-align-vertical-middle:before { + content: "\E00C"; } + +.icon-align-vertical-top:before { + content: "\E00D"; } + +.icon-antenna:before { + content: "\E00E"; } + +.icon-application:before { + content: "\E00F"; } + +.icon-arrow-0:before { + content: "\E010"; } + +.icon-arrow-1:before { + content: "\E011"; } + +.icon-arrow-2:before { + content: "\E012"; } + +.icon-arrow-3:before { + content: "\E013"; } + +.icon-arrow-4:before { + content: "\E014"; } + +.icon-arrow-bottom-light:before { + content: "\E015"; } + +.icon-arrow-down:before { + content: "\E016"; } + +.icon-arrow-fork:before { + content: "\E017"; } + +.icon-arrow-horizontal:before { + content: "\E018"; } + +.icon-arrow-left:before { + content: "\E019"; } + +.icon-arrow-left-down:before { + content: "\E01A"; } + +.icon-arrow-left-light:before { + content: "\E01B"; } + +.icon-arrow-left-up:before { + content: "\E01C"; } + +.icon-arrow-merge:before { + content: "\E01D"; } + +.icon-arrow-right:before { + content: "\E01E"; } + +.icon-arrow-right-down:before { + content: "\E01F"; } + +.icon-arrow-right-light:before { + content: "\E020"; } + +.icon-arrow-right-up:before { + content: "\E021"; } + +.icon-arrow-thin-down:before { + content: "\E022"; } + +.icon-arrow-thin-left:before { + content: "\E023"; } + +.icon-arrow-thin-right:before { + content: "\E024"; } + +.icon-arrow-thin-up:before { + content: "\E025"; } + +.icon-arrow-top:before { + content: "\E026"; } + +.icon-arrow-top-light:before { + content: "\E027"; } + +.icon-arrow-vertical:before { + content: "\E028"; } + +.icon-arrows-horizontal:before { + content: "\E029"; } + +.icon-arrows-in:before { + content: "\E02A"; } + +.icon-arrows-out:before { + content: "\E02B"; } + +.icon-arrows-thin-horizontal:before { + content: "\E02C"; } + +.icon-arrows-thin-vertical:before { + content: "\E02D"; } + +.icon-arrows-vertical:before { + content: "\E02E"; } + +.icon-ban-0:before { + content: "\E02F"; } + +.icon-ban-1:before { + content: "\E030"; } + +.icon-ban-2:before { + content: "\E031"; } + +.icon-ban-3:before { + content: "\E032"; } + +.icon-ban-4:before { + content: "\E033"; } + +.icon-bar-code:before { + content: "\E034"; } + +.icon-battery-0:before { + content: "\E035"; } + +.icon-battery-1:before { + content: "\E036"; } + +.icon-battery-2:before { + content: "\E037"; } + +.icon-battery-3:before { + content: "\E038"; } + +.icon-battery-4:before { + content: "\E039"; } + +.icon-battery-5:before { + content: "\E03A"; } + +.icon-battery-6:before { + content: "\E03B"; } + +.icon-battery-7:before { + content: "\E03C"; } + +.icon-battery-8:before { + content: "\E03D"; } + +.icon-battery-loading:before { + content: "\E03E"; } + +.icon-beverage-beer:before { + content: "\E03F"; } + +.icon-beverage-cocktail:before { + content: "\E040"; } + +.icon-beverage-wine:before { + content: "\E041"; } + +.icon-book:before { + content: "\E042"; } + +.icon-book-contacts:before { + content: "\E043"; } + +.icon-book-open:before { + content: "\E044"; } + +.icon-border-dashed:before { + content: "\E045"; } + +.icon-border-dotted:before { + content: "\E046"; } + +.icon-border-radius:before { + content: "\E047"; } + +.icon-border-solid:before { + content: "\E048"; } + +.icon-brightness:before { + content: "\E049"; } + +.icon-calculator:before { + content: "\E04A"; } + +.icon-calculator-black:before { + content: "\E04B"; } + +.icon-camera-black:before { + content: "\E04C"; } + +.icon-canvas:before { + content: "\E04D"; } + +.icon-canvas-square:before { + content: "\E04E"; } + +.icon-cd:before { + content: "\E04F"; } + +.icon-certificate:before { + content: "\E050"; } + +.icon-chart-0:before { + content: "\E051"; } + +.icon-chart-1:before { + content: "\E052"; } + +.icon-chart-2:before { + content: "\E053"; } + +.icon-chart-3:before { + content: "\E054"; } + +.icon-chart-4:before { + content: "\E055"; } + +.icon-chart-5:before { + content: "\E056"; } + +.icon-chart-6:before { + content: "\E057"; } + +.icon-chart-7:before { + content: "\E058"; } + +.icon-chart-8:before { + content: "\E059"; } + +.icon-chart-bars:before { + content: "\E05A"; } + +.icon-check:before { + content: "\E05B"; } + +.icon-chevron-down-0:before { + content: "\E05C"; } + +.icon-chevron-down-1:before { + content: "\E05D"; } + +.icon-chevron-down-2:before { + content: "\E05E"; } + +.icon-chevron-down-3:before { + content: "\E05F"; } + +.icon-chevron-down-4:before { + content: "\E060"; } + +.icon-chevron-left-0:before { + content: "\E061"; } + +.icon-chevron-left-1:before { + content: "\E062"; } + +.icon-chevron-left-2:before { + content: "\E063"; } + +.icon-chevron-left-3:before { + content: "\E064"; } + +.icon-chevron-left-4:before { + content: "\E065"; } + +.icon-chevron-right-0:before { + content: "\E066"; } + +.icon-chevron-right-1:before { + content: "\E067"; } + +.icon-chevron-right-2:before { + content: "\E068"; } + +.icon-chevron-right-3:before { + content: "\E069"; } + +.icon-chevron-right-4:before { + content: "\E06A"; } + +.icon-chevron-up-0:before { + content: "\E06B"; } + +.icon-chevron-up-1:before { + content: "\E06C"; } + +.icon-chevron-up-2:before { + content: "\E06D"; } + +.icon-chevron-up-3:before { + content: "\E06E"; } + +.icon-chevron-up-4:before { + content: "\E06F"; } + +.icon-circle-0:before { + content: "\E070"; } + +.icon-circle-1:before { + content: "\E071"; } + +.icon-circle-2:before { + content: "\E072"; } + +.icon-circle-3:before { + content: "\E073"; } + +.icon-circle-4:before { + content: "\E074"; } + +.icon-circle-check:before { + content: "\E075"; } + +.icon-circle-down:before { + content: "\E076"; } + +.icon-circle-exclude:before { + content: "\E077"; } + +.icon-circle-info:before { + content: "\E078"; } + +.icon-circle-intersect:before { + content: "\E079"; } + +.icon-circle-left:before { + content: "\E07A"; } + +.icon-circle-minus:before { + content: "\E07B"; } + +.icon-circle-plus:before { + content: "\E07C"; } + +.icon-circle-question:before { + content: "\E07D"; } + +.icon-circle-remove:before { + content: "\E07E"; } + +.icon-circle-right:before { + content: "\E07F"; } + +.icon-circle-subtract:before { + content: "\E080"; } + +.icon-circle-unite:before { + content: "\E081"; } + +.icon-circle-up:before { + content: "\E082"; } + +.icon-circle-warning:before { + content: "\E083"; } + +.icon-clock:before { + content: "\E084"; } + +.icon-cloud-down:before { + content: "\E085"; } + +.icon-cloud-upload:before { + content: "\E086"; } + +.icon-cluster:before { + content: "\E087"; } + +.icon-cogwheel:before { + content: "\E088"; } + +.icon-columns:before { + content: "\E089"; } + +.icon-columns-3:before { + content: "\E08A"; } + +.icon-compass:before { + content: "\E08B"; } + +.icon-compass-east:before { + content: "\E08C"; } + +.icon-compass-north:before { + content: "\E08D"; } + +.icon-compass-north-east:before { + content: "\E08E"; } + +.icon-compass-north-west:before { + content: "\E08F"; } + +.icon-compass-south:before { + content: "\E090"; } + +.icon-compass-south-east:before { + content: "\E091"; } + +.icon-compass-south-west:before { + content: "\E092"; } + +.icon-compass-west:before { + content: "\E093"; } + +.icon-contrast:before { + content: "\E094"; } + +.icon-controls-backward:before { + content: "\E095"; } + +.icon-controls-eject:before { + content: "\E096"; } + +.icon-controls-fast-backward:before { + content: "\E097"; } + +.icon-controls-fast-forward:before { + content: "\E098"; } + +.icon-controls-forward:before { + content: "\E099"; } + +.icon-controls-pause:before { + content: "\E09A"; } + +.icon-controls-play:before { + content: "\E09B"; } + +.icon-controls-stop:before { + content: "\E09C"; } + +.icon-couple:before { + content: "\E09D"; } + +.icon-creditcard:before { + content: "\E09E"; } + +.icon-cross-0:before { + content: "\E09F"; } + +.icon-cross-1:before { + content: "\E0A0"; } + +.icon-cross-2:before { + content: "\E0A1"; } + +.icon-cross-3:before { + content: "\E0A2"; } + +.icon-cross-4:before { + content: "\E0A3"; } + +.icon-cross-hair:before { + content: "\E0A4"; } + +.icon-cullumn-spacing:before { + content: "\E0A5"; } + +.icon-currency-dollar:before { + content: "\E0A6"; } + +.icon-currency-pound:before { + content: "\E0A7"; } + +.icon-cursor-text:before { + content: "\E0A8"; } + +.icon-cursor-text-frame:before { + content: "\E0A9"; } + +.icon-curved-arrow:before { + content: "\E0AA"; } + +.icon-cuttlery:before { + content: "\E0AB"; } + +.icon-dashboard:before { + content: "\E0AC"; } + +.icon-device-desktop:before { + content: "\E0AD"; } + +.icon-device-mobile:before { + content: "\E0AE"; } + +.icon-device-mobile-down:before { + content: "\E0AF"; } + +.icon-device-mobile-transfer:before { + content: "\E0B0"; } + +.icon-device-mobile-up:before { + content: "\E0B1"; } + +.icon-device-mp3:before { + content: "\E0B2"; } + +.icon-device-notebook:before { + content: "\E0B3"; } + +.icon-device-tablet:before { + content: "\E0B4"; } + +.icon-directions-axis:before { + content: "\E0B5"; } + +.icon-directions-omni:before { + content: "\E0B6"; } + +.icon-directions-seperate:before { + content: "\E0B7"; } + +.icon-distribute-horizontal:before { + content: "\E0B8"; } + +.icon-distribute-vertical:before { + content: "\E0B9"; } + +.icon-download:before { + content: "\E0BA"; } + +.icon-duplicate:before { + content: "\E0BB"; } + +.icon-duplicate-alt:before { + content: "\E0BC"; } + +.icon-edge-bottom:before { + content: "\E0BD"; } + +.icon-edge-left:before { + content: "\E0BE"; } + +.icon-edge-right:before { + content: "\E0BF"; } + +.icon-edge-top:before { + content: "\E0C0"; } + +.icon-ellipse-horizontal:before { + content: "\E0C1"; } + +.icon-ellipse-vertical:before { + content: "\E0C2"; } + +.icon-embed:before { + content: "\E0C3"; } + +.icon-embed-alt:before { + content: "\E0C4"; } + +.icon-emote-1:before { + content: "\E0C5"; } + +.icon-emote-2:before { + content: "\E0C6"; } + +.icon-emote-3:before { + content: "\E0C7"; } + +.icon-emote-4:before { + content: "\E0C8"; } + +.icon-emote-big-smile:before { + content: "\E0C9"; } + +.icon-emote-only-happy:before { + content: "\E0CA"; } + +.icon-emote-sad:before { + content: "\E0CB"; } + +.icon-emote-smile:before { + content: "\E0CC"; } + +.icon-emote-tongue:before { + content: "\E0CD"; } + +.icon-escape:before { + content: "\E0CE"; } + +.icon-eye-closed:before { + content: "\E0CF"; } + +.icon-eye-open:before { + content: "\E0D0"; } + +.icon-feather:before { + content: "\E0D1"; } + +.icon-female:before { + content: "\E0D2"; } + +.icon-female-afro:before { + content: "\E0D3"; } + +.icon-female-bun:before { + content: "\E0D4"; } + +.icon-female-emo:before { + content: "\E0D5"; } + +.icon-female-long-hair:before { + content: "\E0D6"; } + +.icon-female-moslem:before { + content: "\E0D7"; } + +.icon-female-pigtails:before { + content: "\E0D8"; } + +.icon-female-pigtails-alt:before { + content: "\E0D9"; } + +.icon-female-user:before { + content: "\E0DA"; } + +.icon-fetch:before { + content: "\E0DB"; } + +.icon-file-check:before { + content: "\E0DC"; } + +.icon-file-edit:before { + content: "\E0DD"; } + +.icon-file-share:before { + content: "\E0DE"; } + +.icon-fit-to:before { + content: "\E0DF"; } + +.icon-flag:before { + content: "\E0E0"; } + +.icon-flip-down:before { + content: "\E0E1"; } + +.icon-flip-left:before { + content: "\E0E2"; } + +.icon-flip-right:before { + content: "\E0E3"; } + +.icon-flip-up:before { + content: "\E0E4"; } + +.icon-floppydisk:before { + content: "\E0E5"; } + +.icon-flow:before { + content: "\E0E6"; } + +.icon-folder:before, #folder-grid .item.folder-up:before, +#folder-grid .item.folder .item-type:before { + content: "\E0E7"; } + +.icon-folder-down:before { + content: "\E0E8"; } + +.icon-folder-favorites:before { + content: "\E0E9"; } + +.icon-folder-flagged:before { + content: "\E0EA"; } + +.icon-folder-leave:before { + content: "\E0EB"; } + +.icon-folder-locked:before { + content: "\E0EC"; } + +.icon-folder-minus:before { + content: "\E0ED"; } + +.icon-folder-open:before { + content: "\E0EE"; } + +.icon-folder-open-2:before { + content: "\E0EF"; } + +.icon-folder-plus:before { + content: "\E0F0"; } + +.icon-folder-remove:before { + content: "\E0F1"; } + +.icon-folder-shared:before { + content: "\E0F2"; } + +.icon-folder-up:before { + content: "\E0F3"; } + +.icon-form-exclude:before { + content: "\E0F4"; } + +.icon-form-intersect:before { + content: "\E0F5"; } + +.icon-form-subtract:before { + content: "\E0F6"; } + +.icon-form-unite:before { + content: "\E0F7"; } + +.icon-full-screen:before { + content: "\E0F8"; } + +.icon-fullscreen-off:before { + content: "\E0F9"; } + +.icon-fullscreen-on:before { + content: "\E0FA"; } + +.icon-globe:before { + content: "\E0FB"; } + +.icon-grid:before { + content: "\E0FC"; } + +.icon-grid-free:before { + content: "\E0FD"; } + +.icon-grid-small:before { + content: "\E0FE"; } + +.icon-group:before { + content: "\E0FF"; } + +.icon-handle:before { + content: "\E100"; } + +.icon-harddrive:before { + content: "\E101"; } + +.icon-heading:before { + content: "\E102"; } + +.icon-headphones:before { + content: "\E103"; } + +.icon-heart:before { + content: "\E104"; } + +.icon-heart-hollow:before { + content: "\E105"; } + +.icon-history:before { + content: "\E106"; } + +.icon-home:before { + content: "\E107"; } + +.icon-human:before { + content: "\E108"; } + +.icon-inbox:before { + content: "\E109"; } + +.icon-info:before { + content: "\E10A"; } + +.icon-input-checkbox:before { + content: "\E10B"; } + +.icon-input-checkbox-checked:before, .checkbox.checked:before, .checkbox:hover:before, .checkbox:active:before { + content: "\E10C"; } + +.icon-input-radio:before, .radio:before, +.checkbox:before { + content: "\E10D"; } + +.icon-input-radio-checked:before, .radio.checked:before, .radio:hover:before, .radio:active:before { + content: "\E10E"; } + +.icon-leave:before { + content: "\E10F"; } + +.icon-lightbulb:before { + content: "\E110"; } + +.icon-line-0:before { + content: "\E111"; } + +.icon-line-1:before { + content: "\E112"; } + +.icon-line-2:before { + content: "\E113"; } + +.icon-line-3:before { + content: "\E114"; } + +.icon-line-4:before { + content: "\E115"; } + +.icon-line-half-0:before { + content: "\E116"; } + +.icon-line-half-1:before { + content: "\E117"; } + +.icon-line-half-2:before { + content: "\E118"; } + +.icon-line-half-3:before { + content: "\E119"; } + +.icon-line-half-4:before { + content: "\E11A"; } + +.icon-lines:before { + content: "\E11B"; } + +.icon-link:before { + content: "\E11C"; } + +.icon-link-closed:before { + content: "\E11D"; } + +.icon-link-closed-alt:before { + content: "\E11E"; } + +.icon-link-open:before { + content: "\E11F"; } + +.icon-link-open-alt:before { + content: "\E120"; } + +.icon-list:before { + content: "\E121"; } + +.icon-location:before { + content: "\E122"; } + +.icon-lock-closed:before { + content: "\E123"; } + +.icon-lock-open:before { + content: "\E124"; } + +.icon-login:before { + content: "\E125"; } + +.icon-logout:before { + content: "\E126"; } + +.icon-loop:before { + content: "\E127"; } + +.icon-magnet:before { + content: "\E128"; } + +.icon-mail:before { + content: "\E129"; } + +.icon-male:before { + content: "\E12A"; } + +.icon-male-add:before { + content: "\E12B"; } + +.icon-male-afro:before { + content: "\E12C"; } + +.icon-male-business:before { + content: "\E12D"; } + +.icon-male-cool:before { + content: "\E12E"; } + +.icon-male-emo:before { + content: "\E12F"; } + +.icon-male-flathat:before { + content: "\E130"; } + +.icon-male-gentleman:before { + content: "\E131"; } + +.icon-male-hoodie:before { + content: "\E132"; } + +.icon-male-jew:before { + content: "\E133"; } + +.icon-male-monk:before { + content: "\E134"; } + +.icon-male-moslem:before { + content: "\E135"; } + +.icon-male-mustache:before { + content: "\E136"; } + +.icon-male-punk:before { + content: "\E137"; } + +.icon-male-remove:before { + content: "\E138"; } + +.icon-male-scuba:before { + content: "\E139"; } + +.icon-male-soldier:before { + content: "\E13A"; } + +.icon-male-techno:before { + content: "\E13B"; } + +.icon-male-user:before { + content: "\E13C"; } + +.icon-megaphone:before { + content: "\E13D"; } + +.icon-menu:before { + content: "\E13E"; } + +.icon-menu-2:before { + content: "\E13F"; } + +.icon-message:before { + content: "\E140"; } + +.icon-message-add:before { + content: "\E141"; } + +.icon-message-blank:before { + content: "\E142"; } + +.icon-messages:before { + content: "\E143"; } + +.icon-microphone-off:before { + content: "\E144"; } + +.icon-mirror-horizontal:before { + content: "\E145"; } + +.icon-mirror-horizontal-alt:before { + content: "\E146"; } + +.icon-mirror-vertical:before { + content: "\E147"; } + +.icon-mirror-vertical-alt:before { + content: "\E148"; } + +.icon-moon-first-quarter:before { + content: "\E149"; } + +.icon-moon-full:before { + content: "\E14A"; } + +.icon-moon-new:before { + content: "\E14B"; } + +.icon-moon-third-quarter:before { + content: "\E14C"; } + +.icon-moon-waning-crescent:before { + content: "\E14D"; } + +.icon-moon-waning-gibbous:before { + content: "\E14E"; } + +.icon-moon-waxing-crescent:before { + content: "\E14F"; } + +.icon-moon-waxing-gibbous:before { + content: "\E150"; } + +.icon-move:before { + content: "\E151"; } + +.icon-move-down:before { + content: "\E152"; } + +.icon-move-left:before { + content: "\E153"; } + +.icon-move-right:before { + content: "\E154"; } + +.icon-move-up:before { + content: "\E155"; } + +.icon-movie:before { + content: "\E156"; } + +.icon-music-note:before { + content: "\E157"; } + +.icon-music-upload:before { + content: "\E158"; } + +.icon-newspaper-alt:before { + content: "\E159"; } + +.icon-padding:before { + content: "\E15A"; } + +.icon-padding-bottom:before { + content: "\E15B"; } + +.icon-padding-left:before { + content: "\E15C"; } + +.icon-padding-right:before { + content: "\E15D"; } + +.icon-padding-top:before { + content: "\E15E"; } + +.icon-page-horizontal:before, #folder-grid .item.space .item-type:before { + content: "\E15F"; } + +.icon-page-horizontal-down:before { + content: "\E160"; } + +.icon-page-horizontal-flag:before { + content: "\E161"; } + +.icon-page-horizontal-locked:before { + content: "\E162"; } + +.icon-page-horizontal-minus:before { + content: "\E163"; } + +.icon-page-horizontal-plus:before { + content: "\E164"; } + +.icon-page-horizontal-remove:before { + content: "\E165"; } + +.icon-page-horizontal-up:before { + content: "\E166"; } + +.icon-page-vert:before { + content: "\E167"; } + +.icon-page-vertical-double:before { + content: "\E168"; } + +.icon-page-vertical-down:before { + content: "\E169"; } + +.icon-page-vertical-flag:before { + content: "\E16A"; } + +.icon-page-vertical-image:before { + content: "\E16B"; } + +.icon-page-vertical-locked:before { + content: "\E16C"; } + +.icon-page-vertical-minus:before { + content: "\E16D"; } + +.icon-page-vertical-plus:before { + content: "\E16E"; } + +.icon-page-vertical-remove:before { + content: "\E16F"; } + +.icon-page-vertical-table:before { + content: "\E170"; } + +.icon-page-vertical-text:before { + content: "\E171"; } + +.icon-page-vertical-up:before { + content: "\E172"; } + +.icon-palette:before { + content: "\E173"; } + +.icon-palette-alt:before { + content: "\E174"; } + +.icon-paperplane:before { + content: "\E175"; } + +.icon-photofilm:before { + content: "\E176"; } + +.icon-picture:before { + content: "\E177"; } + +.icon-picture-landscape:before { + content: "\E178"; } + +.icon-picture-portrait:before { + content: "\E179"; } + +.icon-picture-upload:before { + content: "\E17A"; } + +.icon-pictures:before { + content: "\E17B"; } + +.icon-pin:before { + content: "\E17C"; } + +.icon-planet:before { + content: "\E001"; } + +.icon-point:before { + content: "\E17D"; } + +.icon-pointing-down:before { + content: "\E17E"; } + +.icon-pointing-left:before { + content: "\E17F"; } + +.icon-pointing-right:before { + content: "\E180"; } + +.icon-pointing-up:before { + content: "\E181"; } + +.icon-postcard:before { + content: "\E182"; } + +.icon-power-off:before { + content: "\E183"; } + +.icon-present:before { + content: "\E184"; } + +.icon-presentation:before { + content: "\E185"; } + +.icon-printer:before { + content: "\E186"; } + +.icon-pull:before { + content: "\E187"; } + +.icon-push:before { + content: "\E188"; } + +.icon-qr-code:before { + content: "\E189"; } + +.icon-quote:before { + content: "\E18A"; } + +.icon-radio-black:before { + content: "\E18B"; } + +.icon-random:before { + content: "\E18C"; } + +.icon-record:before { + content: "\E18D"; } + +.icon-redo:before { + content: "\E18E"; } + +.icon-resize-full:before { + content: "\E18F"; } + +.icon-resize-small:before { + content: "\E190"; } + +.icon-retweet:before { + content: "\E191"; } + +.icon-rings:before { + content: "\E192"; } + +.icon-road:before { + content: "\E193"; } + +.icon-rotate:before { + content: "\E194"; } + +.icon-rotate-2:before { + content: "\E195"; } + +.icon-rotate-3:before { + content: "\E196"; } + +.icon-rotate-left:before { + content: "\E197"; } + +.icon-rotate-right:before { + content: "\E198"; } + +.icon-rss:before { + content: "\E199"; } + +.icon-search:before { + content: "\E000"; } + +.icon-section-alt:before { + content: "\E19A"; } + +.icon-section-alt-2:before { + content: "\E19B"; } + +.icon-section-edit:before { + content: "\E19C"; } + +.icon-selection:before { + content: "\E19D"; } + +.icon-selection-circle:before { + content: "\E19E"; } + +.icon-selection-circle-strong:before { + content: "\E19F"; } + +.icon-selection-square:before { + content: "\E1A0"; } + +.icon-selection-square-strong:before { + content: "\E1A1"; } + +.icon-server:before { + content: "\E1A2"; } + +.icon-shape-bubble:before { + content: "\E1A3"; } + +.icon-shape-burst:before { + content: "\E1A4"; } + +.icon-shape-circle:before { + content: "\E1A5"; } + +.icon-shape-cloud:before { + content: "\E1A6"; } + +.icon-shape-cross:before { + content: "\E1A7"; } + +.icon-shape-heart:before { + content: "\E1A8"; } + +.icon-shape-hexagon:before { + content: "\E1A9"; } + +.icon-shape-octagon:before { + content: "\E1AA"; } + +.icon-shape-pentagon:before { + content: "\E1AB"; } + +.icon-shape-plus:before { + content: "\E1AC"; } + +.icon-shape-square:before { + content: "\E1AD"; } + +.icon-shape-star:before { + content: "\E1AE"; } + +.icon-shape-triangle:before { + content: "\E1AF"; } + +.icon-shapes:before { + content: "\E1B0"; } + +.icon-share:before { + content: "\E1B1"; } + +.icon-shopping-cart:before { + content: "\E1B2"; } + +.icon-signal:before { + content: "\E1B3"; } + +.icon-signal-alt:before { + content: "\E1B4"; } + +.icon-size:before { + content: "\E1B5"; } + +.icon-size-both:before { + content: "\E1B6"; } + +.icon-size-horizontal:before { + content: "\E1B7"; } + +.icon-size-vertical:before { + content: "\E1B8"; } + +.icon-social-dribbble:before { + content: "\E1B9"; } + +.icon-social-dropbox:before { + content: "\E1BA"; } + +.icon-social-facebook:before { + content: "\E1BB"; } + +.icon-social-flickr:before { + content: "\E1BC"; } + +.icon-social-google:before { + content: "\E1BD"; } + +.icon-social-soundcloud:before { + content: "\E002"; } + +.icon-social-square-dribbble:before { + content: "\E1BE"; } + +.icon-social-square-dropbox:before { + content: "\E1BF"; } + +.icon-social-square-facebook:before { + content: "\E1C0"; } + +.icon-social-square-flickr:before { + content: "\E1C1"; } + +.icon-social-square-google:before { + content: "\E1C2"; } + +.icon-social-square-soundcloud:before { + content: "\E003"; } + +.icon-social-square-tumblr:before { + content: "\E1C3"; } + +.icon-social-square-twitter:before { + content: "\E1C4"; } + +.icon-social-square-vimeo:before { + content: "\E1C5"; } + +.icon-social-square-vine:before { + content: "\E1C6"; } + +.icon-social-square-youtube:before { + content: "\E1C7"; } + +.icon-social-tumblr:before { + content: "\E1C8"; } + +.icon-social-twitter:before { + content: "\E1C9"; } + +.icon-social-vimeo:before { + content: "\E1CA"; } + +.icon-social-vine:before { + content: "\E1CB"; } + +.icon-social-youtube:before { + content: "\E1CC"; } + +.icon-sort-alphabetical-ascending:before { + content: "\E1CD"; } + +.icon-sort-alphabetical-descending:before { + content: "\E1CE"; } + +.icon-sort-ascending:before { + content: "\E1CF"; } + +.icon-sort-descending:before { + content: "\E1D0"; } + +.icon-sort-numerical-ascending:before { + content: "\E1D1"; } + +.icon-sort-numerical-descending:before { + content: "\E1D2"; } + +.icon-sorting:before { + content: "\E1D3"; } + +.icon-sorting-ascending:before { + content: "\E1D4"; } + +.icon-sorting-descending:before { + content: "\E1D5"; } + +.icon-sound-5-1:before { + content: "\E1D6"; } + +.icon-sound-6-1:before { + content: "\E1D7"; } + +.icon-sound-7-1:before { + content: "\E1D8"; } + +.icon-sound-dolby:before { + content: "\E1D9"; } + +.icon-sound-full:before { + content: "\E1DA"; } + +.icon-sound-off:before { + content: "\E1DB"; } + +.icon-sound-silent:before { + content: "\E1DC"; } + +.icon-sound-stereo:before { + content: "\E1DD"; } + +.icon-space-horizontal:before { + content: "\E1DE"; } + +.icon-space-shared:before { + content: "\E1DF"; } + +.icon-space-vertical:before { + content: "\E1E0"; } + +.icon-spacedeck-logo:before { + content: "\E1E1"; } + +.icon-spacing-horizontal:before { + content: "\E1E2"; } + +.icon-spacing-vertical:before { + content: "\E1E3"; } + +.icon-square-down:before { + content: "\E1E4"; } + +.icon-square-left:before { + content: "\E1E5"; } + +.icon-square-right:before { + content: "\E1E6"; } + +.icon-square-up:before { + content: "\E1E7"; } + +.icon-stack-3d:before { + content: "\E1E8"; } + +.icon-stack-3d-bottom:before { + content: "\E1E9"; } + +.icon-stack-3d-top:before { + content: "\E1EA"; } + +.icon-stack-bottom:before { + content: "\E1EB"; } + +.icon-stack-down:before { + content: "\E1EC"; } + +.icon-stack-top:before { + content: "\E1ED"; } + +.icon-stack-up:before { + content: "\E1EE"; } + +.icon-star:before { + content: "\E1EF"; } + +.icon-star-hollow:before { + content: "\E1F0"; } + +.icon-stash-apply:before { + content: "\E1F1"; } + +.icon-stash-save:before { + content: "\E1F2"; } + +.icon-statistic:before { + content: "\E1F3"; } + +.icon-step-backward:before { + content: "\E1F4"; } + +.icon-step-forward:before { + content: "\E1F5"; } + +.icon-stroke-weight:before { + content: "\E1F6"; } + +.icon-subtitles:before { + content: "\E1F7"; } + +.icon-suitcase:before { + content: "\E1F8"; } + +.icon-table:before { + content: "\E1F9"; } + +.icon-tag:before { + content: "\E1FA"; } + +.icon-tags:before { + content: "\E1FB"; } + +.icon-text-align-center:before { + content: "\E1FC"; } + +.icon-text-align-center-alt:before { + content: "\E1FD"; } + +.icon-text-align-justify:before { + content: "\E1FE"; } + +.icon-text-align-justify-alt:before { + content: "\E1FF"; } + +.icon-text-align-left:before { + content: "\E200"; } + +.icon-text-align-left-alt:before { + content: "\E201"; } + +.icon-text-align-right:before { + content: "\E202"; } + +.icon-text-align-right-alt:before { + content: "\E203"; } + +.icon-text-allcaps:before { + content: "\E204"; } + +.icon-text-bold:before { + content: "\E205"; } + +.icon-text-frame:before { + content: "\E206"; } + +.icon-text-indent:before { + content: "\E207"; } + +.icon-text-italic:before { + content: "\E208"; } + +.icon-text-list:before { + content: "\E209"; } + +.icon-text-list-alphabetical:before { + content: "\E20A"; } + +.icon-text-list-alt:before { + content: "\E20B"; } + +.icon-text-list-bullet:before { + content: "\E20C"; } + +.icon-text-list-numbered:before { + content: "\E20D"; } + +.icon-text-normal:before { + content: "\E20E"; } + +.icon-text-remove-format:before { + content: "\E20F"; } + +.icon-text-roman:before { + content: "\E210"; } + +.icon-text-size:before { + content: "\E211"; } + +.icon-text-strike:before { + content: "\E212"; } + +.icon-text-styles:before { + content: "\E213"; } + +.icon-text-sub:before { + content: "\E214"; } + +.icon-text-super:before { + content: "\E215"; } + +.icon-text-typeface:before { + content: "\E216"; } + +.icon-text-underline:before { + content: "\E217"; } + +.icon-text-unindent:before { + content: "\E218"; } + +.icon-text-uppercase:before { + content: "\E219"; } + +.icon-text-width:before { + content: "\E21A"; } + +.icon-thumbs-down:before { + content: "\E21B"; } + +.icon-thumbs-up:before { + content: "\E21C"; } + +.icon-tint:before { + content: "\E21D"; } + +.icon-tint-hollow:before { + content: "\E21E"; } + +.icon-tint-none:before { + content: "\E21F"; } + +.icon-tool-arrow:before { + content: "\E220"; } + +.icon-tool-circle:before { + content: "\E221"; } + +.icon-tool-crop:before { + content: "\E222"; } + +.icon-tool-draw:before { + content: "\E223"; } + +.icon-tool-erase:before { + content: "\E224"; } + +.icon-tool-eyedrop:before { + content: "\E225"; } + +.icon-tool-fill:before { + content: "\E226"; } + +.icon-tool-hand:before { + content: "\E227"; } + +.icon-tool-library:before { + content: "\E228"; } + +.icon-tool-line:before { + content: "\E229"; } + +.icon-tool-magic-wand:before { + content: "\E22A"; } + +.icon-tool-pointer:before { + content: "\E22B"; } + +.icon-tool-rectangle:before { + content: "\E22C"; } + +.icon-tool-scribble:before { + content: "\E22D"; } + +.icon-tool-stroke:before { + content: "\E22E"; } + +.icon-tool-text:before { + content: "\E22F"; } + +.icon-tool-text-alt:before { + content: "\E230"; } + +.icon-tool-zone:before { + content: "\E231"; } + +.icon-tool-zones:before { + content: "\E232"; } + +.icon-transfer:before { + content: "\E233"; } + +.icon-trash:before { + content: "\E234"; } + +.icon-tree-conifer:before { + content: "\E235"; } + +.icon-tree-deciduous:before { + content: "\E236"; } + +.icon-triangle-0:before { + content: "\E237"; } + +.icon-triangle-0-bottom:before { + content: "\E238"; } + +.icon-triangle-0-left:before { + content: "\E239"; } + +.icon-triangle-0-right:before { + content: "\E23A"; } + +.icon-triangle-0-top:before { + content: "\E23B"; } + +.icon-triangle-1:before { + content: "\E23C"; } + +.icon-triangle-1-bottom:before { + content: "\E23D"; } + +.icon-triangle-1-left:before { + content: "\E23E"; } + +.icon-triangle-1-right:before { + content: "\E23F"; } + +.icon-triangle-1-top:before { + content: "\E240"; } + +.icon-triangle-2:before { + content: "\E241"; } + +.icon-triangle-2-bottom:before { + content: "\E242"; } + +.icon-triangle-2-left:before { + content: "\E243"; } + +.icon-triangle-2-right:before { + content: "\E244"; } + +.icon-triangle-2-top:before { + content: "\E245"; } + +.icon-triangle-3:before { + content: "\E246"; } + +.icon-triangle-3-bottom:before, .btn.btn-dropdown:before { + content: "\E247"; } + +.icon-triangle-3-left:before { + content: "\E248"; } + +.icon-triangle-3-right:before { + content: "\E249"; } + +.icon-triangle-3-top:before { + content: "\E24A"; } + +.icon-triangle-4:before { + content: "\E24B"; } + +.icon-triangle-4-bottom:before { + content: "\E24C"; } + +.icon-triangle-4-left:before { + content: "\E24D"; } + +.icon-triangle-4-right:before { + content: "\E24E"; } + +.icon-triangle-4-top:before { + content: "\E24F"; } + +.icon-triangle-down:before { + content: "\E250"; } + +.icon-triangle-left:before, .btn-prev:before { + content: "\E251"; } + +.icon-triangle-right:before, .btn-next:before { + content: "\E252"; } + +.icon-triangle-up:before { + content: "\E253"; } + +.icon-triangles-horizontal:before { + content: "\E254"; } + +.icon-triangles-vertical:before { + content: "\E255"; } + +.icon-undo:before { + content: "\E256"; } + +.icon-ungroup:before { + content: "\E257"; } + +.icon-uniE000:before { + content: "\E258"; } + +.icon-upload:before { + content: "\E259"; } + +.icon-upload-alt:before { + content: "\E25A"; } + +.icon-user:before { + content: "\E25B"; } + +.icon-user-add:before { + content: "\E25C"; } + +.icon-user-group:before { + content: "\E25D"; } + +.icon-user-group-2:before { + content: "\E25E"; } + +.icon-user-group-3:before { + content: "\E25F"; } + +.icon-user-group-gentlemen:before { + content: "\E260"; } + +.icon-user-minus:before { + content: "\E261"; } + +.icon-user-remove:before { + content: "\E262"; } + +.icon-video-camera:before { + content: "\E263"; } + +.icon-video-camera-off:before { + content: "\E264"; } + +.icon-video-hd:before { + content: "\E265"; } + +.icon-video-sd:before { + content: "\E266"; } + +.icon-video-upload:before { + content: "\E267"; } + +.icon-vinyl:before { + content: "\E268"; } + +.icon-warning:before { + content: "\E269"; } + +.icon-wifi:before { + content: "\E26A"; } + +.icon-window:before { + content: "\E26B"; } + +.icon-window-new:before { + content: "\E26C"; } + +.icon-window-new-alt:before { + content: "\E26D"; } + +.icon-zone:before { + content: "\E26E"; } + +.icon-zone-edit:before { + content: "\E26F"; } + +.icon-zoom:before { + content: "\E270"; } + +.icon-zoom-in:before { + content: "\E271"; } + +.icon-zoom-out:before { + content: "\E272"; } + +.icon-helper-bar:before { + content: "\E273"; } + +.icon-helper-needle:before { + content: "\E274"; } + +.icon-helper-screen:before { + content: "\E275"; } + +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; } + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; } + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; } + +audio:not([controls]) { + display: none; + height: 0; } + +[hidden], +template { + display: none; } + +a { + background: transparent; } + +a:active, +a:hover { + outline: 0; } + +abbr[title] { + border-bottom: 1px dotted; } + +b, +strong { + font-weight: bold; } + +dfn { + font-style: italic; } + +h1 { + font-size: 2em; + margin: 0.67em 0; } + +mark { + background: #ff0; + color: #000; } + +small { + font-size: 80%; } + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +img { + border: 0; } + +svg:not(:root) { + overflow: hidden; } + +figure { + margin: 1em 40px; } + +hr { + -moz-box-sizing: border-box; + box-sizing: border-box; + height: 0; } + +pre { + overflow: auto; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; } + +button { + overflow: visible; } + +button, +select { + text-transform: none; } + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; } + +button[disabled], +html input[disabled] { + cursor: default; } + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +input { + line-height: normal; } + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; } + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend { + border: 0; + padding: 0; } + +textarea { + overflow: auto; } + +optgroup { + font-weight: bold; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +.events { + pointer-events: auto !important; } + +.no-events { + pointer-events: none !important; } + +.no-bg { + background-color: transparent !important; } + +.bg-lighten { + background-color: rgba(255, 255, 255, 0.4) !important; } + +.transition-1 { + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; } + +.disabled { + pointer-events: none !important; + opacity: 0.5 !important; } + .disabled * { + pointer-events: none !important; } + +.in { + opacity: 1 !important; + pointer-events: auto !important; } + +.out { + opacity: 0 !important; + pointer-events: none !important; } + +.invis { + display: none; } + +.vis { + display: block; } + +/* +.contained-dropdown, +.flex { + display: -webkit-flex; + display: flex; + -webkit-flex-flow: column nowrap; + flex-flow: column nowrap; + min-height: 100%; + + > *:not(.unflex) { + -webkit-flex: 1 auto; + flex: 1 auto; + // width: 100%; + } + .overflow-y-scroll, + .adapt { + -webkit-flex: 1000 1000 auto; + flex: 1000 1000 auto; + } + .dialog-title, + .noflex { + -webkit-flex: 0 auto; + flex: 0 auto; + } +} +*/ +.no-min-w { + min-width: 0px !important; } + +.no-wrap { + white-space: nowrap !important; } + +.text-center { + text-align: center !important; } + +.text-left { + text-align: left !important; } + +.text-right { + text-align: right !important; } + +.text-large { + font-size: 30px !important; + font-weight: 500 !important; } + +.text-medium { + font-size: 20px !important; + font-weight: 500 !important; } + +.bg-dark { + background: #222 !important; } + +.bg-blue { + background: #3d9ee9 !important; } + +.bg-light { + background: #f5f5f5 !important; } + +.c-dark { + color: #222 !important; } + +.c-blue { + color: #3d9ee9 !important; } + +.c-light { + color: #f5f5f5 !important; } + +.bg-1 { + background-color: #4a2f7e !important; } + +.bg-2 { + background-color: #9b59b6 !important; } + +.bg-3 { + background-color: #3498db !important; } + +.bg-4 { + background-color: #2ecc71 !important; } + +.bg-5 { + background-color: #f1c40f !important; } + +.bg-6 { + background-color: #e67e22 !important; } + +.bg-7 { + background-color: #d55c4b !important; } + +.bg-8 { + background-color: #6f4021 !important; } + +.bg-9 { + background-color: #ffffff !important; } + +.bg-10 { + background-color: #95a5a6 !important; } + +.bg-11 { + background-color: #252525 !important; } + +.c-1 { + color: #4a2f7e !important; } + +.c-2 { + color: #9b59b6 !important; } + +.c-3 { + color: #3498db !important; } + +.c-4 { + color: #2ecc71 !important; } + +.c-5 { + color: #f1c40f !important; } + +.c-6 { + color: #e67e22 !important; } + +.c-7 { + color: #d55c4b !important; } + +.c-8 { + color: #6f4021 !important; } + +.c-9 { + color: #ffffff !important; } + +.c-10 { + color: #95a5a6 !important; } + +.c-11 { + color: #252525 !important; } + +.inline-list { + padding: 0; + margin: 0; } + .inline-list li { + display: inline-block; } + +.sticky { + position: -webkit-sticky; + position: -moz-sticky; + position: -o-sticky; + position: -ms-sticky; + position: sticky; + top: 10px; + z-index: 1; } + +.truncate { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + +.table-fake { + width: 100%; + height: 100%; + display: table; } + .table-fake .cell { + display: table-cell; + vertical-align: middle; + text-align: center; } + +.ghost { + height: 100%; + width: 0px; + display: inline-block; + vertical-align: middle; } + +.collapse { + display: none; } + .collapse.in { + display: block; } + +.panel:hover .collapse.collapsed { + max-height: 60px !important; } + +.middle { + top: 50%; + left: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + -ms-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); } + +.middle, +.static { + position: static !important; } + +.absolute-top, +.absolute-bottom, +.absolute-left, +.absolute-right, +.absolute-top-left, +.absolute-top-right, +.absolute-bottom-left-right, +.absolute-bottom-left, +.absolute-bottom-right { + position: absolute !important; } + +.absolute-top { + top: 0; } + +.absolute-right { + right: 0; + left: auto !important; } + +.absolute-bottom { + bottom: 0; } + +.absolute-left { + left: 0; + right: auto !important; } + +.absolute-top-left { + top: 0; + left: 0; + right: auto !important; } + +.absolute-top-right { + top: 0; + right: 0; + left: auto !important; } + +.absolute-bottom-left { + bottom: 0; + left: 0; + right: auto !important; } + +.absolute-bottom-right { + bottom: 0; + right: 0; + left: auto !important; } + +.absolute-bottom-left-right { + bottom: 0; + left: 0; + right: 0; } + +.p-5 { + padding: 5px !important; } + +.p-10 { + padding: 10px !important; } + +.p-20 { + padding: 20px !important; } + +.p-r-60 { + padding-right: 60px !important; } + +.p-l-60 { + padding-left: 60px !important; } + +.no-p { + padding: 0 !important; } + +.no-p-v { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.no-p-h { + padding-left: 0 !important; + padding-right: 0 !important; } + +.no-p-b { + padding-bottom: 0 !important; } + +.no-p-t { + padding-top: 0 !important; } + +.no-p-l { + padding-left: 0 !important; } + +.no-p-r { + padding-right: 0 !important; } + +.m-5 { + margin: 5px !important; } + +.m-10 { + margin: 10px !important; } + +.m-20 { + margin: 20px !important; } + +.m-r-60 { + margin-right: 60px !important; } + +.m-r-20 { + margin-right: 20px !important; } + +.m-r-10 { + margin-right: 10px !important; } + +.m-l-20 { + margin-left: 20px !important; } + +.m-t-20 { + margin-top: 20px !important; } + +.m-t-15 { + margin-top: 15px !important; } + +.m-b-15 { + margin-bottom: 15px !important; } + +.m-h-20 { + margin-left: 20px !important; + margin-right: 20px !important; } + +.m-v-neg-10 { + margin-top: -10px !important; + margin-bottom: -10px !important; } + +.no-m { + margin: 0 !important; } + +.w-auto { + width: auto !important; } + +.w-08 { + width: 80px !important; } + +.w-1 { + width: 100px !important; } + +.w-15 { + width: 150px !important; } + +.w-2 { + width: 200px !important; } + +.w-25 { + width: 250px !important; } + +.w-3 { + width: 300px !important; } + +.w-35 { + width: 350px !important; } + +.w-4 { + width: 400px !important; } + +.w-5 { + width: 500px !important; } + +.w-6 { + width: 600px !important; } + +.w-7 { + width: 700px !important; } + +.w-8 { + width: 800px !important; } + +.w-85 { + width: 850px !important; } + +.w-9 { + width: 900px !important; } + +.w-10 { + width: 1000px !important; } + +.h-5 { + height: 500px !important; } + +.h-55 { + height: 550px !important; } + +.h-6 { + height: 600px !important; } + +.no-r { + border-radius: 0 !important; } + +.no-r-t { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } + +.no-r-r { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } + +.no-r-b { + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; } + +.no-r-l { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } + +.r-10 { + border-radius: 10px !important; } + +.no-b { + border: none !important; } + +.b-v { + border-top: 2px solid rgba(0, 0, 0, 0.025) !important; + border-bottom: 2px solid rgba(0, 0, 0, 0.025) !important; } + +.b-h { + border-left: 2px solid rgba(0, 0, 0, 0.025) !important; + border-right: 2px solid rgba(0, 0, 0, 0.025) !important; } + +.b-t { + border-top: 2px solid rgba(0, 0, 0, 0.025) !important; } + +.b-r { + border-right: 2px solid rgba(0, 0, 0, 0.025) !important; } + +.b-b { + border-bottom: 2px solid rgba(0, 0, 0, 0.025) !important; } + +.b-l { + border-left: 2px solid rgba(0, 0, 0, 0.025) !important; } + +.b { + border: 2px solid rgba(0, 0, 0, 0.025) !important; } + +.clearfix:before, .clearfix:after { + content: " "; + display: table; } + +.clearfix:after { + clear: both; } + +.pull-right { + float: right !important; } + +.pull-left { + float: left !important; } + +.block { + display: block !important; } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none !important; + visibility: hidden !important; } + +.invisible { + opacity: 0; + pointer-events: none; } + +.relative { + position: relative !important; } + +.fade { + opacity: 0; + -webkit-transition: opacity 0.1s linear; + transition: opacity 0.1s linear; } + .fade.in { + opacity: 1; } + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid white; + border-right: 4px solid transparent; + border-left: 4px solid transparent; } + +body { + background-color: #f5f5f5; + color: #888; + font-weight: 300; + font-weight: 400; + font-family: Avenir W01, sans-serif; + font-weight: 300; + font-size: 15px; + line-height: 1.6; } + +hr { + margin: auto; + width: auto; + border: none; + border-top: 2px solid rgba(0, 0, 0, 0.025); } + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: inherit; + font-family: inherit; + font-weight: 500; + line-height: 1.3; + margin-top: 0px; + margin-bottom: 1em; + display: block; } + h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { + margin-bottom: 0px; } + +h1, .h1 { + font-size: 54px; } + +h2, .h2 { + font-size: 40px; } + +h3, .h3 { + font-size: 30px; } + +h4, .h4 { + font-size: 20px; } + +h5, .h5 { + font-size: 16px; } + +h6, .h6 { + font-size: 14px; } + +strong { + font-weight: 500; } + +small { + font-size: 75%; } + +a { + text-decoration: none; + color: #888; } + +dl { + background-color: rgba(0, 0, 0, 0.05); + color: #888888; + border-radius: 3px; + display: inline-block; + margin-right: 5px; + padding: 15px 25px; } + dl dt { + font-weight: bold; } + dl dd { + padding: 0px; + margin: 0px; } + +ol, ul, p { + font-size: 20px; + line-height: 1.6; + margin: 0px; + margin-bottom: 1em; + /*&:last-child { + margin-bottom: 0px; + }*/ } + ol small, ul small, p small { + font-size: 80%; + line-height: 170%; + display: inline-block; } + ol a, ul a, p a { + -ms-word-break: break-all; + word-break: break-all; + /* Non standard for webkit */ + word-break: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } + ol b, ul b, p b { + font-weight: 700; } + ol.lead, ul.lead, p.lead { + font-weight: 200; + font-size: 22px !important; + line-height: 1.4; } + ol.lead.lead-xl, ul.lead.lead-xl, p.lead.lead-xl { + font-size: 40px !important; } + ol.lead.lead-xxl, ul.lead.lead-xxl, p.lead.lead-xxl { + font-size: 60px !important; } + ol.lead small, ul.lead small, p.lead small { + font-size: 60%; } + ol.lead b, ul.lead b, p.lead b { + font-weight: 600; } + +.input-row { + display: table !important; + width: 100%; + table-layout: fixed; } + .input-row > div { + display: table-cell !important; + border-right: 2px solid rgba(0, 0, 0, 0.025); } + .input-row > div:last-child { + border: none; } + +input:invalid { + box-shadow: none; } + +.error-note { + position: absolute; + top: 0; + right: 0; + line-height: 1; + font-size: 10px; + margin: 12px; + color: red; + margin-right: 25px; + opacity: 0.7; + font-weight: bold; + text-transform: uppercase; } + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; + width: 0 !important; } + +select { + height: 40px !important; } + +.input { + text-rendering: optimizeLegibility; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + -o-user-select: text; + user-select: text; + display: inline-block; + width: 100%; + outline: none; + border: none; + border-radius: 3px; + padding: 0 1em; + margin: 0px; + max-width: 100%; + vertical-align: middle; + font-weight: 300; + font-family: Avenir W01; + font-size: 18px; + line-height: normal; + color: #222; + background-color: rgba(0, 0, 0, 0.01); + border: 1px solid rgba(0, 0, 0, 0.1); + height: 60px; + text-align: left; } + .input.input-single-line { + width: 100%; + line-height: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + .input.input-darken { + background-color: rgba(0, 0, 0, 0.05) !important; } + .input.input-round { + border-radius: 70px !important; } + .input.input-nude { + padding: 0px !important; + background-color: transparent !important; + border: none !important; } + .input.input-block { + width: 100%; + display: block; } + .input.input-md { + height: 44px; + line-height: 44px; + font-size: 15px !important; + padding-left: 12px; } + .input.input-sm { + height: 44px; + line-height: 44px; + font-size: 16px; } + .input.text-center { + text-align: center !important; + padding: 0px !important; } + .input.text-right { + text-align: right !important; + padding-right: 20px !important; + padding-left: 0 !important; } + .input.input-white { + background-color: white; + color: #888; + box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05), inset 0 0px 4px rgba(0, 0, 0, 0.1); } + .input.input-light { + background-color: #f5f5f5; + color: #888; } + .input.input-dark { + background-color: #292929; + color: #888; } + .input.input-lighten { + background-color: rgba(255, 255, 255, 0.05); + color: #888 !important; } + .input.input-darken { + background-color: rgba(0, 0, 0, 0.05); + color: #888; } + .input.input-transparent { + background-color: transparent; + color: #888; } + .input:focus { + outline: 0; } + .input:-moz-placeholder { + color: rgba(136, 136, 136, 0.5); } + .input::-moz-placeholder { + color: rgba(136, 136, 136, 0.5); + opacity: 1; } + .input:-ms-input-placeholder { + color: rgba(136, 136, 136, 0.5); } + .input::-webkit-input-placeholder { + color: rgba(136, 136, 136, 0.5); } + .input[disabled], .input[readonly], + fieldset[disabled] .input { + cursor: default; + opacity: 1; } + +input[type=text], +span.input { + cursor: text !important; } + +input[type=number], +input[type=number]:hover { + -webkit-appearance: none !important; + -moz-appearance: textfield !important; + box-shadow: none; } + input[type=number]::-webkit-inner-spin-button, + input[type=number]:hover::-webkit-inner-spin-button { + -webkit-appearance: none; + cursor: pointer; + display: block; + width: 8px; + color: #333; + text-align: center; + position: relative; } + +textarea.input { + resize: none; + padding: 15px 20px; + overflow: auto; + min-height: 120px; + line-height: 30px !important; } + +.tab-switch { + display: block; + position: relative; + width: 100%; + background-color: rgba(0, 0, 0, 0.025); + border-radius: 6px; + cursor: pointer; + box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.025); + border: 2px solid rgba(0, 0, 0, 0.025); } + .tab-switch:before, .tab-switch:after { + content: " "; + display: table; } + .tab-switch:after { + clear: both; } + .tab-switch.round { + border-radius: 100px; } + .tab-switch.round .option-highlight { + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; } + .tab-switch.round.option-2 .option-highlight { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; } + .tab-switch.round.options-3 .option-highlight { + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; } + .tab-switch.round.options-3.option-2 .option-highlight { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } + .tab-switch.round.options-3.option-3 .option-highlight { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; } + .tab-switch.options-3 .option-highlight, + .tab-switch.options-3 .option { + width: 33.333%; } + .tab-switch.options-3.option-2 .option-highlight { + left: 33.333%; } + .tab-switch.options-3.option-3 .option-highlight { + left: 66.666%; } + .tab-switch.option-2 .option-highlight { + left: 50%; } + .tab-switch .options { + display: block; } + .tab-switch .option { + display: block; + width: 50%; + float: left; + height: 44px; + line-height: 44px; + border-radius: 3px; + text-align: center; + z-index: 10; + position: relative; + font-size: 13px; + text-transform: capitalize; + border-right: 1px solid rgba(0, 0, 0, 0.025); + border-left: 1px solid rgba(0, 0, 0, 0.025); + color: #222; } + .tab-switch .option:first-child { + border-left: none !important; } + .tab-switch .option:last-child { + border-right: none !important; } + .tab-switch .option:hover { + color: #292929; } + .tab-switch .option-highlight { + height: 44px; + width: 50%; + left: 0; + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + position: absolute; + background-color: white; + z-index: 0; + border-radius: 6px; + border: 4px solid transparent; + background-clip: content-box; } + +.input-switch { + border-radius: 60px; + height: 44px; + line-height: 44px; + display: inline-block; + width: 75px; + overflow: hidden; + background-color: rgba(0, 0, 0, 0.05); + position: relative; + cursor: pointer; + background-clip: content-box; + border: 7px solid transparent; + margin-top: -7px; + margin-bottom: -7px; + margin-right: -7px; } + .input-switch .input-switch-slide { + height: 30px; + line-height: 30px; + white-space: nowrap; + font-size: 0; + width: 132px; } + .input-switch.on > .input-switch-slide { + margin-left: -30px; + background-color: #2ecc71; } + .input-switch span { + display: inline-block; + float: left; + line-height: 30px; + margin-left: 0px; + height: 30px; + width: 88px; + vertical-align: middle; + text-align: center; + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; } + .input-switch span.off { + text-align: right; + padding-right: 4px; } + .input-switch span.on { + text-align: left; + padding-left: 4px; + color: white; } + .input-switch span.off, .input-switch span.on { + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + font-size: 12px; + font-weight: bold; + width: 30px; } + .input-switch span.handle { + width: 30px; + background-color: white; + border-radius: 100%; + background-clip: content-box; + border: 5px solid transparent; + z-index: 10; + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; } + +/* +.editable, +[contentEditable=true] { + cursor: text; +} +*/ +.input-focus-dark:empty:focus { + color: #292929 !important; } + +.input-focus-dark:focus { + color: #292929 !important; } + +.input-prefix { + line-height: 60px; } + .input-prefix:before { + content: attr(data-placeholder); + color: #888; + text-transform: capitalize; + opacity: 0.5; } + .input-prefix:after { + content: "."; + opacity: 0; } + +.input.input-transitional { + line-height: 1.7 !important; + display: block; + height: auto !important; + font-size: 15px !important; + min-height: 60px; + padding: 8px 20px; + padding-top: 12px; + position: relative; + text-align: left; + height: auto; + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; } + .input.input-transitional.input-lg { + font-size: 20px !important; } + .input.input-transitional:before { + -webkit-transform-origin: top left; + -moz-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + content: attr(data-placeholder); + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + left: 0; + top: 0; + position: absolute; + height: 60px; + line-height: 60px; + font-size: 15px; + padding: 0 20px; + margin-top: 0px; + color: #888; + text-transform: capitalize; } + .input.input-transitional:empty:focus:before { + opacity: 1; + color: #292929 !important; } + .input.input-transitional:empty { + padding-top: 20px; } + .input.input-transitional:not(:empty) { + padding-top: 25px; } + .input.input-transitional:not(:empty):before { + opacity: 1; + height: 35px; + line-height: 35px; + font-size: 11px; } + +.editable:empty:before, +[data-placeholder][contentEditable=true]:empty:not(:focus):before { + content: attr(data-placeholder); + opacity: 0.6; } + +[data-placeholder][contentEditable=true]:empty:focus:before { + content: attr(data-placeholder); + opacity: 0.6; } + +form:before, form:after { + content: " "; + display: table; } + +form:after { + clear: both; } + +form .alert { + margin-top: 10px; + text-align: center !important; } + +.form-set .form-group { + padding: 25px; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + margin: 0; } + +.labels-inline .form-group { + display: table !important; + width: 100%; + margin-bottom: 15px; } + .labels-inline .form-group > .input-wrapper, + .labels-inline .form-group > .input, + .labels-inline .form-group > .label { + display: table-cell !important; } + .labels-inline .form-group > .input-wrapper:first-child, + .labels-inline .form-group > .input:first-child, + .labels-inline .form-group > .label:first-child { + width: 130px; + vertical-align: top; + padding-top: 5px; } + .labels-inline .form-group > .input-wrapper:last-child, + .labels-inline .form-group > .input:last-child, + .labels-inline .form-group > .label:last-child { + width: 100%; } + +.inverted a { + color: #77c8f8; + cursor: pointer; } + .inverted a:hover { + color: #f5f5f5; } + +.inverted .label { + color: #f5f5f5; } + +.inverted .input { + color: #f5f5f5; + border-color: #4dafeb; } + .inverted .input:-moz-placeholder { + color: #77c8f8; } + .inverted .input::-moz-placeholder { + color: #77c8f8; + opacity: 1; } + .inverted .input:-ms-input-placeholder { + color: #77c8f8; } + .inverted .input::-webkit-input-placeholder { + color: #77c8f8; } + .inverted .input:focus:-moz-placeholder { + color: white; } + .inverted .input:focus::-moz-placeholder { + color: white; + opacity: 1; } + .inverted .input:focus:-ms-input-placeholder { + color: white; } + .inverted .input:focus::-webkit-input-placeholder { + color: white; } + +.inverted .btn-link { + color: #f5f5f5 !important; } + +.fieldset { + padding: 20px 30px; + padding-bottom: 30px; + background-color: rgba(255, 255, 255, 0.04); + margin-bottom: 30px; } + +.form-group { + display: block; + margin-bottom: 30px; + position: relative; } + .form-group:before, .form-group:after { + content: " "; + display: table; } + .form-group:after { + clear: both; } + .form-group:last-child { + margin-bottom: 0px; } + .form-group small { + float: left; + width: 100%; + display: block; + margin-top: 5px; + color: #444; + margin-bottom: -20px; } + .form-group.tight { + margin-bottom: 5px; } + .form-group .flag { + background-size: cover; + background-position: center; } + .form-group .flag.england { + background-image: url("../images/flags/england.svg"); } + .form-group .flag.italy { + background-image: url("../images/flags/italy.svg"); } + .form-group .flag.germany { + background-image: url("../images/flags/germany.svg"); } + .form-group .flag.france { + background-image: url("../images/flags/france.svg"); } + .form-group .flag.spain { + background-image: url("../images/flags/spain.svg"); } + +.tight .form-group { + margin: 0px; + padding: 0px; } + .tight .form-group:first-child > .input { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + .tight .form-group:last-child { + margin-bottom: 30px; } + .tight .form-group:last-child > .input { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; } + .tight .form-group + .form-group > .input { + border-top: 0px !important; } + .tight .form-group > .input { + border-radius: 0px; } + +.label { + margin-bottom: 10px; + display: block; + font-size: 13px; + line-height: 1; + color: #222; + font-family: Avenir W01; + width: 100%; + white-space: nowrap; } + .label.label-sm { + font-size: 12px; + text-align: center; } + .label.label-range { + margin-bottom: -13px !important; + font-size: 11px; + text-align: left; } + +.message { + display: block; + font-size: 13px; + margin-top: 5px; + opacity: 0.5; } + +.input-unit { + width: 44px; + text-align: center; + display: inline-block; + line-height: 60px; + height: 60px; + font-size: 12px; + opacity: 0.5; + text-transform: uppercase; + color: #888; + vertical-align: middle; + position: absolute; + right: 0; + bottom: 0; } + +.input-drag { + vertical-align: middle; + position: absolute !important; + left: 0; + bottom: 0; + width: 44px; + min-width: 44px !important; + z-index: 100; + color: #c7c7c7; + cursor: ns-resize !important; } + .input-drag.btn-md { + width: 44px; + min-width: 44px !important; } + .input-drag .icon { + width: 44px; } + .input-drag .icon:after, .input-drag .icon:before { + width: 44px; } + .input-drag:active { + opacity: 1; } + .input-drag * { + pointer-events: none; } + +.input-overlay-wrapper { + position: relative; } + .input-overlay-wrapper .input-overlay { + display: block; + width: 100%; + padding-left: 20px; + max-width: 100%; + font-weight: 300; + font-family: Avenir W01; + font-size: 22px; + line-height: 60px; + color: #888; + height: 60px; + position: absolute; + bottom: 0; + left: 0; + pointer-events: none; + opacity: 0.25; } + .input-overlay-wrapper #user-slug { + padding-left: 183px; } + +.icon-bullet:before { + content: "\2022"; } + +.icon-hyphen:before { + content: "\002D"; } + +.icon-Euro:before { + content: "\20AC"; } + +.icon-minus:before, .btn-less:before { + content: "\2212"; } + +.icon-plus:before, .btn-more:before { + content: "\002B"; } + +.icon-cloud:before { + content: "\2601"; } + +.icon-lightning:before { + content: "\2607"; } + +.icon-heartsuitblack:before { + content: "\2665"; } + +.icon-whiteFlag:before { + content: "\2690"; } + +.icon-blackFlag:before { + content: "\2691"; } + +.icon-crossedSwords:before { + content: "\2694"; } + +.icon-blackScissorsRight:before { + content: "\2702"; } + +.icon-airplane:before { + content: "\2708"; } + +.icon-envelope:before { + content: "\2709"; } + +.icon-pencil:before { + content: "\270F"; } + +.icon-sparkle:before { + content: "\2747"; } + +.icon-at:before { + content: "\0040"; } + +.icon-copyright:before { + content: "\00A9"; } + +.icon-registered:before { + content: "\00AE"; } + +.icon-section:before { + content: "\00A7"; } + +.icon-battery:before { + content: "\1F50B"; } + +.icon-bell:before { + content: "\1F514"; } + +.icon-bookmark:before { + content: "\1F516"; } + +.icon-calendar:before { + content: "\1F4C5"; } + +.icon-camera:before { + content: "\1F4F7"; } + +.icon-clipboard:before { + content: "\1F4CB"; } + +.icon-hourglass:before { + content: "\231B"; } + +.icon-microphone:before { + content: "\1F3A4"; } + +.icon-newspaper:before { + content: "\1F4F0"; } + +.icon-paperclip:before { + content: "\1F4CE"; } + +.icon-radio:before { + content: "\1F4FB"; } + +.icon-wrench:before { + content: "\1F527"; } + +.icon-align-bottom:before { + content: "\E004"; } + +.icon-align-center-horizontal:before { + content: "\E005"; } + +.icon-align-center-vertical:before { + content: "\E006"; } + +.icon-align-left:before { + content: "\E007"; } + +.icon-align-right:before { + content: "\E008"; } + +.icon-align-to-canvas:before { + content: "\E009"; } + +.icon-align-top:before { + content: "\E00A"; } + +.icon-align-vertical-bottom:before { + content: "\E00B"; } + +.icon-align-vertical-middle:before { + content: "\E00C"; } + +.icon-align-vertical-top:before { + content: "\E00D"; } + +.icon-antenna:before { + content: "\E00E"; } + +.icon-application:before { + content: "\E00F"; } + +.icon-arrow-0:before { + content: "\E010"; } + +.icon-arrow-1:before { + content: "\E011"; } + +.icon-arrow-2:before { + content: "\E012"; } + +.icon-arrow-3:before { + content: "\E013"; } + +.icon-arrow-4:before { + content: "\E014"; } + +.icon-arrow-bottom-light:before { + content: "\E015"; } + +.icon-arrow-down:before { + content: "\E016"; } + +.icon-arrow-fork:before { + content: "\E017"; } + +.icon-arrow-horizontal:before { + content: "\E018"; } + +.icon-arrow-left:before { + content: "\E019"; } + +.icon-arrow-left-down:before { + content: "\E01A"; } + +.icon-arrow-left-light:before { + content: "\E01B"; } + +.icon-arrow-left-up:before { + content: "\E01C"; } + +.icon-arrow-merge:before { + content: "\E01D"; } + +.icon-arrow-right:before { + content: "\E01E"; } + +.icon-arrow-right-down:before { + content: "\E01F"; } + +.icon-arrow-right-light:before { + content: "\E020"; } + +.icon-arrow-right-up:before { + content: "\E021"; } + +.icon-arrow-thin-down:before { + content: "\E022"; } + +.icon-arrow-thin-left:before { + content: "\E023"; } + +.icon-arrow-thin-right:before { + content: "\E024"; } + +.icon-arrow-thin-up:before { + content: "\E025"; } + +.icon-arrow-top:before { + content: "\E026"; } + +.icon-arrow-top-light:before { + content: "\E027"; } + +.icon-arrow-vertical:before { + content: "\E028"; } + +.icon-arrows-horizontal:before { + content: "\E029"; } + +.icon-arrows-in:before { + content: "\E02A"; } + +.icon-arrows-out:before { + content: "\E02B"; } + +.icon-arrows-thin-horizontal:before { + content: "\E02C"; } + +.icon-arrows-thin-vertical:before { + content: "\E02D"; } + +.icon-arrows-vertical:before { + content: "\E02E"; } + +.icon-ban-0:before { + content: "\E02F"; } + +.icon-ban-1:before { + content: "\E030"; } + +.icon-ban-2:before { + content: "\E031"; } + +.icon-ban-3:before { + content: "\E032"; } + +.icon-ban-4:before { + content: "\E033"; } + +.icon-bar-code:before { + content: "\E034"; } + +.icon-battery-0:before { + content: "\E035"; } + +.icon-battery-1:before { + content: "\E036"; } + +.icon-battery-2:before { + content: "\E037"; } + +.icon-battery-3:before { + content: "\E038"; } + +.icon-battery-4:before { + content: "\E039"; } + +.icon-battery-5:before { + content: "\E03A"; } + +.icon-battery-6:before { + content: "\E03B"; } + +.icon-battery-7:before { + content: "\E03C"; } + +.icon-battery-8:before { + content: "\E03D"; } + +.icon-battery-loading:before { + content: "\E03E"; } + +.icon-beverage-beer:before { + content: "\E03F"; } + +.icon-beverage-cocktail:before { + content: "\E040"; } + +.icon-beverage-wine:before { + content: "\E041"; } + +.icon-book:before { + content: "\E042"; } + +.icon-book-contacts:before { + content: "\E043"; } + +.icon-book-open:before { + content: "\E044"; } + +.icon-border-dashed:before { + content: "\E045"; } + +.icon-border-dotted:before { + content: "\E046"; } + +.icon-border-radius:before { + content: "\E047"; } + +.icon-border-solid:before { + content: "\E048"; } + +.icon-brightness:before { + content: "\E049"; } + +.icon-calculator:before { + content: "\E04A"; } + +.icon-calculator-black:before { + content: "\E04B"; } + +.icon-camera-black:before { + content: "\E04C"; } + +.icon-canvas:before { + content: "\E04D"; } + +.icon-canvas-square:before { + content: "\E04E"; } + +.icon-cd:before { + content: "\E04F"; } + +.icon-certificate:before { + content: "\E050"; } + +.icon-chart-0:before { + content: "\E051"; } + +.icon-chart-1:before { + content: "\E052"; } + +.icon-chart-2:before { + content: "\E053"; } + +.icon-chart-3:before { + content: "\E054"; } + +.icon-chart-4:before { + content: "\E055"; } + +.icon-chart-5:before { + content: "\E056"; } + +.icon-chart-6:before { + content: "\E057"; } + +.icon-chart-7:before { + content: "\E058"; } + +.icon-chart-8:before { + content: "\E059"; } + +.icon-chart-bars:before { + content: "\E05A"; } + +.icon-check:before { + content: "\E05B"; } + +.icon-chevron-down-0:before { + content: "\E05C"; } + +.icon-chevron-down-1:before { + content: "\E05D"; } + +.icon-chevron-down-2:before { + content: "\E05E"; } + +.icon-chevron-down-3:before { + content: "\E05F"; } + +.icon-chevron-down-4:before { + content: "\E060"; } + +.icon-chevron-left-0:before { + content: "\E061"; } + +.icon-chevron-left-1:before { + content: "\E062"; } + +.icon-chevron-left-2:before { + content: "\E063"; } + +.icon-chevron-left-3:before { + content: "\E064"; } + +.icon-chevron-left-4:before { + content: "\E065"; } + +.icon-chevron-right-0:before { + content: "\E066"; } + +.icon-chevron-right-1:before { + content: "\E067"; } + +.icon-chevron-right-2:before { + content: "\E068"; } + +.icon-chevron-right-3:before { + content: "\E069"; } + +.icon-chevron-right-4:before { + content: "\E06A"; } + +.icon-chevron-up-0:before { + content: "\E06B"; } + +.icon-chevron-up-1:before { + content: "\E06C"; } + +.icon-chevron-up-2:before { + content: "\E06D"; } + +.icon-chevron-up-3:before { + content: "\E06E"; } + +.icon-chevron-up-4:before { + content: "\E06F"; } + +.icon-circle-0:before { + content: "\E070"; } + +.icon-circle-1:before { + content: "\E071"; } + +.icon-circle-2:before { + content: "\E072"; } + +.icon-circle-3:before { + content: "\E073"; } + +.icon-circle-4:before { + content: "\E074"; } + +.icon-circle-check:before { + content: "\E075"; } + +.icon-circle-down:before { + content: "\E076"; } + +.icon-circle-exclude:before { + content: "\E077"; } + +.icon-circle-info:before { + content: "\E078"; } + +.icon-circle-intersect:before { + content: "\E079"; } + +.icon-circle-left:before { + content: "\E07A"; } + +.icon-circle-minus:before { + content: "\E07B"; } + +.icon-circle-plus:before { + content: "\E07C"; } + +.icon-circle-question:before { + content: "\E07D"; } + +.icon-circle-remove:before { + content: "\E07E"; } + +.icon-circle-right:before { + content: "\E07F"; } + +.icon-circle-subtract:before { + content: "\E080"; } + +.icon-circle-unite:before { + content: "\E081"; } + +.icon-circle-up:before { + content: "\E082"; } + +.icon-circle-warning:before { + content: "\E083"; } + +.icon-clock:before { + content: "\E084"; } + +.icon-cloud-down:before { + content: "\E085"; } + +.icon-cloud-upload:before { + content: "\E086"; } + +.icon-cluster:before { + content: "\E087"; } + +.icon-cogwheel:before { + content: "\E088"; } + +.icon-columns:before { + content: "\E089"; } + +.icon-columns-3:before { + content: "\E08A"; } + +.icon-compass:before { + content: "\E08B"; } + +.icon-compass-east:before { + content: "\E08C"; } + +.icon-compass-north:before { + content: "\E08D"; } + +.icon-compass-north-east:before { + content: "\E08E"; } + +.icon-compass-north-west:before { + content: "\E08F"; } + +.icon-compass-south:before { + content: "\E090"; } + +.icon-compass-south-east:before { + content: "\E091"; } + +.icon-compass-south-west:before { + content: "\E092"; } + +.icon-compass-west:before { + content: "\E093"; } + +.icon-contrast:before { + content: "\E094"; } + +.icon-controls-backward:before { + content: "\E095"; } + +.icon-controls-eject:before { + content: "\E096"; } + +.icon-controls-fast-backward:before { + content: "\E097"; } + +.icon-controls-fast-forward:before { + content: "\E098"; } + +.icon-controls-forward:before { + content: "\E099"; } + +.icon-controls-pause:before { + content: "\E09A"; } + +.icon-controls-play:before { + content: "\E09B"; } + +.icon-controls-stop:before { + content: "\E09C"; } + +.icon-couple:before { + content: "\E09D"; } + +.icon-creditcard:before { + content: "\E09E"; } + +.icon-cross-0:before { + content: "\E09F"; } + +.icon-cross-1:before { + content: "\E0A0"; } + +.icon-cross-2:before { + content: "\E0A1"; } + +.icon-cross-3:before { + content: "\E0A2"; } + +.icon-cross-4:before { + content: "\E0A3"; } + +.icon-cross-hair:before { + content: "\E0A4"; } + +.icon-cullumn-spacing:before { + content: "\E0A5"; } + +.icon-currency-dollar:before { + content: "\E0A6"; } + +.icon-currency-pound:before { + content: "\E0A7"; } + +.icon-cursor-text:before { + content: "\E0A8"; } + +.icon-cursor-text-frame:before { + content: "\E0A9"; } + +.icon-curved-arrow:before { + content: "\E0AA"; } + +.icon-cuttlery:before { + content: "\E0AB"; } + +.icon-dashboard:before { + content: "\E0AC"; } + +.icon-device-desktop:before { + content: "\E0AD"; } + +.icon-device-mobile:before { + content: "\E0AE"; } + +.icon-device-mobile-down:before { + content: "\E0AF"; } + +.icon-device-mobile-transfer:before { + content: "\E0B0"; } + +.icon-device-mobile-up:before { + content: "\E0B1"; } + +.icon-device-mp3:before { + content: "\E0B2"; } + +.icon-device-notebook:before { + content: "\E0B3"; } + +.icon-device-tablet:before { + content: "\E0B4"; } + +.icon-directions-axis:before { + content: "\E0B5"; } + +.icon-directions-omni:before { + content: "\E0B6"; } + +.icon-directions-seperate:before { + content: "\E0B7"; } + +.icon-distribute-horizontal:before { + content: "\E0B8"; } + +.icon-distribute-vertical:before { + content: "\E0B9"; } + +.icon-download:before { + content: "\E0BA"; } + +.icon-duplicate:before { + content: "\E0BB"; } + +.icon-duplicate-alt:before { + content: "\E0BC"; } + +.icon-edge-bottom:before { + content: "\E0BD"; } + +.icon-edge-left:before { + content: "\E0BE"; } + +.icon-edge-right:before { + content: "\E0BF"; } + +.icon-edge-top:before { + content: "\E0C0"; } + +.icon-ellipse-horizontal:before { + content: "\E0C1"; } + +.icon-ellipse-vertical:before { + content: "\E0C2"; } + +.icon-embed:before { + content: "\E0C3"; } + +.icon-embed-alt:before { + content: "\E0C4"; } + +.icon-emote-1:before { + content: "\E0C5"; } + +.icon-emote-2:before { + content: "\E0C6"; } + +.icon-emote-3:before { + content: "\E0C7"; } + +.icon-emote-4:before { + content: "\E0C8"; } + +.icon-emote-big-smile:before { + content: "\E0C9"; } + +.icon-emote-only-happy:before { + content: "\E0CA"; } + +.icon-emote-sad:before { + content: "\E0CB"; } + +.icon-emote-smile:before { + content: "\E0CC"; } + +.icon-emote-tongue:before { + content: "\E0CD"; } + +.icon-escape:before { + content: "\E0CE"; } + +.icon-eye-closed:before { + content: "\E0CF"; } + +.icon-eye-open:before { + content: "\E0D0"; } + +.icon-feather:before { + content: "\E0D1"; } + +.icon-female:before { + content: "\E0D2"; } + +.icon-female-afro:before { + content: "\E0D3"; } + +.icon-female-bun:before { + content: "\E0D4"; } + +.icon-female-emo:before { + content: "\E0D5"; } + +.icon-female-long-hair:before { + content: "\E0D6"; } + +.icon-female-moslem:before { + content: "\E0D7"; } + +.icon-female-pigtails:before { + content: "\E0D8"; } + +.icon-female-pigtails-alt:before { + content: "\E0D9"; } + +.icon-female-user:before { + content: "\E0DA"; } + +.icon-fetch:before { + content: "\E0DB"; } + +.icon-file-check:before { + content: "\E0DC"; } + +.icon-file-edit:before { + content: "\E0DD"; } + +.icon-file-share:before { + content: "\E0DE"; } + +.icon-fit-to:before { + content: "\E0DF"; } + +.icon-flag:before { + content: "\E0E0"; } + +.icon-flip-down:before { + content: "\E0E1"; } + +.icon-flip-left:before { + content: "\E0E2"; } + +.icon-flip-right:before { + content: "\E0E3"; } + +.icon-flip-up:before { + content: "\E0E4"; } + +.icon-floppydisk:before { + content: "\E0E5"; } + +.icon-flow:before { + content: "\E0E6"; } + +.icon-folder:before, #folder-grid .item.folder-up:before, +#folder-grid .item.folder .item-type:before { + content: "\E0E7"; } + +.icon-folder-down:before { + content: "\E0E8"; } + +.icon-folder-favorites:before { + content: "\E0E9"; } + +.icon-folder-flagged:before { + content: "\E0EA"; } + +.icon-folder-leave:before { + content: "\E0EB"; } + +.icon-folder-locked:before { + content: "\E0EC"; } + +.icon-folder-minus:before { + content: "\E0ED"; } + +.icon-folder-open:before { + content: "\E0EE"; } + +.icon-folder-open-2:before { + content: "\E0EF"; } + +.icon-folder-plus:before { + content: "\E0F0"; } + +.icon-folder-remove:before { + content: "\E0F1"; } + +.icon-folder-shared:before { + content: "\E0F2"; } + +.icon-folder-up:before { + content: "\E0F3"; } + +.icon-form-exclude:before { + content: "\E0F4"; } + +.icon-form-intersect:before { + content: "\E0F5"; } + +.icon-form-subtract:before { + content: "\E0F6"; } + +.icon-form-unite:before { + content: "\E0F7"; } + +.icon-full-screen:before { + content: "\E0F8"; } + +.icon-fullscreen-off:before { + content: "\E0F9"; } + +.icon-fullscreen-on:before { + content: "\E0FA"; } + +.icon-globe:before { + content: "\E0FB"; } + +.icon-grid:before { + content: "\E0FC"; } + +.icon-grid-free:before { + content: "\E0FD"; } + +.icon-grid-small:before { + content: "\E0FE"; } + +.icon-group:before { + content: "\E0FF"; } + +.icon-handle:before { + content: "\E100"; } + +.icon-harddrive:before { + content: "\E101"; } + +.icon-heading:before { + content: "\E102"; } + +.icon-headphones:before { + content: "\E103"; } + +.icon-heart:before { + content: "\E104"; } + +.icon-heart-hollow:before { + content: "\E105"; } + +.icon-history:before { + content: "\E106"; } + +.icon-home:before { + content: "\E107"; } + +.icon-human:before { + content: "\E108"; } + +.icon-inbox:before { + content: "\E109"; } + +.icon-info:before { + content: "\E10A"; } + +.icon-input-checkbox:before { + content: "\E10B"; } + +.icon-input-checkbox-checked:before, .checkbox.checked:before, .checkbox:hover:before, .checkbox:active:before { + content: "\E10C"; } + +.icon-input-radio:before, .radio:before, +.checkbox:before { + content: "\E10D"; } + +.icon-input-radio-checked:before, .radio.checked:before, .radio:hover:before, .radio:active:before { + content: "\E10E"; } + +.icon-leave:before { + content: "\E10F"; } + +.icon-lightbulb:before { + content: "\E110"; } + +.icon-line-0:before { + content: "\E111"; } + +.icon-line-1:before { + content: "\E112"; } + +.icon-line-2:before { + content: "\E113"; } + +.icon-line-3:before { + content: "\E114"; } + +.icon-line-4:before { + content: "\E115"; } + +.icon-line-half-0:before { + content: "\E116"; } + +.icon-line-half-1:before { + content: "\E117"; } + +.icon-line-half-2:before { + content: "\E118"; } + +.icon-line-half-3:before { + content: "\E119"; } + +.icon-line-half-4:before { + content: "\E11A"; } + +.icon-lines:before { + content: "\E11B"; } + +.icon-link:before { + content: "\E11C"; } + +.icon-link-closed:before { + content: "\E11D"; } + +.icon-link-closed-alt:before { + content: "\E11E"; } + +.icon-link-open:before { + content: "\E11F"; } + +.icon-link-open-alt:before { + content: "\E120"; } + +.icon-list:before { + content: "\E121"; } + +.icon-location:before { + content: "\E122"; } + +.icon-lock-closed:before { + content: "\E123"; } + +.icon-lock-open:before { + content: "\E124"; } + +.icon-login:before { + content: "\E125"; } + +.icon-logout:before { + content: "\E126"; } + +.icon-loop:before { + content: "\E127"; } + +.icon-magnet:before { + content: "\E128"; } + +.icon-mail:before { + content: "\E129"; } + +.icon-male:before { + content: "\E12A"; } + +.icon-male-add:before { + content: "\E12B"; } + +.icon-male-afro:before { + content: "\E12C"; } + +.icon-male-business:before { + content: "\E12D"; } + +.icon-male-cool:before { + content: "\E12E"; } + +.icon-male-emo:before { + content: "\E12F"; } + +.icon-male-flathat:before { + content: "\E130"; } + +.icon-male-gentleman:before { + content: "\E131"; } + +.icon-male-hoodie:before { + content: "\E132"; } + +.icon-male-jew:before { + content: "\E133"; } + +.icon-male-monk:before { + content: "\E134"; } + +.icon-male-moslem:before { + content: "\E135"; } + +.icon-male-mustache:before { + content: "\E136"; } + +.icon-male-punk:before { + content: "\E137"; } + +.icon-male-remove:before { + content: "\E138"; } + +.icon-male-scuba:before { + content: "\E139"; } + +.icon-male-soldier:before { + content: "\E13A"; } + +.icon-male-techno:before { + content: "\E13B"; } + +.icon-male-user:before { + content: "\E13C"; } + +.icon-megaphone:before { + content: "\E13D"; } + +.icon-menu:before { + content: "\E13E"; } + +.icon-menu-2:before { + content: "\E13F"; } + +.icon-message:before { + content: "\E140"; } + +.icon-message-add:before { + content: "\E141"; } + +.icon-message-blank:before { + content: "\E142"; } + +.icon-messages:before { + content: "\E143"; } + +.icon-microphone-off:before { + content: "\E144"; } + +.icon-mirror-horizontal:before { + content: "\E145"; } + +.icon-mirror-horizontal-alt:before { + content: "\E146"; } + +.icon-mirror-vertical:before { + content: "\E147"; } + +.icon-mirror-vertical-alt:before { + content: "\E148"; } + +.icon-moon-first-quarter:before { + content: "\E149"; } + +.icon-moon-full:before { + content: "\E14A"; } + +.icon-moon-new:before { + content: "\E14B"; } + +.icon-moon-third-quarter:before { + content: "\E14C"; } + +.icon-moon-waning-crescent:before { + content: "\E14D"; } + +.icon-moon-waning-gibbous:before { + content: "\E14E"; } + +.icon-moon-waxing-crescent:before { + content: "\E14F"; } + +.icon-moon-waxing-gibbous:before { + content: "\E150"; } + +.icon-move:before { + content: "\E151"; } + +.icon-move-down:before { + content: "\E152"; } + +.icon-move-left:before { + content: "\E153"; } + +.icon-move-right:before { + content: "\E154"; } + +.icon-move-up:before { + content: "\E155"; } + +.icon-movie:before { + content: "\E156"; } + +.icon-music-note:before { + content: "\E157"; } + +.icon-music-upload:before { + content: "\E158"; } + +.icon-newspaper-alt:before { + content: "\E159"; } + +.icon-padding:before { + content: "\E15A"; } + +.icon-padding-bottom:before { + content: "\E15B"; } + +.icon-padding-left:before { + content: "\E15C"; } + +.icon-padding-right:before { + content: "\E15D"; } + +.icon-padding-top:before { + content: "\E15E"; } + +.icon-page-horizontal:before, #folder-grid .item.space .item-type:before { + content: "\E15F"; } + +.icon-page-horizontal-down:before { + content: "\E160"; } + +.icon-page-horizontal-flag:before { + content: "\E161"; } + +.icon-page-horizontal-locked:before { + content: "\E162"; } + +.icon-page-horizontal-minus:before { + content: "\E163"; } + +.icon-page-horizontal-plus:before { + content: "\E164"; } + +.icon-page-horizontal-remove:before { + content: "\E165"; } + +.icon-page-horizontal-up:before { + content: "\E166"; } + +.icon-page-vert:before { + content: "\E167"; } + +.icon-page-vertical-double:before { + content: "\E168"; } + +.icon-page-vertical-down:before { + content: "\E169"; } + +.icon-page-vertical-flag:before { + content: "\E16A"; } + +.icon-page-vertical-image:before { + content: "\E16B"; } + +.icon-page-vertical-locked:before { + content: "\E16C"; } + +.icon-page-vertical-minus:before { + content: "\E16D"; } + +.icon-page-vertical-plus:before { + content: "\E16E"; } + +.icon-page-vertical-remove:before { + content: "\E16F"; } + +.icon-page-vertical-table:before { + content: "\E170"; } + +.icon-page-vertical-text:before { + content: "\E171"; } + +.icon-page-vertical-up:before { + content: "\E172"; } + +.icon-palette:before { + content: "\E173"; } + +.icon-palette-alt:before { + content: "\E174"; } + +.icon-paperplane:before { + content: "\E175"; } + +.icon-photofilm:before { + content: "\E176"; } + +.icon-picture:before { + content: "\E177"; } + +.icon-picture-landscape:before { + content: "\E178"; } + +.icon-picture-portrait:before { + content: "\E179"; } + +.icon-picture-upload:before { + content: "\E17A"; } + +.icon-pictures:before { + content: "\E17B"; } + +.icon-pin:before { + content: "\E17C"; } + +.icon-planet:before { + content: "\E001"; } + +.icon-point:before { + content: "\E17D"; } + +.icon-pointing-down:before { + content: "\E17E"; } + +.icon-pointing-left:before { + content: "\E17F"; } + +.icon-pointing-right:before { + content: "\E180"; } + +.icon-pointing-up:before { + content: "\E181"; } + +.icon-postcard:before { + content: "\E182"; } + +.icon-power-off:before { + content: "\E183"; } + +.icon-present:before { + content: "\E184"; } + +.icon-presentation:before { + content: "\E185"; } + +.icon-printer:before { + content: "\E186"; } + +.icon-pull:before { + content: "\E187"; } + +.icon-push:before { + content: "\E188"; } + +.icon-qr-code:before { + content: "\E189"; } + +.icon-quote:before { + content: "\E18A"; } + +.icon-radio-black:before { + content: "\E18B"; } + +.icon-random:before { + content: "\E18C"; } + +.icon-record:before { + content: "\E18D"; } + +.icon-redo:before { + content: "\E18E"; } + +.icon-resize-full:before { + content: "\E18F"; } + +.icon-resize-small:before { + content: "\E190"; } + +.icon-retweet:before { + content: "\E191"; } + +.icon-rings:before { + content: "\E192"; } + +.icon-road:before { + content: "\E193"; } + +.icon-rotate:before { + content: "\E194"; } + +.icon-rotate-2:before { + content: "\E195"; } + +.icon-rotate-3:before { + content: "\E196"; } + +.icon-rotate-left:before { + content: "\E197"; } + +.icon-rotate-right:before { + content: "\E198"; } + +.icon-rss:before { + content: "\E199"; } + +.icon-search:before { + content: "\E000"; } + +.icon-section-alt:before { + content: "\E19A"; } + +.icon-section-alt-2:before { + content: "\E19B"; } + +.icon-section-edit:before { + content: "\E19C"; } + +.icon-selection:before { + content: "\E19D"; } + +.icon-selection-circle:before { + content: "\E19E"; } + +.icon-selection-circle-strong:before { + content: "\E19F"; } + +.icon-selection-square:before { + content: "\E1A0"; } + +.icon-selection-square-strong:before { + content: "\E1A1"; } + +.icon-server:before { + content: "\E1A2"; } + +.icon-shape-bubble:before { + content: "\E1A3"; } + +.icon-shape-burst:before { + content: "\E1A4"; } + +.icon-shape-circle:before { + content: "\E1A5"; } + +.icon-shape-cloud:before { + content: "\E1A6"; } + +.icon-shape-cross:before { + content: "\E1A7"; } + +.icon-shape-heart:before { + content: "\E1A8"; } + +.icon-shape-hexagon:before { + content: "\E1A9"; } + +.icon-shape-octagon:before { + content: "\E1AA"; } + +.icon-shape-pentagon:before { + content: "\E1AB"; } + +.icon-shape-plus:before { + content: "\E1AC"; } + +.icon-shape-square:before { + content: "\E1AD"; } + +.icon-shape-star:before { + content: "\E1AE"; } + +.icon-shape-triangle:before { + content: "\E1AF"; } + +.icon-shapes:before { + content: "\E1B0"; } + +.icon-share:before { + content: "\E1B1"; } + +.icon-shopping-cart:before { + content: "\E1B2"; } + +.icon-signal:before { + content: "\E1B3"; } + +.icon-signal-alt:before { + content: "\E1B4"; } + +.icon-size:before { + content: "\E1B5"; } + +.icon-size-both:before { + content: "\E1B6"; } + +.icon-size-horizontal:before { + content: "\E1B7"; } + +.icon-size-vertical:before { + content: "\E1B8"; } + +.icon-social-dribbble:before { + content: "\E1B9"; } + +.icon-social-dropbox:before { + content: "\E1BA"; } + +.icon-social-facebook:before { + content: "\E1BB"; } + +.icon-social-flickr:before { + content: "\E1BC"; } + +.icon-social-google:before { + content: "\E1BD"; } + +.icon-social-soundcloud:before { + content: "\E002"; } + +.icon-social-square-dribbble:before { + content: "\E1BE"; } + +.icon-social-square-dropbox:before { + content: "\E1BF"; } + +.icon-social-square-facebook:before { + content: "\E1C0"; } + +.icon-social-square-flickr:before { + content: "\E1C1"; } + +.icon-social-square-google:before { + content: "\E1C2"; } + +.icon-social-square-soundcloud:before { + content: "\E003"; } + +.icon-social-square-tumblr:before { + content: "\E1C3"; } + +.icon-social-square-twitter:before { + content: "\E1C4"; } + +.icon-social-square-vimeo:before { + content: "\E1C5"; } + +.icon-social-square-vine:before { + content: "\E1C6"; } + +.icon-social-square-youtube:before { + content: "\E1C7"; } + +.icon-social-tumblr:before { + content: "\E1C8"; } + +.icon-social-twitter:before { + content: "\E1C9"; } + +.icon-social-vimeo:before { + content: "\E1CA"; } + +.icon-social-vine:before { + content: "\E1CB"; } + +.icon-social-youtube:before { + content: "\E1CC"; } + +.icon-sort-alphabetical-ascending:before { + content: "\E1CD"; } + +.icon-sort-alphabetical-descending:before { + content: "\E1CE"; } + +.icon-sort-ascending:before { + content: "\E1CF"; } + +.icon-sort-descending:before { + content: "\E1D0"; } + +.icon-sort-numerical-ascending:before { + content: "\E1D1"; } + +.icon-sort-numerical-descending:before { + content: "\E1D2"; } + +.icon-sorting:before { + content: "\E1D3"; } + +.icon-sorting-ascending:before { + content: "\E1D4"; } + +.icon-sorting-descending:before { + content: "\E1D5"; } + +.icon-sound-5-1:before { + content: "\E1D6"; } + +.icon-sound-6-1:before { + content: "\E1D7"; } + +.icon-sound-7-1:before { + content: "\E1D8"; } + +.icon-sound-dolby:before { + content: "\E1D9"; } + +.icon-sound-full:before { + content: "\E1DA"; } + +.icon-sound-off:before { + content: "\E1DB"; } + +.icon-sound-silent:before { + content: "\E1DC"; } + +.icon-sound-stereo:before { + content: "\E1DD"; } + +.icon-space-horizontal:before { + content: "\E1DE"; } + +.icon-space-shared:before { + content: "\E1DF"; } + +.icon-space-vertical:before { + content: "\E1E0"; } + +.icon-spacedeck-logo:before { + content: "\E1E1"; } + +.icon-spacing-horizontal:before { + content: "\E1E2"; } + +.icon-spacing-vertical:before { + content: "\E1E3"; } + +.icon-square-down:before { + content: "\E1E4"; } + +.icon-square-left:before { + content: "\E1E5"; } + +.icon-square-right:before { + content: "\E1E6"; } + +.icon-square-up:before { + content: "\E1E7"; } + +.icon-stack-3d:before { + content: "\E1E8"; } + +.icon-stack-3d-bottom:before { + content: "\E1E9"; } + +.icon-stack-3d-top:before { + content: "\E1EA"; } + +.icon-stack-bottom:before { + content: "\E1EB"; } + +.icon-stack-down:before { + content: "\E1EC"; } + +.icon-stack-top:before { + content: "\E1ED"; } + +.icon-stack-up:before { + content: "\E1EE"; } + +.icon-star:before { + content: "\E1EF"; } + +.icon-star-hollow:before { + content: "\E1F0"; } + +.icon-stash-apply:before { + content: "\E1F1"; } + +.icon-stash-save:before { + content: "\E1F2"; } + +.icon-statistic:before { + content: "\E1F3"; } + +.icon-step-backward:before { + content: "\E1F4"; } + +.icon-step-forward:before { + content: "\E1F5"; } + +.icon-stroke-weight:before { + content: "\E1F6"; } + +.icon-subtitles:before { + content: "\E1F7"; } + +.icon-suitcase:before { + content: "\E1F8"; } + +.icon-table:before { + content: "\E1F9"; } + +.icon-tag:before { + content: "\E1FA"; } + +.icon-tags:before { + content: "\E1FB"; } + +.icon-text-align-center:before { + content: "\E1FC"; } + +.icon-text-align-center-alt:before { + content: "\E1FD"; } + +.icon-text-align-justify:before { + content: "\E1FE"; } + +.icon-text-align-justify-alt:before { + content: "\E1FF"; } + +.icon-text-align-left:before { + content: "\E200"; } + +.icon-text-align-left-alt:before { + content: "\E201"; } + +.icon-text-align-right:before { + content: "\E202"; } + +.icon-text-align-right-alt:before { + content: "\E203"; } + +.icon-text-allcaps:before { + content: "\E204"; } + +.icon-text-bold:before { + content: "\E205"; } + +.icon-text-frame:before { + content: "\E206"; } + +.icon-text-indent:before { + content: "\E207"; } + +.icon-text-italic:before { + content: "\E208"; } + +.icon-text-list:before { + content: "\E209"; } + +.icon-text-list-alphabetical:before { + content: "\E20A"; } + +.icon-text-list-alt:before { + content: "\E20B"; } + +.icon-text-list-bullet:before { + content: "\E20C"; } + +.icon-text-list-numbered:before { + content: "\E20D"; } + +.icon-text-normal:before { + content: "\E20E"; } + +.icon-text-remove-format:before { + content: "\E20F"; } + +.icon-text-roman:before { + content: "\E210"; } + +.icon-text-size:before { + content: "\E211"; } + +.icon-text-strike:before { + content: "\E212"; } + +.icon-text-styles:before { + content: "\E213"; } + +.icon-text-sub:before { + content: "\E214"; } + +.icon-text-super:before { + content: "\E215"; } + +.icon-text-typeface:before { + content: "\E216"; } + +.icon-text-underline:before { + content: "\E217"; } + +.icon-text-unindent:before { + content: "\E218"; } + +.icon-text-uppercase:before { + content: "\E219"; } + +.icon-text-width:before { + content: "\E21A"; } + +.icon-thumbs-down:before { + content: "\E21B"; } + +.icon-thumbs-up:before { + content: "\E21C"; } + +.icon-tint:before { + content: "\E21D"; } + +.icon-tint-hollow:before { + content: "\E21E"; } + +.icon-tint-none:before { + content: "\E21F"; } + +.icon-tool-arrow:before { + content: "\E220"; } + +.icon-tool-circle:before { + content: "\E221"; } + +.icon-tool-crop:before { + content: "\E222"; } + +.icon-tool-draw:before { + content: "\E223"; } + +.icon-tool-erase:before { + content: "\E224"; } + +.icon-tool-eyedrop:before { + content: "\E225"; } + +.icon-tool-fill:before { + content: "\E226"; } + +.icon-tool-hand:before { + content: "\E227"; } + +.icon-tool-library:before { + content: "\E228"; } + +.icon-tool-line:before { + content: "\E229"; } + +.icon-tool-magic-wand:before { + content: "\E22A"; } + +.icon-tool-pointer:before { + content: "\E22B"; } + +.icon-tool-rectangle:before { + content: "\E22C"; } + +.icon-tool-scribble:before { + content: "\E22D"; } + +.icon-tool-stroke:before { + content: "\E22E"; } + +.icon-tool-text:before { + content: "\E22F"; } + +.icon-tool-text-alt:before { + content: "\E230"; } + +.icon-tool-zone:before { + content: "\E231"; } + +.icon-tool-zones:before { + content: "\E232"; } + +.icon-transfer:before { + content: "\E233"; } + +.icon-trash:before { + content: "\E234"; } + +.icon-tree-conifer:before { + content: "\E235"; } + +.icon-tree-deciduous:before { + content: "\E236"; } + +.icon-triangle-0:before { + content: "\E237"; } + +.icon-triangle-0-bottom:before { + content: "\E238"; } + +.icon-triangle-0-left:before { + content: "\E239"; } + +.icon-triangle-0-right:before { + content: "\E23A"; } + +.icon-triangle-0-top:before { + content: "\E23B"; } + +.icon-triangle-1:before { + content: "\E23C"; } + +.icon-triangle-1-bottom:before { + content: "\E23D"; } + +.icon-triangle-1-left:before { + content: "\E23E"; } + +.icon-triangle-1-right:before { + content: "\E23F"; } + +.icon-triangle-1-top:before { + content: "\E240"; } + +.icon-triangle-2:before { + content: "\E241"; } + +.icon-triangle-2-bottom:before { + content: "\E242"; } + +.icon-triangle-2-left:before { + content: "\E243"; } + +.icon-triangle-2-right:before { + content: "\E244"; } + +.icon-triangle-2-top:before { + content: "\E245"; } + +.icon-triangle-3:before { + content: "\E246"; } + +.icon-triangle-3-bottom:before, .btn.btn-dropdown:before { + content: "\E247"; } + +.icon-triangle-3-left:before { + content: "\E248"; } + +.icon-triangle-3-right:before { + content: "\E249"; } + +.icon-triangle-3-top:before { + content: "\E24A"; } + +.icon-triangle-4:before { + content: "\E24B"; } + +.icon-triangle-4-bottom:before { + content: "\E24C"; } + +.icon-triangle-4-left:before { + content: "\E24D"; } + +.icon-triangle-4-right:before { + content: "\E24E"; } + +.icon-triangle-4-top:before { + content: "\E24F"; } + +.icon-triangle-down:before { + content: "\E250"; } + +.icon-triangle-left:before, .btn-prev:before { + content: "\E251"; } + +.icon-triangle-right:before, .btn-next:before { + content: "\E252"; } + +.icon-triangle-up:before { + content: "\E253"; } + +.icon-triangles-horizontal:before { + content: "\E254"; } + +.icon-triangles-vertical:before { + content: "\E255"; } + +.icon-undo:before { + content: "\E256"; } + +.icon-ungroup:before { + content: "\E257"; } + +.icon-uniE000:before { + content: "\E258"; } + +.icon-upload:before { + content: "\E259"; } + +.icon-upload-alt:before { + content: "\E25A"; } + +.icon-user:before { + content: "\E25B"; } + +.icon-user-add:before { + content: "\E25C"; } + +.icon-user-group:before { + content: "\E25D"; } + +.icon-user-group-2:before { + content: "\E25E"; } + +.icon-user-group-3:before { + content: "\E25F"; } + +.icon-user-group-gentlemen:before { + content: "\E260"; } + +.icon-user-minus:before { + content: "\E261"; } + +.icon-user-remove:before { + content: "\E262"; } + +.icon-video-camera:before { + content: "\E263"; } + +.icon-video-camera-off:before { + content: "\E264"; } + +.icon-video-hd:before { + content: "\E265"; } + +.icon-video-sd:before { + content: "\E266"; } + +.icon-video-upload:before { + content: "\E267"; } + +.icon-vinyl:before { + content: "\E268"; } + +.icon-warning:before { + content: "\E269"; } + +.icon-wifi:before { + content: "\E26A"; } + +.icon-window:before { + content: "\E26B"; } + +.icon-window-new:before { + content: "\E26C"; } + +.icon-window-new-alt:before { + content: "\E26D"; } + +.icon-zone:before { + content: "\E26E"; } + +.icon-zone-edit:before { + content: "\E26F"; } + +.icon-zoom:before { + content: "\E270"; } + +.icon-zoom-in:before { + content: "\E271"; } + +.icon-zoom-out:before { + content: "\E272"; } + +.icon-helper-bar:before { + content: "\E273"; } + +.icon-helper-needle:before { + content: "\E274"; } + +.icon-helper-screen:before { + content: "\E275"; } + +.checkbox.checked:before { + opacity: 1; } + +.radio.checked:before { + opacity: 1; } + +.checkbox:active:before { + opacity: 1; } + +.radio:active:before { + opacity: 1; } + +.checkbox:active { + color: white; } + +.radio:active { + color: white; } + +.radio, +.checkbox { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + display: inline-block !important; + padding: 20px 10px; + padding-left: 35px; + line-height: 1.5; + width: 100%; + text-align: left; + color: #888; + font-weight: normal; + cursor: pointer; + border-radius: 3px; + vertical-align: middle; + position: relative; } + .radio input, + .checkbox input { + padding: 0; + margin: 0; + vertical-align: bottom; + *overflow: hidden; + cursor: pointer; + position: absolute; + left: 14px; + top: 50%; + margin-top: -5px; + width: 14px; + height: 14px; + display: none; } + .radio:before, + .checkbox:before { + opacity: 0.25; + font-size: 20px; + height: 60px; + width: 60px; + display: inline-block; + font-family: 'icon'; + text-align: center; + font-style: normal; + font-weight: normal; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; + margin-left: -18px; + line-height: 60px; + position: absolute; + left: 0; + top: 0; } + .radio:before:after, .radio:before:before, + .checkbox:before:after, + .checkbox:before:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + left: 0px; + top: 0px; } + .radio:before:hover, + .checkbox:before:hover { + text-decoration: none; } + .radio.plain, + .checkbox.plain { + background-color: transparent; + margin: 0; + margin-top: -6px; + padding: 0px; + line-height: 44px; + padding-left: 33px; + width: 100%; } + .radio.plain input, + .checkbox.plain input { + margin-top: -7px; + left: 6px; } + .radio.plain:after, + .checkbox.plain:after { + background-color: #121212; + -webkit-box-shadow: 0 0 0 4px #121212; + box-shadow: 0 0 0 4px #121212; } + .radio.only, + .checkbox.only { + margin: 0; + width: 100%; + text-align: left; + line-height: 60px !important; + vertical-align: middle; + position: relative; + background-color: transparent; + padding: 0px !important; + font-size: 0px; + width: 60px; + height: 60px; } + .radio.only input, + .checkbox.only input { + float: none; + margin: 0px; + position: absolute; + top: 50%; + left: 50%; + margin: -7px; } + .radio.only:before, + .checkbox.only:before { + margin-top: 0px; + margin-left: 0px; } + .radio.input-lg, + .checkbox.input-lg { + padding: 22px; + padding-left: 50px; + font-size: 16px; + height: 65px; + line-height: 20px; + height: 65px; + font-weight: 300; } + .radio.input-lg input, + .checkbox.input-lg input { + margin-top: -8px; + left: 20px; } + .radio.input-lg:after, + .checkbox.input-lg:after { + margin-top: -12px; + margin-left: 16px; } + +.checkbox-group > * { + display: inline-block !important; + width: auto !important; + padding-right: 15px !important; } + +.file { + display: inline-block !important; + overflow: hidden; + cursor: pointer; } + .file input { + visibility: hidden; + width: 0; + height: 0; + position: absolute; } + +.number .slash { + margin-left: -2px; + margin-right: -2px; + top: -2px; + position: relative; } + +.slash { + font-size: 20px; + opacity: 0.4; + color: inherit; + margin-top: -4px; + margin-left: 5px; + margin-right: 6px; } + +.input-couple { + position: relative; + display: inline-block; + vertical-align: middle; } + +.input-couple { + position: relative; + display: table; + border-collapse: separate; + table-layout: fixed; } + .input-couple.divided > div { + padding-top: 15px; + display: table-cell; + border-right: 2px solid rgba(0, 0, 0, 0.025); } + .input-couple.divided > div:last-child { + border: none; } + .input-couple > div { + display: table-cell; } + .input-couple > div:first-child .form-group { + padding-right: 10px; } + .input-couple > div:first-child .form-group .label, .input-couple > div:first-child .form-group .input { + text-align: right !important; } + .input-couple > div:last-child .form-group { + padding-left: 10px; } + .input-couple > div:last-child .form-group .label, .input-couple > div:last-child .form-group .input { + text-align: left !important; } + .input-couple > div .unit { + display: none; } + .input-couple .slash { + position: absolute; + font-size: 20px; + opacity: 0.4; + right: 3px; + bottom: 0px; + width: 0; + height: 60px; + line-height: 60px; + color: inherit; } + .input-couple .times { + position: absolute; + font-size: 20px; + opacity: 0.4; + right: 7px; + bottom: 0px; + width: 0; + height: 60px; + line-height: 60px; } + +.input-group { + position: relative; + display: table; + border-collapse: separate; } + .input-group > * { + display: table-cell; + width: 100%; } + .input-group .input { + float: left; + width: 100%; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; } + .input-group .form-group { + padding: 0px; } + +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; } + .input-group-addon .btn, + .input-group-btn .btn { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + .input-group-addon .input, + .input-group-btn .input { + border-left: none; } + +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; } + .input-group-btn > .btn { + position: relative; } + .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { + z-index: 2; } + +.range-wrapper { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + display: inline-block; + position: relative; + width: 100%; + height: 26px; + padding-top: 24px; } + +input[type='range'] { + display: inline-block; + -webkit-appearance: none !important; + background-color: rgba(0, 0, 0, 0.05); + height: 2px; + border-radius: 30px !important; + outline: 0; + vertical-align: middle; + width: 100%; } + +input[type='range']::-webkit-slider-thumb { + background-color: #888; + border-radius: 3px; + -webkit-appearance: none !important; + height: 44px; + width: 44px; + border-radius: 100%; + background-clip: content-box; + border: 13px solid transparent; } + input[type='range']::-webkit-slider-thumb:active { + background-color: #292929 !important; } + +.output-wrapper { + position: absolute; + top: 0px; + left: 0px; + right: 60px; + width: auto; } + +output { + font-size: 11px; + line-height: 1; + background-clip: padding-box; + color: #999; + font-family: Avenir; + position: absolute; + display: inline-block; + top: 0; + right: 0; + pointer-events: none; + vertical-align: middle; + letter-spacing: 0.1em; } + +.input-select { + border-radius: 3px; + display: inline-block; + width: 100%; } + +@-moz-document url-prefix() { + select.input { + background-repeat: no-repeat; + background-position: right center; + cursor: pointer; } } + +select { + -webkit-appearance: none; + appearance: none; + padding-left: 0px; + width: 100%; } + +.table-wrap { + margin-bottom: 30px; } + +.table { + width: 100%; + color: #888; + font-family: Avenir W01; } + +.table thead > tr > th:first-child, +.table tbody > tr > th:first-child, +.table tfoot > tr > th:first-child, +.table thead > tr > td:first-child, +.table tbody > tr > td:first-child, +.table tfoot > tr > td:first-child { + width: 1%; + padding-left: 25px; + text-align: left !important; } + +.table thead > tr > th:last-child, +.table tbody > tr > th:last-child, +.table tfoot > tr > th:last-child, +.table thead > tr > td:last-child, +.table tbody > tr > td:last-child, +.table tfoot > tr > td:last-child { + padding-right: 25px; + text-align: right; + width: 1%; } + +.table thead > tr > td, +.table tbody > tr > td, +.table tfoot > tr > td { + padding: 10px; + border: none; + font-size: 16px; + line-height: inherit; + vertical-align: middle; + height: 60px; + border-bottom: 2px solid rgba(0, 0, 0, 0.0125) !important; } + .table thead > tr > td.no-p, + .table tbody > tr > td.no-p, + .table tfoot > tr > td.no-p { + padding: 0px; } + .table thead > tr > td.max, + .table tbody > tr > td.max, + .table tfoot > tr > td.max { + width: 100%; } + .table thead > tr > td.min, + .table tbody > tr > td.min, + .table tfoot > tr > td.min { + width: 1%; } + +.table thead > tr > th, +.table tbody > tr > th, +.table tfoot > tr > th { + border: none; + line-height: inherit; + vertical-align: middle; + padding: 10px 20px; + font-size: 10px; + text-transform: uppercase; + text-align: left; } + +.table tbody > tr:nth-child(odd) > td { + background-color: rgba(0, 0, 0, 0.025); } + +.table thead > tr:first-child > td:first-child, +.table tbody > tr:first-child > td:first-child, +.table tfoot > tr:first-child > td:first-child { + border-top-left-radius: 3px; } + +.table thead > tr:first-child > td:last-child, +.table tbody > tr:first-child > td:last-child, +.table tfoot > tr:first-child > td:last-child { + border-top-right-radius: 3px; } + +.table thead > tr:last-child > td:first-child, +.table tbody > tr:last-child > td:first-child, +.table tfoot > tr:last-child > td:first-child { + border-bottom-left-radius: 3px; } + +.table thead > tr:last-child > td:last-child, +.table tbody > tr:last-child > td:last-child, +.table tfoot > tr:last-child > td:last-child { + border-bottom-right-radius: 3px; } + +.number, +.letter { + height: 60px; + width: 60px; + display: inline-block; + font-family: Avenir W01; + font-size: 30px; + font-size: 25px; + line-height: 60px; + text-align: center; + font-style: normal; + font-weight: bold; + letter-spacing: -0.04em; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; + white-space: nowrap; } + .number span, + .letter span { + font-weight: normal; + opacity: 0.5; } + .number.number-md, + .letter.number-md { + font-size: 16px; + height: 44px; + width: 44px; + line-height: 43px; } + +.btn-md .letter { + font-size: 16px; + height: 44px; + width: 44px; + line-height: 43px; } + +.icon { + position: relative; + font-size: 20px; + height: 60px; + width: 60px; + display: inline-block; + font-family: 'icon'; + text-align: center; + font-style: normal; + font-weight: normal; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; } + .icon:after, .icon:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + left: 0px; + top: 0px; } + .icon:hover { + text-decoration: none; } + +.icon-soft { + opacity: 0.5; } + +.icon-xxs { + font-size: 9px; + height: 16px; + width: 16px; + line-height: 16px; } + .icon-xxs:after, .icon-xxs:before { + height: 16px; + width: 16px; + line-height: 12px; } + +.icon-xs { + font-size: 9px; + height: 24px; + width: 24px; + line-height: 24px; } + .icon-xs:after, .icon-xs:before { + height: 24px; + width: 24px; + line-height: 24px; } + +.icon-sm { + font-size: 14px; + height: 32px; + width: 32px; + line-height: 32px; } + .icon-sm:after, .icon-sm:before { + height: 32px; + width: 32px; + line-height: 32px; } + +.icon-md { + font-size: 16px; + height: 44px; + width: 44px; + line-height: 43px; } + .icon-md:after, .icon-md:before { + height: 44px; + width: 44px; + line-height: 43px; } + +.icon-xl { + font-size: 28px; + height: 80px; + width: 80px; + line-height: 80px; } + .icon-xl:after, .icon-xl:before { + height: 80px; + width: 80px; + line-height: 75px; } + +.icon-xxl { + font-size: 50px; + height: 140px; + width: 140px; + line-height: 130px; } + .icon-xxl:after, .icon-xxl:before { + height: 140px; + width: 140px; + line-height: 130px; } + +.rot45 > .icon { + transform: rotateZ(45deg); + transition: all 0.1s 0s ease-in-out !important; } + +.rot45 > .icon::before  { + transition: all 0.1s 0s ease-in-out !important; } + +.rot45:hover > .icon { + transform: rotateZ(45deg) translateX(-8px); } + +.icon-bullet:before { + content: "\2022"; } + +.icon-hyphen:before { + content: "\002D"; } + +.icon-Euro:before { + content: "\20AC"; } + +.icon-minus:before, .btn-less:before { + content: "\2212"; } + +.icon-plus:before, .btn-more:before { + content: "\002B"; } + +.icon-cloud:before { + content: "\2601"; } + +.icon-lightning:before { + content: "\2607"; } + +.icon-heartsuitblack:before { + content: "\2665"; } + +.icon-whiteFlag:before { + content: "\2690"; } + +.icon-blackFlag:before { + content: "\2691"; } + +.icon-crossedSwords:before { + content: "\2694"; } + +.icon-blackScissorsRight:before { + content: "\2702"; } + +.icon-airplane:before { + content: "\2708"; } + +.icon-envelope:before { + content: "\2709"; } + +.icon-pencil:before { + content: "\270F"; } + +.icon-sparkle:before { + content: "\2747"; } + +.icon-at:before { + content: "\0040"; } + +.icon-copyright:before { + content: "\00A9"; } + +.icon-registered:before { + content: "\00AE"; } + +.icon-section:before { + content: "\00A7"; } + +.icon-battery:before { + content: "\1F50B"; } + +.icon-bell:before { + content: "\1F514"; } + +.icon-bookmark:before { + content: "\1F516"; } + +.icon-calendar:before { + content: "\1F4C5"; } + +.icon-camera:before { + content: "\1F4F7"; } + +.icon-clipboard:before { + content: "\1F4CB"; } + +.icon-hourglass:before { + content: "\231B"; } + +.icon-microphone:before { + content: "\1F3A4"; } + +.icon-newspaper:before { + content: "\1F4F0"; } + +.icon-paperclip:before { + content: "\1F4CE"; } + +.icon-radio:before { + content: "\1F4FB"; } + +.icon-wrench:before { + content: "\1F527"; } + +.icon-align-bottom:before { + content: "\E004"; } + +.icon-align-center-horizontal:before { + content: "\E005"; } + +.icon-align-center-vertical:before { + content: "\E006"; } + +.icon-align-left:before { + content: "\E007"; } + +.icon-align-right:before { + content: "\E008"; } + +.icon-align-to-canvas:before { + content: "\E009"; } + +.icon-align-top:before { + content: "\E00A"; } + +.icon-align-vertical-bottom:before { + content: "\E00B"; } + +.icon-align-vertical-middle:before { + content: "\E00C"; } + +.icon-align-vertical-top:before { + content: "\E00D"; } + +.icon-antenna:before { + content: "\E00E"; } + +.icon-application:before { + content: "\E00F"; } + +.icon-arrow-0:before { + content: "\E010"; } + +.icon-arrow-1:before { + content: "\E011"; } + +.icon-arrow-2:before { + content: "\E012"; } + +.icon-arrow-3:before { + content: "\E013"; } + +.icon-arrow-4:before { + content: "\E014"; } + +.icon-arrow-bottom-light:before { + content: "\E015"; } + +.icon-arrow-down:before { + content: "\E016"; } + +.icon-arrow-fork:before { + content: "\E017"; } + +.icon-arrow-horizontal:before { + content: "\E018"; } + +.icon-arrow-left:before { + content: "\E019"; } + +.icon-arrow-left-down:before { + content: "\E01A"; } + +.icon-arrow-left-light:before { + content: "\E01B"; } + +.icon-arrow-left-up:before { + content: "\E01C"; } + +.icon-arrow-merge:before { + content: "\E01D"; } + +.icon-arrow-right:before { + content: "\E01E"; } + +.icon-arrow-right-down:before { + content: "\E01F"; } + +.icon-arrow-right-light:before { + content: "\E020"; } + +.icon-arrow-right-up:before { + content: "\E021"; } + +.icon-arrow-thin-down:before { + content: "\E022"; } + +.icon-arrow-thin-left:before { + content: "\E023"; } + +.icon-arrow-thin-right:before { + content: "\E024"; } + +.icon-arrow-thin-up:before { + content: "\E025"; } + +.icon-arrow-top:before { + content: "\E026"; } + +.icon-arrow-top-light:before { + content: "\E027"; } + +.icon-arrow-vertical:before { + content: "\E028"; } + +.icon-arrows-horizontal:before { + content: "\E029"; } + +.icon-arrows-in:before { + content: "\E02A"; } + +.icon-arrows-out:before { + content: "\E02B"; } + +.icon-arrows-thin-horizontal:before { + content: "\E02C"; } + +.icon-arrows-thin-vertical:before { + content: "\E02D"; } + +.icon-arrows-vertical:before { + content: "\E02E"; } + +.icon-ban-0:before { + content: "\E02F"; } + +.icon-ban-1:before { + content: "\E030"; } + +.icon-ban-2:before { + content: "\E031"; } + +.icon-ban-3:before { + content: "\E032"; } + +.icon-ban-4:before { + content: "\E033"; } + +.icon-bar-code:before { + content: "\E034"; } + +.icon-battery-0:before { + content: "\E035"; } + +.icon-battery-1:before { + content: "\E036"; } + +.icon-battery-2:before { + content: "\E037"; } + +.icon-battery-3:before { + content: "\E038"; } + +.icon-battery-4:before { + content: "\E039"; } + +.icon-battery-5:before { + content: "\E03A"; } + +.icon-battery-6:before { + content: "\E03B"; } + +.icon-battery-7:before { + content: "\E03C"; } + +.icon-battery-8:before { + content: "\E03D"; } + +.icon-battery-loading:before { + content: "\E03E"; } + +.icon-beverage-beer:before { + content: "\E03F"; } + +.icon-beverage-cocktail:before { + content: "\E040"; } + +.icon-beverage-wine:before { + content: "\E041"; } + +.icon-book:before { + content: "\E042"; } + +.icon-book-contacts:before { + content: "\E043"; } + +.icon-book-open:before { + content: "\E044"; } + +.icon-border-dashed:before { + content: "\E045"; } + +.icon-border-dotted:before { + content: "\E046"; } + +.icon-border-radius:before { + content: "\E047"; } + +.icon-border-solid:before { + content: "\E048"; } + +.icon-brightness:before { + content: "\E049"; } + +.icon-calculator:before { + content: "\E04A"; } + +.icon-calculator-black:before { + content: "\E04B"; } + +.icon-camera-black:before { + content: "\E04C"; } + +.icon-canvas:before { + content: "\E04D"; } + +.icon-canvas-square:before { + content: "\E04E"; } + +.icon-cd:before { + content: "\E04F"; } + +.icon-certificate:before { + content: "\E050"; } + +.icon-chart-0:before { + content: "\E051"; } + +.icon-chart-1:before { + content: "\E052"; } + +.icon-chart-2:before { + content: "\E053"; } + +.icon-chart-3:before { + content: "\E054"; } + +.icon-chart-4:before { + content: "\E055"; } + +.icon-chart-5:before { + content: "\E056"; } + +.icon-chart-6:before { + content: "\E057"; } + +.icon-chart-7:before { + content: "\E058"; } + +.icon-chart-8:before { + content: "\E059"; } + +.icon-chart-bars:before { + content: "\E05A"; } + +.icon-check:before { + content: "\E05B"; } + +.icon-chevron-down-0:before { + content: "\E05C"; } + +.icon-chevron-down-1:before { + content: "\E05D"; } + +.icon-chevron-down-2:before { + content: "\E05E"; } + +.icon-chevron-down-3:before { + content: "\E05F"; } + +.icon-chevron-down-4:before { + content: "\E060"; } + +.icon-chevron-left-0:before { + content: "\E061"; } + +.icon-chevron-left-1:before { + content: "\E062"; } + +.icon-chevron-left-2:before { + content: "\E063"; } + +.icon-chevron-left-3:before { + content: "\E064"; } + +.icon-chevron-left-4:before { + content: "\E065"; } + +.icon-chevron-right-0:before { + content: "\E066"; } + +.icon-chevron-right-1:before { + content: "\E067"; } + +.icon-chevron-right-2:before { + content: "\E068"; } + +.icon-chevron-right-3:before { + content: "\E069"; } + +.icon-chevron-right-4:before { + content: "\E06A"; } + +.icon-chevron-up-0:before { + content: "\E06B"; } + +.icon-chevron-up-1:before { + content: "\E06C"; } + +.icon-chevron-up-2:before { + content: "\E06D"; } + +.icon-chevron-up-3:before { + content: "\E06E"; } + +.icon-chevron-up-4:before { + content: "\E06F"; } + +.icon-circle-0:before { + content: "\E070"; } + +.icon-circle-1:before { + content: "\E071"; } + +.icon-circle-2:before { + content: "\E072"; } + +.icon-circle-3:before { + content: "\E073"; } + +.icon-circle-4:before { + content: "\E074"; } + +.icon-circle-check:before { + content: "\E075"; } + +.icon-circle-down:before { + content: "\E076"; } + +.icon-circle-exclude:before { + content: "\E077"; } + +.icon-circle-info:before { + content: "\E078"; } + +.icon-circle-intersect:before { + content: "\E079"; } + +.icon-circle-left:before { + content: "\E07A"; } + +.icon-circle-minus:before { + content: "\E07B"; } + +.icon-circle-plus:before { + content: "\E07C"; } + +.icon-circle-question:before { + content: "\E07D"; } + +.icon-circle-remove:before { + content: "\E07E"; } + +.icon-circle-right:before { + content: "\E07F"; } + +.icon-circle-subtract:before { + content: "\E080"; } + +.icon-circle-unite:before { + content: "\E081"; } + +.icon-circle-up:before { + content: "\E082"; } + +.icon-circle-warning:before { + content: "\E083"; } + +.icon-clock:before { + content: "\E084"; } + +.icon-cloud-down:before { + content: "\E085"; } + +.icon-cloud-upload:before { + content: "\E086"; } + +.icon-cluster:before { + content: "\E087"; } + +.icon-cogwheel:before { + content: "\E088"; } + +.icon-columns:before { + content: "\E089"; } + +.icon-columns-3:before { + content: "\E08A"; } + +.icon-compass:before { + content: "\E08B"; } + +.icon-compass-east:before { + content: "\E08C"; } + +.icon-compass-north:before { + content: "\E08D"; } + +.icon-compass-north-east:before { + content: "\E08E"; } + +.icon-compass-north-west:before { + content: "\E08F"; } + +.icon-compass-south:before { + content: "\E090"; } + +.icon-compass-south-east:before { + content: "\E091"; } + +.icon-compass-south-west:before { + content: "\E092"; } + +.icon-compass-west:before { + content: "\E093"; } + +.icon-contrast:before { + content: "\E094"; } + +.icon-controls-backward:before { + content: "\E095"; } + +.icon-controls-eject:before { + content: "\E096"; } + +.icon-controls-fast-backward:before { + content: "\E097"; } + +.icon-controls-fast-forward:before { + content: "\E098"; } + +.icon-controls-forward:before { + content: "\E099"; } + +.icon-controls-pause:before { + content: "\E09A"; } + +.icon-controls-play:before { + content: "\E09B"; } + +.icon-controls-stop:before { + content: "\E09C"; } + +.icon-couple:before { + content: "\E09D"; } + +.icon-creditcard:before { + content: "\E09E"; } + +.icon-cross-0:before { + content: "\E09F"; } + +.icon-cross-1:before { + content: "\E0A0"; } + +.icon-cross-2:before { + content: "\E0A1"; } + +.icon-cross-3:before { + content: "\E0A2"; } + +.icon-cross-4:before { + content: "\E0A3"; } + +.icon-cross-hair:before { + content: "\E0A4"; } + +.icon-cullumn-spacing:before { + content: "\E0A5"; } + +.icon-currency-dollar:before { + content: "\E0A6"; } + +.icon-currency-pound:before { + content: "\E0A7"; } + +.icon-cursor-text:before { + content: "\E0A8"; } + +.icon-cursor-text-frame:before { + content: "\E0A9"; } + +.icon-curved-arrow:before { + content: "\E0AA"; } + +.icon-cuttlery:before { + content: "\E0AB"; } + +.icon-dashboard:before { + content: "\E0AC"; } + +.icon-device-desktop:before { + content: "\E0AD"; } + +.icon-device-mobile:before { + content: "\E0AE"; } + +.icon-device-mobile-down:before { + content: "\E0AF"; } + +.icon-device-mobile-transfer:before { + content: "\E0B0"; } + +.icon-device-mobile-up:before { + content: "\E0B1"; } + +.icon-device-mp3:before { + content: "\E0B2"; } + +.icon-device-notebook:before { + content: "\E0B3"; } + +.icon-device-tablet:before { + content: "\E0B4"; } + +.icon-directions-axis:before { + content: "\E0B5"; } + +.icon-directions-omni:before { + content: "\E0B6"; } + +.icon-directions-seperate:before { + content: "\E0B7"; } + +.icon-distribute-horizontal:before { + content: "\E0B8"; } + +.icon-distribute-vertical:before { + content: "\E0B9"; } + +.icon-download:before { + content: "\E0BA"; } + +.icon-duplicate:before { + content: "\E0BB"; } + +.icon-duplicate-alt:before { + content: "\E0BC"; } + +.icon-edge-bottom:before { + content: "\E0BD"; } + +.icon-edge-left:before { + content: "\E0BE"; } + +.icon-edge-right:before { + content: "\E0BF"; } + +.icon-edge-top:before { + content: "\E0C0"; } + +.icon-ellipse-horizontal:before { + content: "\E0C1"; } + +.icon-ellipse-vertical:before { + content: "\E0C2"; } + +.icon-embed:before { + content: "\E0C3"; } + +.icon-embed-alt:before { + content: "\E0C4"; } + +.icon-emote-1:before { + content: "\E0C5"; } + +.icon-emote-2:before { + content: "\E0C6"; } + +.icon-emote-3:before { + content: "\E0C7"; } + +.icon-emote-4:before { + content: "\E0C8"; } + +.icon-emote-big-smile:before { + content: "\E0C9"; } + +.icon-emote-only-happy:before { + content: "\E0CA"; } + +.icon-emote-sad:before { + content: "\E0CB"; } + +.icon-emote-smile:before { + content: "\E0CC"; } + +.icon-emote-tongue:before { + content: "\E0CD"; } + +.icon-escape:before { + content: "\E0CE"; } + +.icon-eye-closed:before { + content: "\E0CF"; } + +.icon-eye-open:before { + content: "\E0D0"; } + +.icon-feather:before { + content: "\E0D1"; } + +.icon-female:before { + content: "\E0D2"; } + +.icon-female-afro:before { + content: "\E0D3"; } + +.icon-female-bun:before { + content: "\E0D4"; } + +.icon-female-emo:before { + content: "\E0D5"; } + +.icon-female-long-hair:before { + content: "\E0D6"; } + +.icon-female-moslem:before { + content: "\E0D7"; } + +.icon-female-pigtails:before { + content: "\E0D8"; } + +.icon-female-pigtails-alt:before { + content: "\E0D9"; } + +.icon-female-user:before { + content: "\E0DA"; } + +.icon-fetch:before { + content: "\E0DB"; } + +.icon-file-check:before { + content: "\E0DC"; } + +.icon-file-edit:before { + content: "\E0DD"; } + +.icon-file-share:before { + content: "\E0DE"; } + +.icon-fit-to:before { + content: "\E0DF"; } + +.icon-flag:before { + content: "\E0E0"; } + +.icon-flip-down:before { + content: "\E0E1"; } + +.icon-flip-left:before { + content: "\E0E2"; } + +.icon-flip-right:before { + content: "\E0E3"; } + +.icon-flip-up:before { + content: "\E0E4"; } + +.icon-floppydisk:before { + content: "\E0E5"; } + +.icon-flow:before { + content: "\E0E6"; } + +.icon-folder:before, #folder-grid .item.folder-up:before, +#folder-grid .item.folder .item-type:before { + content: "\E0E7"; } + +.icon-folder-down:before { + content: "\E0E8"; } + +.icon-folder-favorites:before { + content: "\E0E9"; } + +.icon-folder-flagged:before { + content: "\E0EA"; } + +.icon-folder-leave:before { + content: "\E0EB"; } + +.icon-folder-locked:before { + content: "\E0EC"; } + +.icon-folder-minus:before { + content: "\E0ED"; } + +.icon-folder-open:before { + content: "\E0EE"; } + +.icon-folder-open-2:before { + content: "\E0EF"; } + +.icon-folder-plus:before { + content: "\E0F0"; } + +.icon-folder-remove:before { + content: "\E0F1"; } + +.icon-folder-shared:before { + content: "\E0F2"; } + +.icon-folder-up:before { + content: "\E0F3"; } + +.icon-form-exclude:before { + content: "\E0F4"; } + +.icon-form-intersect:before { + content: "\E0F5"; } + +.icon-form-subtract:before { + content: "\E0F6"; } + +.icon-form-unite:before { + content: "\E0F7"; } + +.icon-full-screen:before { + content: "\E0F8"; } + +.icon-fullscreen-off:before { + content: "\E0F9"; } + +.icon-fullscreen-on:before { + content: "\E0FA"; } + +.icon-globe:before { + content: "\E0FB"; } + +.icon-grid:before { + content: "\E0FC"; } + +.icon-grid-free:before { + content: "\E0FD"; } + +.icon-grid-small:before { + content: "\E0FE"; } + +.icon-group:before { + content: "\E0FF"; } + +.icon-handle:before { + content: "\E100"; } + +.icon-harddrive:before { + content: "\E101"; } + +.icon-heading:before { + content: "\E102"; } + +.icon-headphones:before { + content: "\E103"; } + +.icon-heart:before { + content: "\E104"; } + +.icon-heart-hollow:before { + content: "\E105"; } + +.icon-history:before { + content: "\E106"; } + +.icon-home:before { + content: "\E107"; } + +.icon-human:before { + content: "\E108"; } + +.icon-inbox:before { + content: "\E109"; } + +.icon-info:before { + content: "\E10A"; } + +.icon-input-checkbox:before { + content: "\E10B"; } + +.icon-input-checkbox-checked:before, .checkbox.checked:before, .checkbox:hover:before, .checkbox:active:before { + content: "\E10C"; } + +.icon-input-radio:before, .radio:before, +.checkbox:before { + content: "\E10D"; } + +.icon-input-radio-checked:before, .radio.checked:before, .radio:hover:before, .radio:active:before { + content: "\E10E"; } + +.icon-leave:before { + content: "\E10F"; } + +.icon-lightbulb:before { + content: "\E110"; } + +.icon-line-0:before { + content: "\E111"; } + +.icon-line-1:before { + content: "\E112"; } + +.icon-line-2:before { + content: "\E113"; } + +.icon-line-3:before { + content: "\E114"; } + +.icon-line-4:before { + content: "\E115"; } + +.icon-line-half-0:before { + content: "\E116"; } + +.icon-line-half-1:before { + content: "\E117"; } + +.icon-line-half-2:before { + content: "\E118"; } + +.icon-line-half-3:before { + content: "\E119"; } + +.icon-line-half-4:before { + content: "\E11A"; } + +.icon-lines:before { + content: "\E11B"; } + +.icon-link:before { + content: "\E11C"; } + +.icon-link-closed:before { + content: "\E11D"; } + +.icon-link-closed-alt:before { + content: "\E11E"; } + +.icon-link-open:before { + content: "\E11F"; } + +.icon-link-open-alt:before { + content: "\E120"; } + +.icon-list:before { + content: "\E121"; } + +.icon-location:before { + content: "\E122"; } + +.icon-lock-closed:before { + content: "\E123"; } + +.icon-lock-open:before { + content: "\E124"; } + +.icon-login:before { + content: "\E125"; } + +.icon-logout:before { + content: "\E126"; } + +.icon-loop:before { + content: "\E127"; } + +.icon-magnet:before { + content: "\E128"; } + +.icon-mail:before { + content: "\E129"; } + +.icon-male:before { + content: "\E12A"; } + +.icon-male-add:before { + content: "\E12B"; } + +.icon-male-afro:before { + content: "\E12C"; } + +.icon-male-business:before { + content: "\E12D"; } + +.icon-male-cool:before { + content: "\E12E"; } + +.icon-male-emo:before { + content: "\E12F"; } + +.icon-male-flathat:before { + content: "\E130"; } + +.icon-male-gentleman:before { + content: "\E131"; } + +.icon-male-hoodie:before { + content: "\E132"; } + +.icon-male-jew:before { + content: "\E133"; } + +.icon-male-monk:before { + content: "\E134"; } + +.icon-male-moslem:before { + content: "\E135"; } + +.icon-male-mustache:before { + content: "\E136"; } + +.icon-male-punk:before { + content: "\E137"; } + +.icon-male-remove:before { + content: "\E138"; } + +.icon-male-scuba:before { + content: "\E139"; } + +.icon-male-soldier:before { + content: "\E13A"; } + +.icon-male-techno:before { + content: "\E13B"; } + +.icon-male-user:before { + content: "\E13C"; } + +.icon-megaphone:before { + content: "\E13D"; } + +.icon-menu:before { + content: "\E13E"; } + +.icon-menu-2:before { + content: "\E13F"; } + +.icon-message:before { + content: "\E140"; } + +.icon-message-add:before { + content: "\E141"; } + +.icon-message-blank:before { + content: "\E142"; } + +.icon-messages:before { + content: "\E143"; } + +.icon-microphone-off:before { + content: "\E144"; } + +.icon-mirror-horizontal:before { + content: "\E145"; } + +.icon-mirror-horizontal-alt:before { + content: "\E146"; } + +.icon-mirror-vertical:before { + content: "\E147"; } + +.icon-mirror-vertical-alt:before { + content: "\E148"; } + +.icon-moon-first-quarter:before { + content: "\E149"; } + +.icon-moon-full:before { + content: "\E14A"; } + +.icon-moon-new:before { + content: "\E14B"; } + +.icon-moon-third-quarter:before { + content: "\E14C"; } + +.icon-moon-waning-crescent:before { + content: "\E14D"; } + +.icon-moon-waning-gibbous:before { + content: "\E14E"; } + +.icon-moon-waxing-crescent:before { + content: "\E14F"; } + +.icon-moon-waxing-gibbous:before { + content: "\E150"; } + +.icon-move:before { + content: "\E151"; } + +.icon-move-down:before { + content: "\E152"; } + +.icon-move-left:before { + content: "\E153"; } + +.icon-move-right:before { + content: "\E154"; } + +.icon-move-up:before { + content: "\E155"; } + +.icon-movie:before { + content: "\E156"; } + +.icon-music-note:before { + content: "\E157"; } + +.icon-music-upload:before { + content: "\E158"; } + +.icon-newspaper-alt:before { + content: "\E159"; } + +.icon-padding:before { + content: "\E15A"; } + +.icon-padding-bottom:before { + content: "\E15B"; } + +.icon-padding-left:before { + content: "\E15C"; } + +.icon-padding-right:before { + content: "\E15D"; } + +.icon-padding-top:before { + content: "\E15E"; } + +.icon-page-horizontal:before, #folder-grid .item.space .item-type:before { + content: "\E15F"; } + +.icon-page-horizontal-down:before { + content: "\E160"; } + +.icon-page-horizontal-flag:before { + content: "\E161"; } + +.icon-page-horizontal-locked:before { + content: "\E162"; } + +.icon-page-horizontal-minus:before { + content: "\E163"; } + +.icon-page-horizontal-plus:before { + content: "\E164"; } + +.icon-page-horizontal-remove:before { + content: "\E165"; } + +.icon-page-horizontal-up:before { + content: "\E166"; } + +.icon-page-vert:before { + content: "\E167"; } + +.icon-page-vertical-double:before { + content: "\E168"; } + +.icon-page-vertical-down:before { + content: "\E169"; } + +.icon-page-vertical-flag:before { + content: "\E16A"; } + +.icon-page-vertical-image:before { + content: "\E16B"; } + +.icon-page-vertical-locked:before { + content: "\E16C"; } + +.icon-page-vertical-minus:before { + content: "\E16D"; } + +.icon-page-vertical-plus:before { + content: "\E16E"; } + +.icon-page-vertical-remove:before { + content: "\E16F"; } + +.icon-page-vertical-table:before { + content: "\E170"; } + +.icon-page-vertical-text:before { + content: "\E171"; } + +.icon-page-vertical-up:before { + content: "\E172"; } + +.icon-palette:before { + content: "\E173"; } + +.icon-palette-alt:before { + content: "\E174"; } + +.icon-paperplane:before { + content: "\E175"; } + +.icon-photofilm:before { + content: "\E176"; } + +.icon-picture:before { + content: "\E177"; } + +.icon-picture-landscape:before { + content: "\E178"; } + +.icon-picture-portrait:before { + content: "\E179"; } + +.icon-picture-upload:before { + content: "\E17A"; } + +.icon-pictures:before { + content: "\E17B"; } + +.icon-pin:before { + content: "\E17C"; } + +.icon-planet:before { + content: "\E001"; } + +.icon-point:before { + content: "\E17D"; } + +.icon-pointing-down:before { + content: "\E17E"; } + +.icon-pointing-left:before { + content: "\E17F"; } + +.icon-pointing-right:before { + content: "\E180"; } + +.icon-pointing-up:before { + content: "\E181"; } + +.icon-postcard:before { + content: "\E182"; } + +.icon-power-off:before { + content: "\E183"; } + +.icon-present:before { + content: "\E184"; } + +.icon-presentation:before { + content: "\E185"; } + +.icon-printer:before { + content: "\E186"; } + +.icon-pull:before { + content: "\E187"; } + +.icon-push:before { + content: "\E188"; } + +.icon-qr-code:before { + content: "\E189"; } + +.icon-quote:before { + content: "\E18A"; } + +.icon-radio-black:before { + content: "\E18B"; } + +.icon-random:before { + content: "\E18C"; } + +.icon-record:before { + content: "\E18D"; } + +.icon-redo:before { + content: "\E18E"; } + +.icon-resize-full:before { + content: "\E18F"; } + +.icon-resize-small:before { + content: "\E190"; } + +.icon-retweet:before { + content: "\E191"; } + +.icon-rings:before { + content: "\E192"; } + +.icon-road:before { + content: "\E193"; } + +.icon-rotate:before { + content: "\E194"; } + +.icon-rotate-2:before { + content: "\E195"; } + +.icon-rotate-3:before { + content: "\E196"; } + +.icon-rotate-left:before { + content: "\E197"; } + +.icon-rotate-right:before { + content: "\E198"; } + +.icon-rss:before { + content: "\E199"; } + +.icon-search:before { + content: "\E000"; } + +.icon-section-alt:before { + content: "\E19A"; } + +.icon-section-alt-2:before { + content: "\E19B"; } + +.icon-section-edit:before { + content: "\E19C"; } + +.icon-selection:before { + content: "\E19D"; } + +.icon-selection-circle:before { + content: "\E19E"; } + +.icon-selection-circle-strong:before { + content: "\E19F"; } + +.icon-selection-square:before { + content: "\E1A0"; } + +.icon-selection-square-strong:before { + content: "\E1A1"; } + +.icon-server:before { + content: "\E1A2"; } + +.icon-shape-bubble:before { + content: "\E1A3"; } + +.icon-shape-burst:before { + content: "\E1A4"; } + +.icon-shape-circle:before { + content: "\E1A5"; } + +.icon-shape-cloud:before { + content: "\E1A6"; } + +.icon-shape-cross:before { + content: "\E1A7"; } + +.icon-shape-heart:before { + content: "\E1A8"; } + +.icon-shape-hexagon:before { + content: "\E1A9"; } + +.icon-shape-octagon:before { + content: "\E1AA"; } + +.icon-shape-pentagon:before { + content: "\E1AB"; } + +.icon-shape-plus:before { + content: "\E1AC"; } + +.icon-shape-square:before { + content: "\E1AD"; } + +.icon-shape-star:before { + content: "\E1AE"; } + +.icon-shape-triangle:before { + content: "\E1AF"; } + +.icon-shapes:before { + content: "\E1B0"; } + +.icon-share:before { + content: "\E1B1"; } + +.icon-shopping-cart:before { + content: "\E1B2"; } + +.icon-signal:before { + content: "\E1B3"; } + +.icon-signal-alt:before { + content: "\E1B4"; } + +.icon-size:before { + content: "\E1B5"; } + +.icon-size-both:before { + content: "\E1B6"; } + +.icon-size-horizontal:before { + content: "\E1B7"; } + +.icon-size-vertical:before { + content: "\E1B8"; } + +.icon-social-dribbble:before { + content: "\E1B9"; } + +.icon-social-dropbox:before { + content: "\E1BA"; } + +.icon-social-facebook:before { + content: "\E1BB"; } + +.icon-social-flickr:before { + content: "\E1BC"; } + +.icon-social-google:before { + content: "\E1BD"; } + +.icon-social-soundcloud:before { + content: "\E002"; } + +.icon-social-square-dribbble:before { + content: "\E1BE"; } + +.icon-social-square-dropbox:before { + content: "\E1BF"; } + +.icon-social-square-facebook:before { + content: "\E1C0"; } + +.icon-social-square-flickr:before { + content: "\E1C1"; } + +.icon-social-square-google:before { + content: "\E1C2"; } + +.icon-social-square-soundcloud:before { + content: "\E003"; } + +.icon-social-square-tumblr:before { + content: "\E1C3"; } + +.icon-social-square-twitter:before { + content: "\E1C4"; } + +.icon-social-square-vimeo:before { + content: "\E1C5"; } + +.icon-social-square-vine:before { + content: "\E1C6"; } + +.icon-social-square-youtube:before { + content: "\E1C7"; } + +.icon-social-tumblr:before { + content: "\E1C8"; } + +.icon-social-twitter:before { + content: "\E1C9"; } + +.icon-social-vimeo:before { + content: "\E1CA"; } + +.icon-social-vine:before { + content: "\E1CB"; } + +.icon-social-youtube:before { + content: "\E1CC"; } + +.icon-sort-alphabetical-ascending:before { + content: "\E1CD"; } + +.icon-sort-alphabetical-descending:before { + content: "\E1CE"; } + +.icon-sort-ascending:before { + content: "\E1CF"; } + +.icon-sort-descending:before { + content: "\E1D0"; } + +.icon-sort-numerical-ascending:before { + content: "\E1D1"; } + +.icon-sort-numerical-descending:before { + content: "\E1D2"; } + +.icon-sorting:before { + content: "\E1D3"; } + +.icon-sorting-ascending:before { + content: "\E1D4"; } + +.icon-sorting-descending:before { + content: "\E1D5"; } + +.icon-sound-5-1:before { + content: "\E1D6"; } + +.icon-sound-6-1:before { + content: "\E1D7"; } + +.icon-sound-7-1:before { + content: "\E1D8"; } + +.icon-sound-dolby:before { + content: "\E1D9"; } + +.icon-sound-full:before { + content: "\E1DA"; } + +.icon-sound-off:before { + content: "\E1DB"; } + +.icon-sound-silent:before { + content: "\E1DC"; } + +.icon-sound-stereo:before { + content: "\E1DD"; } + +.icon-space-horizontal:before { + content: "\E1DE"; } + +.icon-space-shared:before { + content: "\E1DF"; } + +.icon-space-vertical:before { + content: "\E1E0"; } + +.icon-spacedeck-logo:before { + content: "\E1E1"; } + +.icon-spacing-horizontal:before { + content: "\E1E2"; } + +.icon-spacing-vertical:before { + content: "\E1E3"; } + +.icon-square-down:before { + content: "\E1E4"; } + +.icon-square-left:before { + content: "\E1E5"; } + +.icon-square-right:before { + content: "\E1E6"; } + +.icon-square-up:before { + content: "\E1E7"; } + +.icon-stack-3d:before { + content: "\E1E8"; } + +.icon-stack-3d-bottom:before { + content: "\E1E9"; } + +.icon-stack-3d-top:before { + content: "\E1EA"; } + +.icon-stack-bottom:before { + content: "\E1EB"; } + +.icon-stack-down:before { + content: "\E1EC"; } + +.icon-stack-top:before { + content: "\E1ED"; } + +.icon-stack-up:before { + content: "\E1EE"; } + +.icon-star:before { + content: "\E1EF"; } + +.icon-star-hollow:before { + content: "\E1F0"; } + +.icon-stash-apply:before { + content: "\E1F1"; } + +.icon-stash-save:before { + content: "\E1F2"; } + +.icon-statistic:before { + content: "\E1F3"; } + +.icon-step-backward:before { + content: "\E1F4"; } + +.icon-step-forward:before { + content: "\E1F5"; } + +.icon-stroke-weight:before { + content: "\E1F6"; } + +.icon-subtitles:before { + content: "\E1F7"; } + +.icon-suitcase:before { + content: "\E1F8"; } + +.icon-table:before { + content: "\E1F9"; } + +.icon-tag:before { + content: "\E1FA"; } + +.icon-tags:before { + content: "\E1FB"; } + +.icon-text-align-center:before { + content: "\E1FC"; } + +.icon-text-align-center-alt:before { + content: "\E1FD"; } + +.icon-text-align-justify:before { + content: "\E1FE"; } + +.icon-text-align-justify-alt:before { + content: "\E1FF"; } + +.icon-text-align-left:before { + content: "\E200"; } + +.icon-text-align-left-alt:before { + content: "\E201"; } + +.icon-text-align-right:before { + content: "\E202"; } + +.icon-text-align-right-alt:before { + content: "\E203"; } + +.icon-text-allcaps:before { + content: "\E204"; } + +.icon-text-bold:before { + content: "\E205"; } + +.icon-text-frame:before { + content: "\E206"; } + +.icon-text-indent:before { + content: "\E207"; } + +.icon-text-italic:before { + content: "\E208"; } + +.icon-text-list:before { + content: "\E209"; } + +.icon-text-list-alphabetical:before { + content: "\E20A"; } + +.icon-text-list-alt:before { + content: "\E20B"; } + +.icon-text-list-bullet:before { + content: "\E20C"; } + +.icon-text-list-numbered:before { + content: "\E20D"; } + +.icon-text-normal:before { + content: "\E20E"; } + +.icon-text-remove-format:before { + content: "\E20F"; } + +.icon-text-roman:before { + content: "\E210"; } + +.icon-text-size:before { + content: "\E211"; } + +.icon-text-strike:before { + content: "\E212"; } + +.icon-text-styles:before { + content: "\E213"; } + +.icon-text-sub:before { + content: "\E214"; } + +.icon-text-super:before { + content: "\E215"; } + +.icon-text-typeface:before { + content: "\E216"; } + +.icon-text-underline:before { + content: "\E217"; } + +.icon-text-unindent:before { + content: "\E218"; } + +.icon-text-uppercase:before { + content: "\E219"; } + +.icon-text-width:before { + content: "\E21A"; } + +.icon-thumbs-down:before { + content: "\E21B"; } + +.icon-thumbs-up:before { + content: "\E21C"; } + +.icon-tint:before { + content: "\E21D"; } + +.icon-tint-hollow:before { + content: "\E21E"; } + +.icon-tint-none:before { + content: "\E21F"; } + +.icon-tool-arrow:before { + content: "\E220"; } + +.icon-tool-circle:before { + content: "\E221"; } + +.icon-tool-crop:before { + content: "\E222"; } + +.icon-tool-draw:before { + content: "\E223"; } + +.icon-tool-erase:before { + content: "\E224"; } + +.icon-tool-eyedrop:before { + content: "\E225"; } + +.icon-tool-fill:before { + content: "\E226"; } + +.icon-tool-hand:before { + content: "\E227"; } + +.icon-tool-library:before { + content: "\E228"; } + +.icon-tool-line:before { + content: "\E229"; } + +.icon-tool-magic-wand:before { + content: "\E22A"; } + +.icon-tool-pointer:before { + content: "\E22B"; } + +.icon-tool-rectangle:before { + content: "\E22C"; } + +.icon-tool-scribble:before { + content: "\E22D"; } + +.icon-tool-stroke:before { + content: "\E22E"; } + +.icon-tool-text:before { + content: "\E22F"; } + +.icon-tool-text-alt:before { + content: "\E230"; } + +.icon-tool-zone:before { + content: "\E231"; } + +.icon-tool-zones:before { + content: "\E232"; } + +.icon-transfer:before { + content: "\E233"; } + +.icon-trash:before { + content: "\E234"; } + +.icon-tree-conifer:before { + content: "\E235"; } + +.icon-tree-deciduous:before { + content: "\E236"; } + +.icon-triangle-0:before { + content: "\E237"; } + +.icon-triangle-0-bottom:before { + content: "\E238"; } + +.icon-triangle-0-left:before { + content: "\E239"; } + +.icon-triangle-0-right:before { + content: "\E23A"; } + +.icon-triangle-0-top:before { + content: "\E23B"; } + +.icon-triangle-1:before { + content: "\E23C"; } + +.icon-triangle-1-bottom:before { + content: "\E23D"; } + +.icon-triangle-1-left:before { + content: "\E23E"; } + +.icon-triangle-1-right:before { + content: "\E23F"; } + +.icon-triangle-1-top:before { + content: "\E240"; } + +.icon-triangle-2:before { + content: "\E241"; } + +.icon-triangle-2-bottom:before { + content: "\E242"; } + +.icon-triangle-2-left:before { + content: "\E243"; } + +.icon-triangle-2-right:before { + content: "\E244"; } + +.icon-triangle-2-top:before { + content: "\E245"; } + +.icon-triangle-3:before { + content: "\E246"; } + +.icon-triangle-3-bottom:before, .btn.btn-dropdown:before { + content: "\E247"; } + +.icon-triangle-3-left:before { + content: "\E248"; } + +.icon-triangle-3-right:before { + content: "\E249"; } + +.icon-triangle-3-top:before { + content: "\E24A"; } + +.icon-triangle-4:before { + content: "\E24B"; } + +.icon-triangle-4-bottom:before { + content: "\E24C"; } + +.icon-triangle-4-left:before { + content: "\E24D"; } + +.icon-triangle-4-right:before { + content: "\E24E"; } + +.icon-triangle-4-top:before { + content: "\E24F"; } + +.icon-triangle-down:before { + content: "\E250"; } + +.icon-triangle-left:before, .btn-prev:before { + content: "\E251"; } + +.icon-triangle-right:before, .btn-next:before { + content: "\E252"; } + +.icon-triangle-up:before { + content: "\E253"; } + +.icon-triangles-horizontal:before { + content: "\E254"; } + +.icon-triangles-vertical:before { + content: "\E255"; } + +.icon-undo:before { + content: "\E256"; } + +.icon-ungroup:before { + content: "\E257"; } + +.icon-uniE000:before { + content: "\E258"; } + +.icon-upload:before { + content: "\E259"; } + +.icon-upload-alt:before { + content: "\E25A"; } + +.icon-user:before { + content: "\E25B"; } + +.icon-user-add:before { + content: "\E25C"; } + +.icon-user-group:before { + content: "\E25D"; } + +.icon-user-group-2:before { + content: "\E25E"; } + +.icon-user-group-3:before { + content: "\E25F"; } + +.icon-user-group-gentlemen:before { + content: "\E260"; } + +.icon-user-minus:before { + content: "\E261"; } + +.icon-user-remove:before { + content: "\E262"; } + +.icon-video-camera:before { + content: "\E263"; } + +.icon-video-camera-off:before { + content: "\E264"; } + +.icon-video-hd:before { + content: "\E265"; } + +.icon-video-sd:before { + content: "\E266"; } + +.icon-video-upload:before { + content: "\E267"; } + +.icon-vinyl:before { + content: "\E268"; } + +.icon-warning:before { + content: "\E269"; } + +.icon-wifi:before { + content: "\E26A"; } + +.icon-window:before { + content: "\E26B"; } + +.icon-window-new:before { + content: "\E26C"; } + +.icon-window-new-alt:before { + content: "\E26D"; } + +.icon-zone:before { + content: "\E26E"; } + +.icon-zone-edit:before { + content: "\E26F"; } + +.icon-zoom:before { + content: "\E270"; } + +.icon-zoom-in:before { + content: "\E271"; } + +.icon-zoom-out:before { + content: "\E272"; } + +.icon-helper-bar:before { + content: "\E273"; } + +.icon-helper-needle:before { + content: "\E274"; } + +.icon-helper-screen:before { + content: "\E275"; } + +.contrast-black { + color: black !important; } + +.contrast-white { + color: white !important; } + +.btn-group.colors .btn { + box-shadow: inset 0 0 30px 0px rgba(40, 40, 40, 0.1); } + +.vertical .btn-divider { + min-width: 60px !important; + width: 60px !important; + min-height: 2px !important; + height: 2px !important; + margin: -1px 0; } + +.btn-divider { + min-width: 2px !important; + width: 2px !important; + padding: 0px !important; + background-color: rgba(140, 140, 140, 0.5) !important; + opacity: 0.25; + margin: 0 -1px; + z-index: 1000; + position: relative; } + +.btn { + white-space: nowrap; + position: relative; + height: 60px; + min-width: 60px; + line-height: 60px; + padding: 0 20px; + font-size: 20px; + display: inline-block; + border: none; + outline: none; + border: none; + vertical-align: middle; + text-align: center; + background-size: cover; + background-position: center; + border-radius: 3px; + font-family: Avenir W01; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + cursor: pointer; + background-color: #f5f5f5; + color: #888; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } + .btn:last-child { + border: none; } + .btn.active { + outline: none; } + .btn.active .jewel { + background-color: #fff !important; + border-color: #303030 !important; } + .btn input { + display: none; } + .btn.btn-link { + background-color: transparent; + color: #888; } + .btn.facebook { + background-color: #3e5b97 !important; + color: white !important; } + .btn.twitter { + background-color: #2aa7de !important; + color: white !important; } + .btn.btn-round { + border-radius: 100px !important; } + .btn.btn-rounded { + border-radius: 6px !important; } + .btn.btn-nude { + min-width: 0 !important; + padding: 0 !important; + background-color: transparent; + color: #888; } + .btn.btn-nude + .btn-nude:before { + content: "·"; + margin: 0 3px; + color: rgba(0, 0, 0, 0.3); } + .btn.btn-stroke { + box-shadow: inset 0 0 0 1px #222; + color: #222 !important; + background-color: transparent; } + .btn.btn-stroke:active { + box-shadow: inset 0 0 0 1px white; + color: white !important; } + .btn.btn-stroke-darken { + border: 1px solid rgba(0, 0, 0, 0.1); + color: #888; + background-color: transparent; } + .btn.btn-stroke-darken:active { + border: 1px solid #222; + color: #222 !important; } + .btn.btn-stroke-darken .icon { + margin-left: -0.5px; + margin-top: -1px; } + .btn.btn-stroke-medium { + box-shadow: inset 0 0 0 1px #888; + color: #888 !important; + background-color: transparent; } + .btn.btn-stroke-medium:active { + box-shadow: inset 0 0 0 1px white; + color: white !important; } + .btn.btn-stroke-light { + box-shadow: inset 0 0 0 1px #f5f5f5; + color: #f5f5f5 !important; + background-color: transparent; } + .btn.btn-stroke-light:active { + box-shadow: inset 0 0 0 1px white; + color: white !important; } + .btn.btn-stroke-light { + box-shadow: inset 0 0 0 1px #f5f5f5; + color: #f5f5f5 !important; + background-color: transparent; } + .btn.btn-primary { + background-color: #3d9ee9; + color: white !important; } + .btn.btn-white { + background-color: white; + color: #222 !important; } + .btn.btn-white:active { + background-color: #292929 !important; + color: #f5f5f5 !important; } + .btn.btn-blue-light { + background-color: #4dafeb; + color: white !important; } + .btn.btn-blue-light:active { + background-color: #292929; } + .btn.btn-blue { + background-color: #3d9ee9; + color: white !important; } + .btn.btn-blue:active { + background-color: #292929; } + .btn.btn-text-light { + background-color: transparent !important; + color: #f5f5f5 !important; } + .btn.btn-text-light:active { + color: #292929; } + .btn.btn-text-blue { + background-color: transparent !important; + color: #3d9ee9 !important; + font-weight: bold; + text-transform: uppercase; } + .btn.btn-text-blue:active { + color: #292929; } + .btn.btn-black { + background-color: #111; + color: #888 !important; } + .btn.btn-black:active { + background-color: #292929; } + .btn.btn-yellow { + background-color: #f1c40f; + color: #222 !important; } + .btn.btn-yellow:active { + background-color: #292929; } + .btn.btn-red { + background-color: #ff5955; + color: white !important; } + .btn.btn-red:active { + background-color: #292929; } + .btn.btn-green { + background-color: #2ecc71; + color: white !important; } + .btn.btn-green:active { + background-color: #292929; } + .btn.btn-disabled { + opacity: 0.125; + filter: alpha(opacity=12.5); + pointer-events: none; } + .btn.btn-transparent { + background-color: transparent; + color: #888; } + .btn.btn-transparent.active { + color: #292929 !important; } + .btn.btn-transparent.open { + color: white !important; } + .btn.btn-transparent-medium { + background-color: transparent; + color: #888; } + .btn.btn-transparent-dark { + background-color: transparent; + color: #222; } + .btn.btn-transparent-black { + background-color: transparent; + color: black; } + .btn.btn-light { + background-color: #f5f5f5; + color: #888; } + .btn.btn-light.active, .btn.btn-light:active { + color: #292929 !important; } + .btn.btn-lighten { + background-color: rgba(255, 255, 255, 0.05); + color: #888; } + .btn.btn-soft { + background-color: rgba(245, 245, 245, 0.95); + color: #888; } + .btn.btn-darken { + background-color: rgba(0, 0, 0, 0.05); + color: #888; } + .btn.btn-darken.invert { + background-color: rgba(255, 255, 255, 0.05); } + .btn.btn-dark { + background-color: #222; + color: #888; } + .btn.btn-medium { + background-color: rgba(0, 0, 0, 0.05); + color: #888; } + .btn.btn-darker { + background-color: #292929; + color: #888; } + .btn.btn-dropdown { + text-align: left; + padding-right: 44px !important; + min-width: 0px !important; } + .btn.btn-dropdown.btn-md { + padding-right: 44px !important; } + .btn.btn-dropdown.btn-sm { + padding-right: 32px !important; } + .btn.btn-dropdown.btn-md:before, .btn.btn-dropdown.btn-md:after { + font-size: 16px; + height: 44px; + width: 44px; + line-height: 43px; } + .btn.btn-dropdown.btn-md:before:after, .btn.btn-dropdown.btn-md:before:before, .btn.btn-dropdown.btn-md:after:after, .btn.btn-dropdown.btn-md:after:before { + height: 44px; + width: 44px; + line-height: 43px; } + .btn.btn-dropdown.btn-sm:before, .btn.btn-dropdown.btn-sm:after { + font-size: 14px; + height: 32px; + width: 32px; + line-height: 32px; } + .btn.btn-dropdown.btn-sm:before:after, .btn.btn-dropdown.btn-sm:before:before, .btn.btn-dropdown.btn-sm:after:after, .btn.btn-dropdown.btn-sm:after:before { + height: 32px; + width: 32px; + line-height: 32px; } + .btn.btn-dropdown:before, .btn.btn-dropdown:after { + font-size: 20px; + height: 60px; + width: 60px; + display: inline-block; + font-family: 'icon'; + text-align: center; + font-style: normal; + font-weight: normal; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; + position: absolute; + right: 4px; + top: -2px; + left: auto; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + width: 44px; + opacity: 0.5; } + .btn.btn-dropdown:before:after, .btn.btn-dropdown:before:before, .btn.btn-dropdown:after:after, .btn.btn-dropdown:after:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + left: 0px; + top: 0px; } + .btn.btn-dropdown:before:hover, .btn.btn-dropdown:after:hover { + text-decoration: none; } + .btn.btn-dropdown:before { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .btn.btn-dropdown:after { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + .btn.btn-dropdown.open:before { + opacity: 0; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + .btn.btn-dropdown.open:after { + opacity: 1; + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .btn.btn-toggle-couple { + padding: 0; + -webkit-transition: -webkit-transform 0.1s ease-in-out; + -moz-transition: -moz-transform 0.1s ease-in-out; + -o-transition: -o-transform 0.1s ease-in-out; + transition: transform 0.1s ease-in-out; } + .btn.btn-toggle-couple:before, .btn.btn-toggle-couple:after { + content: " "; + display: table; } + .btn.btn-toggle-couple:after { + clear: both; } + .btn.btn-toggle-couple:active { + color: inherit !important; } + .btn.btn-toggle-couple .btn-option:before { + content: ""; + display: block; + float: left; + padding-top: 100%; + /* initial ratio of 1:1*/ } + .btn.btn-toggle-couple .btn-option:first-child { + margin-right: -7px; } + .btn.btn-toggle-couple .btn-option:last-child { + margin-left: -7px; } + .btn.btn-toggle-couple.invisible { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + .btn.btn-toggle-couple.alt .btn-option:first-child { + -webkit-transition: all 0.1s 0s ease-in-out; + transition: all 0.1s 0s ease-in-out; + opacity: 1; } + .btn.btn-toggle-couple.alt .btn-option:last-child { + -webkit-transition: all 0.1s 0.1s ease-in-out; + transition: all 0.1s 0.1s ease-in-out; + opacity: 0.25; } + .btn.btn-toggle-couple .btn-option:first-child { + -webkit-transition: all 0.1s 0.1s ease-in-out; + transition: all 0.1s 0.1s ease-in-out; + opacity: 0.25; } + .btn.btn-toggle-couple .btn-option:last-child { + -webkit-transition: all 0.1s 0s ease-in-out; + transition: all 0.1s 0s ease-in-out; + opacity: 1; } + .btn.btn-toggle-couple .btn-option:first-child.disabled, .btn.btn-toggle-couple .btn-option:last-child.disabled { + -webkit-transition: all 0.1s 0s ease-in-out; + transition: all 0.1s 0s ease-in-out; } + .btn.btn-toggle { + -webkit-transition: -webkit-transform 0.1s ease-in-out; + -moz-transition: -moz-transform 0.1s ease-in-out; + -o-transition: -o-transform 0.1s ease-in-out; + transition: transform 0.1s ease-in-out; } + .btn.btn-toggle.invisible { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + .btn.btn-toggle.alt .btn-option:first-child { + -webkit-transition: all 0.1s 0s ease-in-out; + transition: all 0.1s 0s ease-in-out; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + .btn.btn-toggle.alt .btn-option:last-child { + -webkit-transition: all 0.1s 0.1s ease-in-out; + transition: all 0.1s 0.1s ease-in-out; + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .btn.btn-toggle .btn-option { + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 0px; + left: 0px; } + .btn.btn-toggle .btn-option:first-child { + -webkit-transition: all 0.1s 0.1s ease-in-out; + transition: all 0.1s 0.1s ease-in-out; + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .btn.btn-toggle .btn-option:last-child { + -webkit-transition: all 0.1s 0s ease-in-out; + transition: all 0.1s 0s ease-in-out; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + .btn.btn-toggle .btn-option:first-child.disabled, .btn.btn-toggle .btn-option:last-child.disabled { + -webkit-transition: all 0.1s 0s ease-in-out; + transition: all 0.1s 0s ease-in-out; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + .btn.btn-icon-text { + white-space: nowrap; + padding-left: 16px !important; + padding-right: 10px !important; } + .btn.btn-icon-text .icon { + margin-left: -15px; + margin-top: -6px; + margin-right: -5px; } + .btn.btn-icon { + padding: 0px !important; + font-weight: bold; + max-width: 60px; } + .btn.btn-icon.btn-xl { + max-width: 80px; } + .btn.btn-icon.btn-md { + max-width: 44px; + font-size: 20px !important; } + .btn.btn-icon.btn-sm { + max-width: 38px; } + .btn.btn-icon.btn-xs { + max-width: 24px; } + .btn.btn-icon .icon { + line-height: 2.6; + position: absolute; + top: 0; + left: 0; } + .btn.btn-labeled-out .icon-label { + width: 100%; + position: absolute; + top: 100%; + left: 0; + font-size: 18px; + color: #888; + margin-top: 10px; } + .btn.btn-social { + position: relative; } + .btn.btn-social:hover .icon, + .btn.btn-social .number { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); + opacity: 0; } + .btn.btn-social:hover .number { + -webkit-transition: all 0.1s 0.1s ease-in-out; + transition: all 0.1s 0.1s ease-in-out; + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + opacity: 1; } + .btn.btn-social .number, + .btn.btn-social .icon { + -webkit-transition: all 0.1s 0s ease-in-out; + transition: all 0.1s 0s ease-in-out; + position: absolute; + top: 0; + left: 0; } + .btn.btn-md.btn-icon-labeled .icon:before { + line-height: 29px; } + .btn.btn-md.btn-icon-labeled .icon-label { + margin: 6px 0px; } + .btn.btn-icon-labeled { + font-size: 0px; + min-width: 60px; } + .btn.btn-icon-labeled .letter, + .btn.btn-icon-labeled .number, + .btn.btn-icon-labeled .icon { + position: absolute; + left: 0; + top: 0; } + .btn.btn-icon-labeled .jewel, + .btn.btn-icon-labeled .letter, + .btn.btn-icon-labeled .number, + .btn.btn-icon-labeled .icon, + .btn.btn-icon-labeled .icon-label { + transition: opacity 0.1s 0s ease-in-out, margin 0.1s 0s ease-in-out; + -webkit-transition: opacity 0.1s 0s ease-in-out, margin 0.1s 0s ease-in-out; } + .btn.btn-icon-labeled .letter { + line-height: 42px; } + .btn.btn-icon-labeled .icon:before { + line-height: 42px; } + .btn.btn-icon-labeled .icon-label { + font-size: 11px; + text-transform: capitalize; + text-align: center; + margin: 8px 0; + display: block; + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; + line-height: 1.4; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding: 0 0px; + font-weight: bold; } + .btn.btn-icon-labeled.hover .letter, .btn.btn-icon-labeled.hover .number, .btn.btn-icon-labeled.hover .icon:before { + line-height: 60px; } + .btn.btn-icon-labeled.hover .letter, .btn.btn-icon-labeled.hover .number, .btn.btn-icon-labeled.hover .icon:before { + -webkit-transition: line-height 0.1s 0s ease-in-out; + transition: line-height 0.1s 0s ease-in-out; } + .btn.btn-icon-labeled.hover .icon-label { + opacity: 0; + margin: 0; } + .btn.btn-icon-labeled.hover:hover .icon-label { + opacity: 1; + margin: 8px 0; } + .btn.btn-icon-labeled.hover:hover .letter, .btn.btn-icon-labeled.hover:hover .number, .btn.btn-icon-labeled.hover:hover .icon:before { + line-height: 42px; } + .btn.btn-icon-labeled.hover.btn-xl .letter, .btn.btn-icon-labeled.hover.btn-xl .number, .btn.btn-icon-labeled.hover.btn-xl .icon:before { + line-height: 60px; } + .btn.btn-icon-labeled.hover.btn-xl .icon-label { + margin: 6px 0; } + .btn.btn-icon-labeled.hover.btn-xl:hover .icon-label { + opacity: 1; + margin: 12px 0; } + .btn.btn-icon-labeled.hover.btn-xl:hover .letter, .btn.btn-icon-labeled.hover.btn-xl:hover .number, .btn.btn-icon-labeled.hover.btn-xl:hover .icon:before { + line-height: 60px; } + .btn.btn-xxs { + min-width: 16px; + height: 16px; + line-height: 16px; + font-size: 10px; + padding: 0 5px; } + .btn.btn-xs { + min-width: 24px; + height: 24px; + line-height: 24px; + font-size: 10px; + padding: 0 7px; } + .btn.btn-sm { + min-width: 32px; + height: 32px; + line-height: 32px; + font-size: 13px; + padding: 0 13px; } + .btn.btn-md { + min-width: 44px; + height: 44px; + line-height: 44px; + font-size: 15px; } + .btn.btn-xl { + min-width: 80px; + height: 80px; + line-height: 80px; + padding: 0px 40px; + font-size: 25px; + text-transform: none; + font-weight: 400; } + .btn.btn-xxl { + min-width: 140px; + height: 140px; + padding: 0px 60px; + font-size: 60px; + text-transform: none; + font-weight: 400; } + .btn.btn-half, + .btn.btn-half .icon, + .btn.btn-half .icon:before { + min-width: 30px; + width: 30px; } + .btn.btn-half.btn-sm, + .btn.btn-half.btn-sm .icon, + .btn.btn-half.btn-sm .icon:before { + min-width: 16px; + width: 16px; } + .btn.btn-half.btn-md, + .btn.btn-half.btn-md .icon, + .btn.btn-half.btn-md .icon:before { + min-width: 22px; + width: 22px; } + .btn.btn-half.btn-xl, + .btn.btn-half.btn-xl .icon, + .btn.btn-half.btn-xl .icon:before { + min-width: 40px; + width: 40px; } + .btn.btn-xxl .icon { + font-size: 50px; + height: 140px; + width: 140px; + line-height: 130px; } + .btn.btn-xxl .icon:after, .btn.btn-xxl .icon:before { + height: 140px; + width: 140px; + line-height: 130px; } + .btn.btn-xl .icon { + font-size: 28px; + height: 80px; + width: 80px; + line-height: 80px; } + .btn.btn-xl .icon:after, .btn.btn-xl .icon:before { + height: 80px; + width: 80px; + line-height: 75px; } + .btn.btn-md .icon { + font-size: 16px; + height: 44px; + width: 44px; + line-height: 43px; } + .btn.btn-md .icon:after, .btn.btn-md .icon:before { + height: 44px; + width: 44px; + line-height: 43px; } + .btn.btn-sm .icon { + font-size: 14px; + height: 32px; + width: 32px; + line-height: 32px; } + .btn.btn-sm .icon:after, .btn.btn-sm .icon:before { + height: 32px; + width: 32px; + line-height: 32px; } + .btn.btn-xs .icon { + font-size: 9px; + height: 24px; + width: 24px; + line-height: 24px; } + .btn.btn-xs .icon:after, .btn.btn-xs .icon:before { + height: 24px; + width: 24px; + line-height: 24px; } + .btn.btn-xxs .icon { + font-size: 9px; + height: 16px; + width: 16px; + line-height: 16px; } + .btn.btn-xxs .icon:after, .btn.btn-xxs .icon:before { + height: 16px; + width: 16px; + line-height: 12px; } + .btn.btn-block { + width: 100%; + display: block !important; } + .btn.btn-block .icon-label { + display: block; } + +.btn-block + .btn-block { + margin-top: 2px; } + +.btn-cluster { + font-size: 0; } + .btn-cluster:before, .btn-cluster:after { + content: " "; + display: table; } + .btn-cluster:after { + clear: both; } + .btn-cluster .icon { + width: 100%; } + .btn-cluster .icon:after, .btn-cluster .icon:before { + width: 100%; } + .btn-cluster > * { + border-radius: 0 !important; + background-clip: padding-box; + width: 100%; + float: left; } + .btn-cluster > *:nth-last-child(2), .btn-cluster > *:nth-child(2) { + width: 50%; } + .btn-cluster > *:nth-last-child(2) { + border-right: 1px solid rgba(0, 0, 0, 0.025); } + .btn-cluster > *:nth-child(2) { + border-left: 1px solid rgba(0, 0, 0, 0.025); } + .btn-cluster > *:nth-last-child(3), .btn-cluster > *:nth-child(2):nth-last-child(2), .btn-cluster > *:nth-child(3) { + width: 33.33333%; } + .btn-cluster > *:nth-last-child(3) { + border-right: 1px solid rgba(0, 0, 0, 0.025); } + .btn-cluster > *:nth-child(2):nth-last-child(2) { + border-left: 1px solid rgba(0, 0, 0, 0.025); + border-right: 1px solid rgba(0, 0, 0, 0.025); } + .btn-cluster > *:nth-child(3) { + border-left: 1px solid rgba(0, 0, 0, 0.025); } + .btn-cluster > *:nth-last-child(4), .btn-cluster > *:nth-child(2):nth-last-child(3), .btn-cluster > *:nth-child(3):nth-last-child(2), .btn-cluster > *:nth-child(4) { + width: 25%; } + .btn-cluster > *:nth-last-child(4) { + border-right: 1px solid rgba(0, 0, 0, 0.025); } + .btn-cluster > *:nth-child(3):nth-last-child(2), .btn-cluster > *:nth-child(2):nth-last-child(3) { + border-left: 1px solid rgba(0, 0, 0, 0.025); + border-right: 1px solid rgba(0, 0, 0, 0.025); } + .btn-cluster > *:nth-child(4) { + border-left: 1px solid rgba(0, 0, 0, 0.025); } + +.btn-follow.alt .icon { + color: #2ecc71 !important; } + +.btn-like.alt .icon { + color: #ff5955 !important; } + +.btn-checkbox:active .icon, .btn-checkbox.active .icon { + opacity: 1; + filter: alpha(opacity=100); } + +.btn-checkbox .icon { + opacity: 0.3; + filter: alpha(opacity=30); } + +.btn-circle.open .btn-group { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .btn-circle.open .btn-group .btn { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + +.btn-circle .btn-group { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); + position: absolute; + top: -100%; + left: -100%; + width: 350%; + height: 300%; + font-size: 0px; + margin-left: -12px; } + .btn-circle .btn-group .btn { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); + margin: 0 4px; } + .btn-circle .btn-group .btn:first-child { + margin-left: 17.35%; } + .btn-circle .btn-group .btn:nth-last-child(2) { + margin-left: 17.35%; } + +.btn-group .btn-prev, +.btn-group .btn-less, +.form-group .btn-prev, +.form-group .btn-less { + bottom: 0; + left: 0px; } + +.btn-group .btn-next, +.btn-group .btn-more, +.form-group .btn-next, +.form-group .btn-more { + bottom: 0; + right: 0px; } + +.btn-prev, +.btn-next, +.btn-more, +.btn-less { + position: absolute !important; + opacity: 0.5; + min-width: 44px !important; + width: 44px; } + .btn-prev:before, + .btn-next:before, + .btn-more:before, + .btn-less:before { + width: 44px !important; } + +.btn-more:before, +.btn-less:before { + margin-top: -8px; } + +.btn-more:before { + font-size: 20px; + height: 60px; + width: 60px; + display: inline-block; + font-family: 'icon'; + text-align: center; + font-style: normal; + font-weight: normal; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; + font-size: 16px; + height: 44px; + width: 44px; + line-height: 43px; } + .btn-more:before:after, .btn-more:before:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + left: 0px; + top: 0px; } + .btn-more:before:hover { + text-decoration: none; } + .btn-more:before:after, .btn-more:before:before { + height: 44px; + width: 44px; + line-height: 43px; } + +.btn-less:before { + font-size: 20px; + height: 60px; + width: 60px; + display: inline-block; + font-family: 'icon'; + text-align: center; + font-style: normal; + font-weight: normal; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; + font-size: 16px; + height: 44px; + width: 44px; + line-height: 43px; } + .btn-less:before:after, .btn-less:before:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + left: 0px; + top: 0px; } + .btn-less:before:hover { + text-decoration: none; } + .btn-less:before:after, .btn-less:before:before { + height: 44px; + width: 44px; + line-height: 43px; } + +.btn-prev:before { + font-size: 20px; + height: 60px; + width: 60px; + display: inline-block; + font-family: 'icon'; + text-align: center; + font-style: normal; + font-weight: normal; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; } + .btn-prev:before:after, .btn-prev:before:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + left: 0px; + top: 0px; } + .btn-prev:before:hover { + text-decoration: none; } + +.btn-next:before { + font-size: 20px; + height: 60px; + width: 60px; + display: inline-block; + font-family: 'icon'; + text-align: center; + font-style: normal; + font-weight: normal; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; } + .btn-next:before:after, .btn-next:before:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + left: 0px; + top: 0px; } + .btn-next:before:hover { + text-decoration: none; } + +.dropdown-menu .btn-group > .btn { + border-radius: 0px; } + .dropdown-menu .btn-group > .btn:first-child { + border-top-left-radius: 3px !important; + border-bottom-left-radius: 3px !important; } + .dropdown-menu .btn-group > .btn:last-child { + border-top-right-radius: 3px !important; + border-bottom-right-radius: 3px !important; } + +.dropdown-menu.vertical > .btn:first-child { + border-top-left-radius: 3px !important; + border-top-right-radius: 3px !important; } + +.dropdown-menu.vertical > .btn:last-child { + border-bottom-left-radius: 3px !important; + border-bottom-right-radius: 3px !important; } + +.btn-group > .btn-collapse > .btn, +.btn-group > .dropdown > .btn { + border-radius: 0px; } + +.btn-group > .btn-collapse > .btn-group > .btn, +.btn-group > .dropdown > .btn-group > .btn { + border-radius: 0px; } + +.btn-group > .btn-collapse:first-child > .btn-group > .btn:first-child, +.btn-group > .btn-collapse:first-child > .btn, +.btn-group > .dropdown:first-child > .btn-group > .btn:first-child, +.btn-group > .dropdown:first-child > .btn { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.btn-group > .btn-collapse:last-child > .btn-group > .btn:last-child, +.btn-group > .btn-collapse:last-child > .btn, +.btn-group > .dropdown:last-child > .btn-group > .btn:last-child, +.btn-group > .dropdown:last-child > .btn { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + +.btn-group.vertical .btn-collapse { + width: 60px; + height: 0px; } + .btn-group.vertical .btn-collapse.in { + height: 60px; } + +.btn-collapse { + vertical-align: middle; + display: inline-block; + width: 0px; + height: 60px; + overflow: hidden; } + .btn-collapse.btn-collapse-md { + height: 44px; } + .btn-collapse .member, + .btn-collapse .btn .icon { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + .btn-collapse.in { + pointer-events: auto; + cursor: pointer; + width: 60px; } + .btn-collapse.in .member, + .btn-collapse.in .btn .icon { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .btn-collapse.in.btn-collapse-md { + width: 44px; } + +.btn-group > .btn-collapse { + border-radius: 0px; } + .btn-group > .btn-collapse.first > .btn, + .btn-group > .btn-collapse:first-child > .btn { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .btn-group > .btn-collapse.last > .btn, + .btn-group > .btn-collapse:last-child > .btn { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + +.btn-group > .btn { + border-radius: 0px; } + .btn-group > .btn:first-child { + border-top-left-radius: 3px !important; + border-bottom-left-radius: 3px !important; } + .btn-group > .btn:last-child { + border-top-right-radius: 3px !important; + border-bottom-right-radius: 3px !important; } + +.btn.first { + border-top-left-radius: 3px !important; + border-bottom-left-radius: 3px !important; } + +.btn.last { + border-top-right-radius: 3px !important; + border-bottom-right-radius: 3px !important; } + +.btn-group.bottom-left > .btn { + border-radius: 0px; } + .btn-group.bottom-left > .btn:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + .btn-group.bottom-left > .btn.last, .btn-group.bottom-left > .btn:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 0px; } + +.btn-xyz { + position: relative; + display: inline-block; + line-height: 0px; + padding: 0px; + font-size: 0px; + vertical-align: middle; + white-space: nowrap; + min-height: 44px; } + .btn-xyz:before, .btn-xyz:after { + content: " "; + display: table; } + .btn-xyz:after { + clear: both; } + +.btn-group { + position: relative; + display: inline-block; + line-height: 0px; + padding: 0px; + font-size: 0px; + vertical-align: middle; + white-space: nowrap; } + .btn-group.dark { + border-radius: 3px; + background-color: #222; + color: #989898; } + .btn-group.dark .btn { + color: #989898; } + .btn-group.lighten { + background-color: rgba(255, 255, 255, 0.3); + color: #888; } + .btn-group.round { + border-radius: 60px; } + .btn-group.round > .btn:first-child { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; } + .btn-group.round > .btn:last-child { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; } + .btn-group.vertical > .dropdown, + .btn-group.vertical > .btn { + display: block; + border-radius: 0 !important; } + .btn-group.vertical > .dropdown:first-child, + .btn-group.vertical > .btn:first-child { + border-top-left-radius: 3px !important; + border-top-right-radius: 3px !important; } + .btn-group.vertical > .dropdown:last-child, + .btn-group.vertical > .btn:last-child { + border-bottom-left-radius: 3px !important; + border-bottom-right-radius: 3px !important; } + .btn-group .btn-group-title { + position: absolute; + bottom: 100%; + left: 0px; + padding-bottom: 8px; + color: #888; + font-size: 10px; + width: 100%; + text-align: center; + line-height: 1.5; } + .btn-group.btn-group-block { + width: 100%; + display: block !important; } + .btn-group.btn-group-block .btn { + text-align: left; } + +.btn-group-vertical > div > .btn { + display: block; + border-radius: 0px; } + +.btn-group-vertical > div:first-child > .btn { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.btn-group-vertical > div:last-child > .btn { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; } + +.btn-hidden { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); + pointer-events: none; } + .btn-hidden.btn-visible { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + pointer-events: auto; } + +.btn:hover .btn-flyout .btn { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + opacity: 1; } + +.btn-flyout { + pointer-events: none; + overflow: hidden; + position: absolute; + top: 0; + left: 80%; + border-radius: 100px; + padding-top: 5px; } + .btn-flyout .btn { + opacity: 0; + vertical-align: top; + -webkit-transform: translateX(-10%); + -ms-transform: translateX(-10%); + transform: translateX(-10%); } + +.jewel { + background-color: #888; + color: #f5f5f5; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.25); + color: #222; + font-size: 11px; + font-weight: 700; + line-height: 7px; + padding: 4px; + min-width: 16px; + min-height: 16px; + position: absolute; + top: 4px; + right: 4px; + margin: 4px; + z-index: 100; + border-radius: 50px; } + +.open .contained-dropdown.open { + pointer-events: auto; } + +.contained-dropdown { + top: 0px; + bottom: 0px; + left: 0; + right: 0; + width: 100%; + pointer-events: none; + z-index: 200; + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; } + .contained-dropdown > * { + opacity: 0; + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; } + .contained-dropdown .overflow-y-scroll { + top: 0; + bottom: 0; + left: 0; + right: 0; + height: auto; + width: auto; + -webkit-transform: translateY(1%); + -ms-transform: translateY(1%); + transform: translateY(1%); } + .contained-dropdown .overflow-y-scroll ul li span { + text-align: center; + font-size: 18px; + line-height: 24px; } + .contained-dropdown.hover:hover, .contained-dropdown.open { + background-color: #222; + background-color: #f5f5f5; } + .contained-dropdown.hover:hover > *, .contained-dropdown.open > * { + opacity: 1; } + +.form-list { + padding: 0px; + margin: 0px; } + .form-list > li { + list-style: none; + color: #888; + position: relative; } + .form-list > li .dropdown { + position: static; + z-index: initial; } + .form-list > li > div { + border-bottom: 2px solid rgba(255, 255, 255, 0.025); } + .form-list > li:hover { + color: #f5f5f5; } + .form-list label { + float: left; + font-size: 12px; + min-width: 0px; + position: absolute; + line-height: 60px; + height: 60px; + padding-left: 20px; } + +.dropdown-menu .section { + border-top: 2px solid rgba(0, 0, 0, 0.2); + padding: 15px; + text-align: center; } + .dropdown-menu .section:last-child { + padding-bottom: 15px; } + +.btn + .dropdown-group > .dropdown > .btn, +.dropdown + .dropdown-group > .dropdown > .btn, +.btn-divider + .dropdown-group > .dropdown > .btn { + border-radius: 0px !important; } + +.dropdown-group { + display: inline-block; + vertical-align: middle; + position: relative; } + .dropdown-group > .dropdown { + position: static; + z-index: initial; } + .dropdown-group > .dropdown > .btn { + border-radius: 0px; } + .dropdown-group > .dropdown:first-child > .btn { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + .dropdown-group > .dropdown:last-child > .btn { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + +.dropdown { + display: inline-block; + position: relative; + vertical-align: middle; } + .dropdown.dropdown-block { + display: block; } + .dropdown.dropdown-block .dropdown-toggle { + width: 100%; + display: block; + text-align: left; } + .dropdown.dropdown-block .dropdown-menu { + min-width: 100%; + min-width: 150px; } + .dropdown.dark > .dropdown-menu, + .dropdown.dark > .dialog { + background: #222; + color: #888; } + .dropdown.light > .dropdown-menu, + .dropdown.light > .dialog { + background: #f5f5f5; + color: #888; } + .dropdown > .dropdown-menu { + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1000; + white-space: nowrap; + position: absolute; + top: 100%; + left: 50%; + margin-top: 8px; + opacity: 0; + filter: alpha(opacity=0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + -webkit-transition: all 0.125s ease-in-out; + transition: all 0.125s ease-in-out; + pointer-events: none; + border-radius: 3px; } + .dropdown > .dropdown-menu > ul, + .dropdown > .dropdown-menu > div { + position: relative !important; } + .dropdown > .dropdown-menu > ul.center, + .dropdown > .dropdown-menu > div.center { + text-align: center; } + .dropdown > .dropdown-menu > ul.overflow-y-scroll, + .dropdown > .dropdown-menu > div.overflow-y-scroll { + max-height: 250px; } + .dropdown > .dropdown-menu > ul > li:hover > a, + .dropdown > .dropdown-menu > ul > li:hover > span, + .dropdown > .dropdown-menu > div > li:hover > a, + .dropdown > .dropdown-menu > div > li:hover > span { + background-color: rgba(255, 255, 255, 0.05); } + .dropdown > .dropdown-menu > ul > li > a:before, + .dropdown > .dropdown-menu > ul > li > span:before, + .dropdown > .dropdown-menu > div > li > a:before, + .dropdown > .dropdown-menu > div > li > span:before { + background-color: white; } + .dropdown.hover:hover > .dialog, + .dropdown.hover:hover > .dropdown-menu, + .dropdown.open > .dialog, + .dropdown.open > .dropdown-menu { + opacity: 1; + filter: alpha(opacity=100); + pointer-events: auto !important; + display: block; } + .dropdown.center.hover:hover > .dialog, + .dropdown.center.hover:hover > .dropdown-menu, .dropdown.center.open > .dialog, + .dropdown.center.open > .dropdown-menu { + -webkit-transform: translate3d(-50%, -50%, 100px) scale(1); + -ms-transform: translate3d(-50%, -50%, 100px) scale(1); + transform: translate3d(-50%, -50%, 100px) scale(1); } + .dropdown.center > .dialog, + .dropdown.center > .dropdown-menu { + left: 50%; + top: 50%; + margin-top: 0px; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: translate3d(-50%, -50%, 100px) scale(0.93, 0.8); + -ms-transform: translate3d(-50%, -50%, 100px) scale(0.93, 0.8); + transform: translate3d(-50%, -50%, 100px) scale(0.93, 0.8); } + .dropdown.bottomleft > .dialog, + .dropdown.bottomleft > .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 16px; + -webkit-transform-origin: bottom left; + -moz-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; + -webkit-transform: translate3d(-33%, 0%, 100px) scale(0.93, 0.8); + -ms-transform: translate3d(-33%, 0%, 100px) scale(0.93, 0.8); + transform: translate3d(-33%, 0%, 100px) scale(0.93, 0.8); } + .dropdown.bottom > .dialog, + .dropdown.bottom > .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 16px; + -webkit-transform-origin: bottom center; + -moz-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; + -webkit-transform: translate3d(-50%, 0%, 100px) scale(0.93, 0.8); + -ms-transform: translate3d(-50%, 0%, 100px) scale(0.93, 0.8); + transform: translate3d(-50%, 0%, 100px) scale(0.93, 0.8); } + .dropdown.top > .dialog, + .dropdown.top > .dropdown-menu { + top: 100%; + bottom: auto; + margin-top: -16px; + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-transform: translate3d(-50%, 0%, 100px) scale(0.93, 0.8); + -ms-transform: translate3d(-50%, 0%, 100px) scale(0.93, 0.8); + transform: translate3d(-50%, 0%, 100px) scale(0.93, 0.8); } + .dropdown.top.right > .dialog, + .dropdown.top.right > .dropdown-menu { + top: 100%; + bottom: auto; + left: auto; + right: 0; + margin-top: 16px; + -webkit-transform-origin: top right; + -moz-transform-origin: top right; + -ms-transform-origin: top right; + transform-origin: top right; + -webkit-transform: translate3d(0%, 0%, 100px) scale(0.93, 0.8); + -ms-transform: translate3d(0%, 0%, 100px) scale(0.93, 0.8); + transform: translate3d(0%, 0%, 100px) scale(0.93, 0.8); } + .dropdown.top.right.hover:hover > .dialog, + .dropdown.top.right.hover:hover > .dropdown-menu, .dropdown.top.right.open > .dialog, + .dropdown.top.right.open > .dropdown-menu { + -webkit-transform: translate3d(0%, 0%, 100px) scale(1); + -ms-transform: translate3d(0%, 0%, 100px) scale(1); + transform: translate3d(0%, 0%, 100px) scale(1); } + .dropdown.top, .dropdown.bottom, .dropdown.bottomleft { + /*&.open > .btn-group > .btn-icon-labeled:hover, + &.open > .btn-icon-labeled:hover { + .icon-label {opacity: 0; margin: 0; } + .icon:before {line-height: 60px; } + }*/ } + .dropdown.top.hover:hover > .btn-dark .jewel, + .dropdown.top.hover:hover > .btn-group > .btn-dark .jewel, .dropdown.top.open > .btn-dark .jewel, + .dropdown.top.open > .btn-group > .btn-dark .jewel, .dropdown.bottom.hover:hover > .btn-dark .jewel, + .dropdown.bottom.hover:hover > .btn-group > .btn-dark .jewel, .dropdown.bottom.open > .btn-dark .jewel, + .dropdown.bottom.open > .btn-group > .btn-dark .jewel, .dropdown.bottomleft.hover:hover > .btn-dark .jewel, + .dropdown.bottomleft.hover:hover > .btn-group > .btn-dark .jewel, .dropdown.bottomleft.open > .btn-dark .jewel, + .dropdown.bottomleft.open > .btn-group > .btn-dark .jewel { + background-color: #fff !important; + border-color: #303030 !important; } + .dropdown.top.hover:hover > .dialog, + .dropdown.top.hover:hover > .dropdown-menu, .dropdown.top.open > .dialog, + .dropdown.top.open > .dropdown-menu, .dropdown.bottom.hover:hover > .dialog, + .dropdown.bottom.hover:hover > .dropdown-menu, .dropdown.bottom.open > .dialog, + .dropdown.bottom.open > .dropdown-menu, .dropdown.bottomleft.hover:hover > .dialog, + .dropdown.bottomleft.hover:hover > .dropdown-menu, .dropdown.bottomleft.open > .dialog, + .dropdown.bottomleft.open > .dropdown-menu { + -webkit-transform: translate3d(-50%, 0%, 100px) scale(1); + -ms-transform: translate3d(-50%, 0%, 100px) scale(1); + transform: translate3d(-50%, 0%, 100px) scale(1); } + .dropdown.bottomleft.hover:hover > .dialog, + .dropdown.bottomleft.hover:hover > .dropdown-menu, .dropdown.bottomleft.open > .dialog, + .dropdown.bottomleft.open > .dropdown-menu { + -webkit-transform: translate3d(-33%, 0%, 100px) scale(1) !important; + -ms-transform: translate3d(-33%, 0%, 100px) scale(1) !important; + transform: translate3d(-33%, 0%, 100px) scale(1) !important; } + +.dropdown.options-3.option-1:after { + margin-left: -68px; } + +.dropdown.options-3.option-2:after { + margin-left: -8px; } + +.dropdown.options-3.option-3:after { + margin-left: 52px; } + +.dropdown.option-1:after { + margin-left: -38px; } + +.dropdown.option-2:after { + margin-left: 22px; } + +.dropdown.open:after { + -webkit-transition: all 0.1s ease-in-out 0s; + transition: all 0.1s ease-in-out 0s; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } + +.dropdown:after { + -webkit-transition: all 0.1s ease-in-out 0s; + transition: all 0.1s ease-in-out 0s; + content: ""; + position: absolute; + bottom: 100%; + width: 0; + height: 0; + margin-left: -8px; + pointer-events: none !important; + left: 50%; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); } + +.dropdown.bottom:after, .dropdown.bottomleft:after { + -webkit-transform-origin: bottom center; + -moz-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; + bottom: 100%; + border-bottom: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid #303030; + border-left: 8px solid transparent; } + +.dropdown.top:after { + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + top: 100%; + border-bottom: 8px solid #303030; + border-right: 8px solid transparent; + border-top: 8px solid transparent; + border-left: 8px solid transparent; } + +.separate .icon { + display: block; } + +.separate .icon:after, +.separate .icon:before { + font-size: 20px; } + +.separate h4 { + padding: 0px !important; + padding-top: 21px !important; } + +.separate .label { + display: none !important; } + +.separate .form-group { + width: 33.3333%; + height: 60px; } + +.separate .axis-center { + border: 2px solid rgba(0, 0, 0, 0.025); } + +.separate .axis-left, +.separate .axis-right { + border-top: 2px solid rgba(0, 0, 0, 0.025); + border-bottom: 2px solid rgba(0, 0, 0, 0.025); } + +.separate .axis-left, +.separate .axis-center, +.separate .axis-right { + float: left; + height: 63px; } + +.separate .axis-top, +.separate .axis-bottom { + border-left: 2px solid rgba(0, 0, 0, 0.025); + border-right: 2px solid rgba(0, 0, 0, 0.025); + margin-left: 33.33333% !important; } + +.separate .axis-top .input-drag { + top: 100%; + left: 50%; + margin-left: -22px; + margin-top: -22px; } + +.separate .axis-left .input-drag { + left: 100%; + top: 50%; + margin-left: -22px; + margin-top: -22px; } + +.separate .axis-right .input-drag { + right: 100%; + top: 50%; + margin-right: -22px; + margin-top: -22px; + left: auto; } + +.separate .axis-bottom .input-drag { + bottom: 100%; + left: 50%; + margin-left: -22px; + margin-bottom: -22px; } + +.dialog-side-tabs { + position: absolute; + right: 0; + top: 0; + list-style: none; + padding: 0; + height: 100%; + padding: 15px; + border-left: 2px solid rgba(0, 0, 0, 0.025); + z-index: 100; + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; } + +.dialog { + font-size: 13px; + min-width: 200px; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + white-space: normal; + z-index: 1000; + position: absolute; + opacity: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + -webkit-transition: all 0.125s ease-in-out; + transition: all 0.125s ease-in-out; + pointer-events: none; + background-color: #f5f5f5; + color: #888; + border-radius: 9px; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1); } + .dialog ol, .dialog ul, .dialog p { + font-size: inherit; } + .dialog > .btn-block:last-child { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-bottom-left-radius: 9px; + border-bottom-right-radius: 9px; } + .dialog.dark { + background-color: #222; } + .dialog .dialog-tabs-wrapper { + overflow: hidden; + border-top-left-radius: 9px; + border-top-right-radius: 9px; } + .dialog .dialog-tabs { + display: table; + width: 100%; + max-width: 800px; + table-layout: auto; + background-color: #eee; } + .dialog .dialog-tabs .dialog-tab { + display: table-cell; + text-align: center; } + .dialog .dialog-tabs .dialog-tab:hover span { + color: #222; } + .dialog .dialog-tabs .dialog-tab.open span { + background-color: #f5f5f5; + color: #222; + opacity: 1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1) !important; + border-bottom-right-radius: 0px !important; + border-bottom-left-radius: 0px !important; + border-top-left-radius: 9px; + border-top-right-radius: 9px; } + .dialog .dialog-tabs .dialog-tab:first-child span { + box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.1); } + .dialog .dialog-tabs .dialog-tab span { + box-shadow: inset 0 -4px 1px -4px rgba(0, 0, 0, 0.05), inset 0 -4px 7px -4px rgba(0, 0, 0, 0.1); + cursor: pointer; + text-indent: 4px; + display: block; + width: 100%; + height: 44px; + line-height: 44px; } + .dialog .dialog-title { + margin: 0; + padding: 15px; + padding-bottom: 0px; + color: #222; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.2em; + text-indent: 4px; + text-align: center; } + .dialog .dialog-section { + border-top: 2px solid rgba(0, 0, 0, 0.1); + border-top: 2px solid rgba(0, 0, 0, 0.025); + padding: 15px 20px; + position: relative; + text-align: center; + max-width: 800px; + margin: auto; } + .dialog .dialog-section:first-child { + border: none !important; } + .dialog .dialog-section .label-sm { + margin-bottom: 0px; + pointer-events: none; } + .dialog .dialog-section .label-sm + input { + margin-top: -8px !important; } + .dialog .dialog-section .label-sm + .btn-group { + margin-top: -8px !important; } + .dialog .dialog-section.btn-transparent:hover { + color: #222 !important; } + .dialog .dialog-section.section-tall { + height: 200px; } + .dialog h4 .icon { + height: 38px; } + +.overflow-hidden { + overflow: hidden; } + +.overflow-scroll { + overflow-y: scroll; + overflow-x: scroll; } + +.overflow-y-scroll { + overflow-y: scroll; + overflow-x: hidden; } + +.overflow-x-scroll { + overflow-y: hidden; + overflow-x: scroll; } + +.fit { + position: absolute !important; + width: auto; + height: auto; + right: 0px; + left: 0px; + top: 0px; + bottom: 0px; } + +.overflow-scroll, +.overflow-hidden, +.overflow-x-scroll, +.overflow-y-scroll { + -webkit-overflow-scrolling: touch; } + .overflow-scroll::-webkit-scrollbar, + .overflow-hidden::-webkit-scrollbar, + .overflow-x-scroll::-webkit-scrollbar, + .overflow-y-scroll::-webkit-scrollbar { + width: 0px; + height: 0px; } + .overflow-scroll::-webkit-scrollbar-corner, .overflow-scroll ::-webkit-scrollbar, + .overflow-hidden::-webkit-scrollbar-corner, + .overflow-hidden ::-webkit-scrollbar, + .overflow-x-scroll::-webkit-scrollbar-corner, + .overflow-x-scroll ::-webkit-scrollbar, + .overflow-y-scroll::-webkit-scrollbar-corner, + .overflow-y-scroll ::-webkit-scrollbar { + background-color: transparent; } + .overflow-scroll::-webkit-scrollbar-thumb, + .overflow-hidden::-webkit-scrollbar-thumb, + .overflow-x-scroll::-webkit-scrollbar-thumb, + .overflow-y-scroll::-webkit-scrollbar-thumb { + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.1); + -webkit-background-clip: padding-box; + border: 0px solid transparent; } + +#alerts { + position: absolute; + height: auto; + width: auto; + display: inline-block; + bottom: 0px; + right: 0px; + left: 0px; + margin: 10px; + text-align: center; + z-index: 1200; + border-radius: 2px; } + #alerts .alert-success:first-child:after { + border-bottom-color: #dff0d8; } + #alerts .alert-info:first-child:after { + border-bottom-color: #d9edf7; } + #alerts .alert-warning:first-child:after { + border-bottom-color: #fcf8e3; } + #alerts .alert-danger:first-child:after { + border-bottom-color: #eed3d7; } + +.alert { + padding: 10px 30px 10px 20px; + border: none; + display: inline-block; + position: relative; + white-space: normal; + text-align: left; + border-radius: 3px; + font-weight: 600; } + .alert .close { + float: none; + display: inline-block; + font-size: inherit; + line-height: inherit; + position: absolute; + right: 0px; + top: 0px; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; } + .alert p { + margin-top: 0px; + margin-bottom: 15px; } + .alert p:last-child { + margin-bottom: 0px; } + .alert > p + p { + margin-top: 15px; } + +.alert-success { + color: white; + background-color: #6bc36f; + border-color: #d6e9c6; } + .alert-success .alert-link { + color: white; } + +.alert-info { + color: white; + background-color: #4c9bd8; + border-color: #bce8f1; } + .alert-info .alert-link { + color: white; } + +.alert-warning { + color: #222; + background-color: #ecc133; + border-color: #fbeed5; } + .alert-warning .alert-link { + color: #222; } + +.alert-danger { + color: white; + background-color: #c66554; + border-color: #eed3d7; } + .alert-danger .alert-link { + color: white; } + +.close { + position: absolute; + top: 0px; + right: 0px; + height: 60px; + width: 60px; + text-align: center; + line-height: 60px; + font-size: 40px; + color: #222 !important; + opacity: 0.5; + outline: 0 !important; } + .close:focus { + outline: thin dotted; + outline: 5px auto #298041; + outline-offset: -2px; } + .close:hover, .close:focus { + text-decoration: none; + cursor: pointer; } + .close:active { + opacity: 1; + filter: alpha(opacity=100); } + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } + +.modal-open { + overflow: hidden; } + +.modal-prev, +.modal-next { + color: #222 !important; + position: fixed; + top: 50%; + margin: 0 34px; + margin-top: -30px; + opacity: 0.5; + z-index: 2000; } + +.modal-prev { + left: 0; } + +.modal-next { + right: 0; } + +.modal { + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 35000; + -webkit-overflow-scrolling: touch; + outline: 0; } + .modal.fade .modal-dialog { + -webkit-transition: -webkit-transform 0.1s ease-out; + -moz-transition: -moz-transform 0.1s ease-out; + -o-transition: -o-transform 0.1s ease-out; + transition: transform 0.1s ease-out; + -webkit-transform: scale(0.98, 0.98); + -ms-transform: scale(0.98, 0.98); + transform: scale(0.98, 0.98); } + .modal.in { + pointer-events: auto; } + .modal.in .modal-dialog { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .modal .close { + position: fixed; + margin: 44px 44px; } + .modal .close .icon { + display: block; } + .modal figure { + margin: 0; } + .modal figure img { + display: block; + margin: auto; } + +.modal-wrapper { + position: relative; + margin: 0px; + display: table; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.7); } + +.modal-appendix { + position: relative; + margin: 0px; + display: table; + width: 100%; + text-align: center; + background-color: #f5f5f5; + color: #888; + vertical-align: top; + height: auto; } + .modal-appendix .modal-section { + max-width: 600px; + margin: auto; + text-align: left; } + +.modal-dialog { + position: relative; + width: auto; + margin: 0px; + display: table-cell; + vertical-align: middle; + height: 100%; + width: 100%; + margin: auto; + text-align: center; + padding: 40px; } + .modal-dialog.top { + vertical-align: top; } + +.modal-medium { + max-height: 100%; } + .modal-medium > * { + max-width: 100%; + max-height: 100%; } + +.modal-content { + width: 600px; + position: relative; + background-clip: padding-box; + outline: none; + display: inline-block; + text-align: left; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + border-radius: 9px; + background-color: #f5f5f5 !important; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1); } + +.modal-header { + padding: 30px 40px; + position: relative; + color: #888; } + +.close-search { + position: fixed; + top: 0; + right: 0; + margin: 40px 35px; } + +.modal-title { + color: #222; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.2em; + text-indent: 4px; + text-align: center; + padding-top: 30px; } + +.modal-side-tabs { + position: absolute; + right: 0; + top: 0; + list-style: none; + padding: 0; + height: 100%; + padding: 15px; + border-left: 2px solid rgba(0, 0, 0, 0.025); + z-index: 100; + border-top-right-radius: 9px; + border-bottom-right-radius: 9px; } + +.modal-tabs-wrapper { + overflow: hidden; + border-top-left-radius: 9px; + border-top-right-radius: 9px; } + +.modal-tabs { + display: table; + width: 100%; + table-layout: auto; + background-color: #eee; } + .modal-tabs .dialog-tab { + display: table-cell; + text-align: center; } + .modal-tabs .dialog-tab:hover span { + color: #222; } + .modal-tabs .dialog-tab.open span { + background-color: #f5f5f5; + color: #222; + opacity: 1; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1) !important; + border-bottom-right-radius: 0px !important; + border-bottom-left-radius: 0px !important; + border-top-left-radius: 9px; + border-top-right-radius: 9px; } + .modal-tabs .dialog-tab:first-child span { + box-shadow: inset 0px -4px 1px -4px rgba(0, 0, 0, 0.05), inset 0px -4px 7px -4px rgba(0, 0, 0, 0.1); } + .modal-tabs .dialog-tab span { + box-shadow: inset 0 -4px 1px -4px rgba(0, 0, 0, 0.05), inset 0 -4px 7px -4px rgba(0, 0, 0, 0.1); + cursor: pointer; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.2em; + text-indent: 4px; + display: block; + width: 100%; + height: 44px; + line-height: 44px; } + +.modal-body { + position: relative; } + .modal-body:before, .modal-body:after { + content: " "; + display: table; } + .modal-body:after { + clear: both; } + +.modal .modal-section { + border-bottom: 2px solid rgba(0, 0, 0, 0.04); + padding: 40px; + display: block; } + .modal .modal-section:before, .modal .modal-section:after { + content: " "; + display: table; } + .modal .modal-section:after { + clear: both; } + .modal .modal-section:first-child { + border-top-left-radius: 9px !important; + border-top-right-radius: 9px !important; } + .modal .modal-section.dark { + background-color: #222; } + .modal .modal-section.light { + background-color: #f5f5f5; } + .modal .modal-section .modal-section-title { + margin: 0; + padding-top: 15px; + color: #222; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.2em; + text-indent: 4px; + text-align: center; } + +.modal-footer:before, .modal-footer:after { + content: " "; + display: table; } + +.modal-footer:after { + clear: both; } + +#search-dialog:after { + margin-left: -160px; } + +.dialog-search { + margin-left: 0; + transform: translate3d(-22.5%, 0%, 100px) scale(1) !important; } + +.dialog-search-input { + position: absolute; + text-align: center; + top: 0; + left: 0; + right: 112px; + color: #888; + padding: 25px; + background-color: rgba(245, 245, 245, 0.95); + border-top-left-radius: 9px; + z-index: 100; } + +.dialog-search-results { + padding: 40px !important; + padding-top: 110px !important; + margin-right: 92px; + position: relative; + font-size: 11px; + line-height: 1.5; + text-align: left !important; } + .dialog-search-results:before, .dialog-search-results:after { + content: " "; + display: table; } + .dialog-search-results:after { + clear: both; } + .dialog-search-results .search-result  { + max-width: 100px; } + .dialog-search-results > * { + cursor: pointer; } + .dialog-search-results > * > * { + pointer-events: none; } + .dialog-search-results .search-result-video { + width: 33%; + float: left; + padding-right: 20px; + padding-bottom: 20px; } + .dialog-search-results .search-result-video:nth-child(3n+1) { + clear: both; } + .dialog-search-results .search-result-video .thumbnail-wrapper:hover .thumbnail { + opacity: 0.8; } + .dialog-search-results .search-result-video .thumbnail-wrapper span { + display: block; + top: 0; + left: 0; + position: absolute; + background-color: #3d9ee9; + color: #f5f5f5; + text-align: center; } + .dialog-search-results .search-result-video .thumbnail-wrapper span:before { + content: ""; + display: block; + padding-top: 100%; + /* initial ratio of 1:1*/ + padding-top: 55%; } + .dialog-search-results .search-result-video .thumbnail { + width: 100%; + margin-bottom: 10px; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border-radius: 3px; } + .dialog-search-results .search-result-video .thumbnail:before { + content: ""; + display: block; + padding-top: 100%; + /* initial ratio of 1:1*/ + padding-top: 55%; } + .dialog-search-results .search-result-image { + display: inline-block; + margin-right: 8px; + margin-bottom: 8px; } + .dialog-search-results .search-result-image img { + height: 100%; + max-width: 120px; + max-height: 120px; + border-radius: 3px; } + +.white .select-list li.checked:before { + background-color: #888 !important; } + +.white .select-list li.checked > a, +.white .select-list li.checked > span { + color: #888; } + +.white .select-list li:hover:before { + background-color: #888; } + +.white .select-list li:hover > a, +.white .select-list li:hover > span { + background-color: rgba(0, 0, 0, 0.025) !important; } + +.white .select-list li:before { + background-color: #888; } + +.white .select-list li > a, +.white .select-list li > span { + color: #888; } + +.select-list { + -webkit-mask-image: -webkit-gradient(linear, left top, left 15px, from(transparent), to(rgba(0, 0, 0, 0.5))); + background-clip: padding-box; + font-size: 15px; + line-height: 14px; + list-style: none; + margin: 0px; + padding: 15px 0; + text-align: left; + color: #888; + border-radius: 3px; } + .select-list:empty:before { + position: absolute; + top: 50%; + left: 50%; + margin: -50%; + width: 100%; + display: block; + font-size: 13px; + line-height: 1px; + margin-top: -6px; + content: attr(data-placeholder); + color: #888; + opacity: 0.5; } + .select-list .divider + li span { + border: none !important; } + .select-list .divider { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + margin: 10px 0; + border: 1px solid rgba(0, 0, 0, 0.05); + height: 0; } + .select-list li { + width: 100%; + display: block; + position: relative; + margin: -2px 0; } + .select-list li.checked { + opacity: 1; } + .select-list li.checked:before { + background-color: #222 !important; + display: block; } + .select-list li.checked > a, + .select-list li.checked > span { + color: #222; } + .select-list li:hover:before { + background-color: #888; + display: block; } + .select-list li:hover > a, + .select-list li:hover > span { + color: #888; + color: #222; } + .select-list li.select-list-title:before { + display: none !important; } + .select-list li:before { + top: 50%; + left: 10px; + margin-top: -3px; + content: ""; + display: block; + position: absolute; + height: 6px; + width: 6px; + background-color: #f5f5f5; + border-radius: 100%; + display: none; } + .select-list li > b, + .select-list li > a, + .select-list li > span { + display: block; + cursor: pointer; + white-space: nowrap; + color: #888; + margin: 0 25px; + padding: 16px 3px; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + border-top: 2px solid rgba(0, 0, 0, 0.025) !important; } + .select-list li > b .icon.icon-sm, + .select-list li > a .icon.icon-sm, + .select-list li > span .icon.icon-sm { + margin: -7px; + margin-right: 14px; } + .select-list li > b .icon.icon-md, + .select-list li > a .icon.icon-md, + .select-list li > span .icon.icon-md { + margin: -13px; + margin-right: 7px; } + .select-list li:first-child > b, + .select-list li:first-child > a, + .select-list li:first-child > span { + border: none !important; } + +.row:before, +.row:after { + display: table; + content: " "; } + +.row:after { + clear: both; } + +.row:before, +.row:after { + display: table; + content: " "; } + +.row:after { + clear: both; } + +.row { + margin: 0 -5px; } + .row > div { + position: relative; + min-height: 1px; + padding-right: 5px; + padding-left: 5px; + float: left; } + .row > div img { + max-width: 100%; } + .row.no-gutter { + margin: 0 !important; } + .row.no-gutter > div { + padding: 0px !important; } + .row.cols-12 > div { + width: 8.33333%; } + .row.cols-11 > div { + width: 9.09091%; } + .row.cols-10 > div { + width: 10%; } + .row.cols-9 > div { + width: 11.11111%; } + .row.cols-8 > div { + width: 12.5%; } + .row.cols-7 > div { + width: 14.28571%; } + .row.cols-6 > div { + width: 16.66667%; } + .row.cols-5 > div { + width: 20%; } + .row.cols-4 > div { + width: 25%; } + .row.cols-3 > div { + width: 33.33333%; } + .row.cols-2 > div { + width: 50%; } + .row.cols-1 > div { + width: 100%; } + +.header-center, +.header-left, +.header-right { + position: absolute; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 3000; + top: 10px; } + .header-center > *, + .header-left > *, + .header-right > * { + display: inline-block; + vertical-align: middle; } + .header-center.out, + .header-left.out, + .header-right.out { + opacity: 0; + pointer-events: none; } + .header-center.out *, + .header-left.out *, + .header-right.out * { + pointer-events: none !important; } + +.home { + margin-top: -20px; + margin-left: -20px; } + +.header-left { + -webkit-transform-origin: center left; + -moz-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; + left: 0; + padding-left: 10px; } + +.header-right { + -webkit-transform-origin: center right; + -moz-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; + right: 0; + padding-right: 10px; } + +.header-center { + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + width: 100%; + left: 0; + right: 0; + position: absolute; + text-align: center; + color: #888; } + .header-center > * { + font-size: 20px; + line-height: 44px; + color: #888; + padding: 0 10px; } + +.header-left > * { + margin-right: 10px; } + +.header-right > * { + margin-left: 5px; } + +.header-right { + font-size: 0; } + +.title { + width: 100%; + left: 0; + position: absolute; + text-align: center; + pointer-events: none; } + .title h1 { + margin: 0; + height: 60px; + line-height: 60px; + font-size: 13.5px; + font-weight: bold; + color: #888; + display: inline-block; + margin-top: -14px; + pointer-events: all; + font-weight: normal; } + +.author { + float: left; } + .author .btn { + margin-right: 10px; } + .author .author-date { + opacity: 0.5; } + +.present-mode #space-header { + background-color: transparent !important; } + +#space-siblings { + background-color: rgba(245, 245, 245, 0.95); + padding: 35px; + max-height: 450px; + overflow-y: scroll; + margin-top: 54px; + border-bottom: 1px solid #eee; } + #space-siblings .btn { + margin-bottom: 50px; } + +#account-forms { + z-index: 2000; + width: 100%; + height: 100%; } + #account-forms.got-user { + display: none; } + #account-forms > div { + display: table; + width: 100%; + height: 100%; + position: absolute !important; + pointer-events: none; } + #account-forms > div.active#login form { + -webkit-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); } + #account-forms > div.active#signup form { + -webkit-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); } + #account-forms > div.active#password-reset form { + -webkit-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); } + #account-forms > div.active#password-confirm form { + -webkit-transform: rotateY(0deg); + -ms-transform: rotateY(0deg); + transform: rotateY(0deg); } + #account-forms > div.active form { + opacity: 1; + pointer-events: auto; } + #account-forms > div .content { + display: table-cell; + vertical-align: middle; + text-align: center; + -webkit-perspective: 1000; + -moz-perspective: 1000; + -ms-perspective: 1000; + perspective: 1000; + -webkit-perspective-origin: center center; + -moz-perspective-origin: center center; + perspective-origin: center center; } + #account-forms > div#login form { + -webkit-transform: rotateY(-180deg); + -ms-transform: rotateY(-180deg); + transform: rotateY(-180deg); } + #account-forms > div#signup form { + -webkit-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); } + #account-forms > div#password form { + -webkit-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + transform: rotateY(180deg); } + #account-forms > div form { + text-align: left; + display: inline-block; + width: 330px; + opacity: 0; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + -webkit-transform-origin: center center; + -moz-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; } + #account-forms > div form h4 { + display: inline-block; } + +#updates { + list-style: none; + padding: 0; + margin: 0; } + #updates > li { + padding: 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); } + #updates > li .avatar { + border-radius: 100%; + vertical-align: middle; + margin-right: 10px; } + #updates > li > span, + #updates > li > a { + vertical-align: middle; + line-height: 60px; } + #updates > li a { + color: #3d9ee9; } + #updates > li .date { + float: right; + display: inline-block; } + +#short-profile { + position: absolute; + top: 50%; + left: 50%; + width: 300px; + height: 200px; + border-radius: 3px; + background-color: white; + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05); + z-index: 5000; } + #short-profile #short-profile-header { + height: 100px; + width: 300px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + position: relative; + background-size: cover; + background-position: center; + background-color: rgba(0, 0, 0, 0.1); } + #short-profile #short-profile-image { + position: absolute; + bottom: -30px; + left: 50%; + margin-left: -40px; } + #short-profile #short-profile-actions { + position: absolute; + top: 0; + right: 0; + margin: 10px; } + #short-profile #short-profile-details { + padding-top: 40px; } + #short-profile #short-profile-details .nickname, + #short-profile #short-profile-details .bio { + text-align: center; + display: block; } + #short-profile #short-profile-details .bio { + color: #888; } + #short-profile #short-profile-details .nickname { + color: #292929; + font-size: 18px; } + +#profile-details { + padding: 30px 40px; + background-color: white; + text-align: center; + position: relative; } + #profile-details:before, #profile-details:after { + content: " "; + display: table; } + #profile-details:after { + clear: both; } + #profile-details .profile-head { + margin-bottom: 20px; } + #profile-details .profile-image { + position: relative; + margin: auto; + display: inline-block; + margin-bottom: 20px; + line-height: 200px; + width: 200px; + height: 200px; + border: 4px solid white; + border-radius: 8px; + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05); } + #profile-details .profile-cover { + position: absolute; + height: 200px; + width: 100%; + top: 0; + left: 0; + background-size: cover; + background-position: center; + z-index: 0; } + #profile-details .profile-username { + margin: 0; + font-size: 20px; + color: #292929; } + #profile-details .profile-description { + margin: 0; + font-size: 20px; } + #profile-details ul { + list-style: none; + margin: 0; + padding: 0; + margin-top: -3px; } + #profile-details ul li { + vertical-align: middle; + display: inline-block; + margin-right: 3px; + color: #888; + text-transform: uppercase; + font-family: Avenir W01; + font-size: 11px; + opacity: 0.5; } + #profile-details ul li:hover { + opacity: 1; } + #profile-details ul li > .icon { + margin-right: 3px; } + #profile-details ul li a { + color: #888; } + #profile-details ul li a:hover { + color: #3d9ee9; } + +#account { + padding-top: 64px; } + #account #cover-image { + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; + opacity: 0.2; + background-size: cover; + background-position: center; } + #account #profile-image { + position: relative; } + #account #profile-image img { + border-radius: 3px; + overflow: hidden; } + #account #profile-image #remove-profile-image { + position: absolute; + top: 0; + left: 0; + margin: -16px; } + +.icon-bullet:before { + content: "\2022"; } + +.icon-hyphen:before { + content: "\002D"; } + +.icon-Euro:before { + content: "\20AC"; } + +.icon-minus:before, .btn-less:before { + content: "\2212"; } + +.icon-plus:before, .btn-more:before { + content: "\002B"; } + +.icon-cloud:before { + content: "\2601"; } + +.icon-lightning:before { + content: "\2607"; } + +.icon-heartsuitblack:before { + content: "\2665"; } + +.icon-whiteFlag:before { + content: "\2690"; } + +.icon-blackFlag:before { + content: "\2691"; } + +.icon-crossedSwords:before { + content: "\2694"; } + +.icon-blackScissorsRight:before { + content: "\2702"; } + +.icon-airplane:before { + content: "\2708"; } + +.icon-envelope:before { + content: "\2709"; } + +.icon-pencil:before { + content: "\270F"; } + +.icon-sparkle:before { + content: "\2747"; } + +.icon-at:before { + content: "\0040"; } + +.icon-copyright:before { + content: "\00A9"; } + +.icon-registered:before { + content: "\00AE"; } + +.icon-section:before { + content: "\00A7"; } + +.icon-battery:before { + content: "\1F50B"; } + +.icon-bell:before { + content: "\1F514"; } + +.icon-bookmark:before { + content: "\1F516"; } + +.icon-calendar:before { + content: "\1F4C5"; } + +.icon-camera:before { + content: "\1F4F7"; } + +.icon-clipboard:before { + content: "\1F4CB"; } + +.icon-hourglass:before { + content: "\231B"; } + +.icon-microphone:before { + content: "\1F3A4"; } + +.icon-newspaper:before { + content: "\1F4F0"; } + +.icon-paperclip:before { + content: "\1F4CE"; } + +.icon-radio:before { + content: "\1F4FB"; } + +.icon-wrench:before { + content: "\1F527"; } + +.icon-align-bottom:before { + content: "\E004"; } + +.icon-align-center-horizontal:before { + content: "\E005"; } + +.icon-align-center-vertical:before { + content: "\E006"; } + +.icon-align-left:before { + content: "\E007"; } + +.icon-align-right:before { + content: "\E008"; } + +.icon-align-to-canvas:before { + content: "\E009"; } + +.icon-align-top:before { + content: "\E00A"; } + +.icon-align-vertical-bottom:before { + content: "\E00B"; } + +.icon-align-vertical-middle:before { + content: "\E00C"; } + +.icon-align-vertical-top:before { + content: "\E00D"; } + +.icon-antenna:before { + content: "\E00E"; } + +.icon-application:before { + content: "\E00F"; } + +.icon-arrow-0:before { + content: "\E010"; } + +.icon-arrow-1:before { + content: "\E011"; } + +.icon-arrow-2:before { + content: "\E012"; } + +.icon-arrow-3:before { + content: "\E013"; } + +.icon-arrow-4:before { + content: "\E014"; } + +.icon-arrow-bottom-light:before { + content: "\E015"; } + +.icon-arrow-down:before { + content: "\E016"; } + +.icon-arrow-fork:before { + content: "\E017"; } + +.icon-arrow-horizontal:before { + content: "\E018"; } + +.icon-arrow-left:before { + content: "\E019"; } + +.icon-arrow-left-down:before { + content: "\E01A"; } + +.icon-arrow-left-light:before { + content: "\E01B"; } + +.icon-arrow-left-up:before { + content: "\E01C"; } + +.icon-arrow-merge:before { + content: "\E01D"; } + +.icon-arrow-right:before { + content: "\E01E"; } + +.icon-arrow-right-down:before { + content: "\E01F"; } + +.icon-arrow-right-light:before { + content: "\E020"; } + +.icon-arrow-right-up:before { + content: "\E021"; } + +.icon-arrow-thin-down:before { + content: "\E022"; } + +.icon-arrow-thin-left:before { + content: "\E023"; } + +.icon-arrow-thin-right:before { + content: "\E024"; } + +.icon-arrow-thin-up:before { + content: "\E025"; } + +.icon-arrow-top:before { + content: "\E026"; } + +.icon-arrow-top-light:before { + content: "\E027"; } + +.icon-arrow-vertical:before { + content: "\E028"; } + +.icon-arrows-horizontal:before { + content: "\E029"; } + +.icon-arrows-in:before { + content: "\E02A"; } + +.icon-arrows-out:before { + content: "\E02B"; } + +.icon-arrows-thin-horizontal:before { + content: "\E02C"; } + +.icon-arrows-thin-vertical:before { + content: "\E02D"; } + +.icon-arrows-vertical:before { + content: "\E02E"; } + +.icon-ban-0:before { + content: "\E02F"; } + +.icon-ban-1:before { + content: "\E030"; } + +.icon-ban-2:before { + content: "\E031"; } + +.icon-ban-3:before { + content: "\E032"; } + +.icon-ban-4:before { + content: "\E033"; } + +.icon-bar-code:before { + content: "\E034"; } + +.icon-battery-0:before { + content: "\E035"; } + +.icon-battery-1:before { + content: "\E036"; } + +.icon-battery-2:before { + content: "\E037"; } + +.icon-battery-3:before { + content: "\E038"; } + +.icon-battery-4:before { + content: "\E039"; } + +.icon-battery-5:before { + content: "\E03A"; } + +.icon-battery-6:before { + content: "\E03B"; } + +.icon-battery-7:before { + content: "\E03C"; } + +.icon-battery-8:before { + content: "\E03D"; } + +.icon-battery-loading:before { + content: "\E03E"; } + +.icon-beverage-beer:before { + content: "\E03F"; } + +.icon-beverage-cocktail:before { + content: "\E040"; } + +.icon-beverage-wine:before { + content: "\E041"; } + +.icon-book:before { + content: "\E042"; } + +.icon-book-contacts:before { + content: "\E043"; } + +.icon-book-open:before { + content: "\E044"; } + +.icon-border-dashed:before { + content: "\E045"; } + +.icon-border-dotted:before { + content: "\E046"; } + +.icon-border-radius:before { + content: "\E047"; } + +.icon-border-solid:before { + content: "\E048"; } + +.icon-brightness:before { + content: "\E049"; } + +.icon-calculator:before { + content: "\E04A"; } + +.icon-calculator-black:before { + content: "\E04B"; } + +.icon-camera-black:before { + content: "\E04C"; } + +.icon-canvas:before { + content: "\E04D"; } + +.icon-canvas-square:before { + content: "\E04E"; } + +.icon-cd:before { + content: "\E04F"; } + +.icon-certificate:before { + content: "\E050"; } + +.icon-chart-0:before { + content: "\E051"; } + +.icon-chart-1:before { + content: "\E052"; } + +.icon-chart-2:before { + content: "\E053"; } + +.icon-chart-3:before { + content: "\E054"; } + +.icon-chart-4:before { + content: "\E055"; } + +.icon-chart-5:before { + content: "\E056"; } + +.icon-chart-6:before { + content: "\E057"; } + +.icon-chart-7:before { + content: "\E058"; } + +.icon-chart-8:before { + content: "\E059"; } + +.icon-chart-bars:before { + content: "\E05A"; } + +.icon-check:before { + content: "\E05B"; } + +.icon-chevron-down-0:before { + content: "\E05C"; } + +.icon-chevron-down-1:before { + content: "\E05D"; } + +.icon-chevron-down-2:before { + content: "\E05E"; } + +.icon-chevron-down-3:before { + content: "\E05F"; } + +.icon-chevron-down-4:before { + content: "\E060"; } + +.icon-chevron-left-0:before { + content: "\E061"; } + +.icon-chevron-left-1:before { + content: "\E062"; } + +.icon-chevron-left-2:before { + content: "\E063"; } + +.icon-chevron-left-3:before { + content: "\E064"; } + +.icon-chevron-left-4:before { + content: "\E065"; } + +.icon-chevron-right-0:before { + content: "\E066"; } + +.icon-chevron-right-1:before { + content: "\E067"; } + +.icon-chevron-right-2:before { + content: "\E068"; } + +.icon-chevron-right-3:before { + content: "\E069"; } + +.icon-chevron-right-4:before { + content: "\E06A"; } + +.icon-chevron-up-0:before { + content: "\E06B"; } + +.icon-chevron-up-1:before { + content: "\E06C"; } + +.icon-chevron-up-2:before { + content: "\E06D"; } + +.icon-chevron-up-3:before { + content: "\E06E"; } + +.icon-chevron-up-4:before { + content: "\E06F"; } + +.icon-circle-0:before { + content: "\E070"; } + +.icon-circle-1:before { + content: "\E071"; } + +.icon-circle-2:before { + content: "\E072"; } + +.icon-circle-3:before { + content: "\E073"; } + +.icon-circle-4:before { + content: "\E074"; } + +.icon-circle-check:before { + content: "\E075"; } + +.icon-circle-down:before { + content: "\E076"; } + +.icon-circle-exclude:before { + content: "\E077"; } + +.icon-circle-info:before { + content: "\E078"; } + +.icon-circle-intersect:before { + content: "\E079"; } + +.icon-circle-left:before { + content: "\E07A"; } + +.icon-circle-minus:before { + content: "\E07B"; } + +.icon-circle-plus:before { + content: "\E07C"; } + +.icon-circle-question:before { + content: "\E07D"; } + +.icon-circle-remove:before { + content: "\E07E"; } + +.icon-circle-right:before { + content: "\E07F"; } + +.icon-circle-subtract:before { + content: "\E080"; } + +.icon-circle-unite:before { + content: "\E081"; } + +.icon-circle-up:before { + content: "\E082"; } + +.icon-circle-warning:before { + content: "\E083"; } + +.icon-clock:before { + content: "\E084"; } + +.icon-cloud-down:before { + content: "\E085"; } + +.icon-cloud-upload:before { + content: "\E086"; } + +.icon-cluster:before { + content: "\E087"; } + +.icon-cogwheel:before { + content: "\E088"; } + +.icon-columns:before { + content: "\E089"; } + +.icon-columns-3:before { + content: "\E08A"; } + +.icon-compass:before { + content: "\E08B"; } + +.icon-compass-east:before { + content: "\E08C"; } + +.icon-compass-north:before { + content: "\E08D"; } + +.icon-compass-north-east:before { + content: "\E08E"; } + +.icon-compass-north-west:before { + content: "\E08F"; } + +.icon-compass-south:before { + content: "\E090"; } + +.icon-compass-south-east:before { + content: "\E091"; } + +.icon-compass-south-west:before { + content: "\E092"; } + +.icon-compass-west:before { + content: "\E093"; } + +.icon-contrast:before { + content: "\E094"; } + +.icon-controls-backward:before { + content: "\E095"; } + +.icon-controls-eject:before { + content: "\E096"; } + +.icon-controls-fast-backward:before { + content: "\E097"; } + +.icon-controls-fast-forward:before { + content: "\E098"; } + +.icon-controls-forward:before { + content: "\E099"; } + +.icon-controls-pause:before { + content: "\E09A"; } + +.icon-controls-play:before { + content: "\E09B"; } + +.icon-controls-stop:before { + content: "\E09C"; } + +.icon-couple:before { + content: "\E09D"; } + +.icon-creditcard:before { + content: "\E09E"; } + +.icon-cross-0:before { + content: "\E09F"; } + +.icon-cross-1:before { + content: "\E0A0"; } + +.icon-cross-2:before { + content: "\E0A1"; } + +.icon-cross-3:before { + content: "\E0A2"; } + +.icon-cross-4:before { + content: "\E0A3"; } + +.icon-cross-hair:before { + content: "\E0A4"; } + +.icon-cullumn-spacing:before { + content: "\E0A5"; } + +.icon-currency-dollar:before { + content: "\E0A6"; } + +.icon-currency-pound:before { + content: "\E0A7"; } + +.icon-cursor-text:before { + content: "\E0A8"; } + +.icon-cursor-text-frame:before { + content: "\E0A9"; } + +.icon-curved-arrow:before { + content: "\E0AA"; } + +.icon-cuttlery:before { + content: "\E0AB"; } + +.icon-dashboard:before { + content: "\E0AC"; } + +.icon-device-desktop:before { + content: "\E0AD"; } + +.icon-device-mobile:before { + content: "\E0AE"; } + +.icon-device-mobile-down:before { + content: "\E0AF"; } + +.icon-device-mobile-transfer:before { + content: "\E0B0"; } + +.icon-device-mobile-up:before { + content: "\E0B1"; } + +.icon-device-mp3:before { + content: "\E0B2"; } + +.icon-device-notebook:before { + content: "\E0B3"; } + +.icon-device-tablet:before { + content: "\E0B4"; } + +.icon-directions-axis:before { + content: "\E0B5"; } + +.icon-directions-omni:before { + content: "\E0B6"; } + +.icon-directions-seperate:before { + content: "\E0B7"; } + +.icon-distribute-horizontal:before { + content: "\E0B8"; } + +.icon-distribute-vertical:before { + content: "\E0B9"; } + +.icon-download:before { + content: "\E0BA"; } + +.icon-duplicate:before { + content: "\E0BB"; } + +.icon-duplicate-alt:before { + content: "\E0BC"; } + +.icon-edge-bottom:before { + content: "\E0BD"; } + +.icon-edge-left:before { + content: "\E0BE"; } + +.icon-edge-right:before { + content: "\E0BF"; } + +.icon-edge-top:before { + content: "\E0C0"; } + +.icon-ellipse-horizontal:before { + content: "\E0C1"; } + +.icon-ellipse-vertical:before { + content: "\E0C2"; } + +.icon-embed:before { + content: "\E0C3"; } + +.icon-embed-alt:before { + content: "\E0C4"; } + +.icon-emote-1:before { + content: "\E0C5"; } + +.icon-emote-2:before { + content: "\E0C6"; } + +.icon-emote-3:before { + content: "\E0C7"; } + +.icon-emote-4:before { + content: "\E0C8"; } + +.icon-emote-big-smile:before { + content: "\E0C9"; } + +.icon-emote-only-happy:before { + content: "\E0CA"; } + +.icon-emote-sad:before { + content: "\E0CB"; } + +.icon-emote-smile:before { + content: "\E0CC"; } + +.icon-emote-tongue:before { + content: "\E0CD"; } + +.icon-escape:before { + content: "\E0CE"; } + +.icon-eye-closed:before { + content: "\E0CF"; } + +.icon-eye-open:before { + content: "\E0D0"; } + +.icon-feather:before { + content: "\E0D1"; } + +.icon-female:before { + content: "\E0D2"; } + +.icon-female-afro:before { + content: "\E0D3"; } + +.icon-female-bun:before { + content: "\E0D4"; } + +.icon-female-emo:before { + content: "\E0D5"; } + +.icon-female-long-hair:before { + content: "\E0D6"; } + +.icon-female-moslem:before { + content: "\E0D7"; } + +.icon-female-pigtails:before { + content: "\E0D8"; } + +.icon-female-pigtails-alt:before { + content: "\E0D9"; } + +.icon-female-user:before { + content: "\E0DA"; } + +.icon-fetch:before { + content: "\E0DB"; } + +.icon-file-check:before { + content: "\E0DC"; } + +.icon-file-edit:before { + content: "\E0DD"; } + +.icon-file-share:before { + content: "\E0DE"; } + +.icon-fit-to:before { + content: "\E0DF"; } + +.icon-flag:before { + content: "\E0E0"; } + +.icon-flip-down:before { + content: "\E0E1"; } + +.icon-flip-left:before { + content: "\E0E2"; } + +.icon-flip-right:before { + content: "\E0E3"; } + +.icon-flip-up:before { + content: "\E0E4"; } + +.icon-floppydisk:before { + content: "\E0E5"; } + +.icon-flow:before { + content: "\E0E6"; } + +.icon-folder:before, #folder-grid .item.folder-up:before, +#folder-grid .item.folder .item-type:before { + content: "\E0E7"; } + +.icon-folder-down:before { + content: "\E0E8"; } + +.icon-folder-favorites:before { + content: "\E0E9"; } + +.icon-folder-flagged:before { + content: "\E0EA"; } + +.icon-folder-leave:before { + content: "\E0EB"; } + +.icon-folder-locked:before { + content: "\E0EC"; } + +.icon-folder-minus:before { + content: "\E0ED"; } + +.icon-folder-open:before { + content: "\E0EE"; } + +.icon-folder-open-2:before { + content: "\E0EF"; } + +.icon-folder-plus:before { + content: "\E0F0"; } + +.icon-folder-remove:before { + content: "\E0F1"; } + +.icon-folder-shared:before { + content: "\E0F2"; } + +.icon-folder-up:before { + content: "\E0F3"; } + +.icon-form-exclude:before { + content: "\E0F4"; } + +.icon-form-intersect:before { + content: "\E0F5"; } + +.icon-form-subtract:before { + content: "\E0F6"; } + +.icon-form-unite:before { + content: "\E0F7"; } + +.icon-full-screen:before { + content: "\E0F8"; } + +.icon-fullscreen-off:before { + content: "\E0F9"; } + +.icon-fullscreen-on:before { + content: "\E0FA"; } + +.icon-globe:before { + content: "\E0FB"; } + +.icon-grid:before { + content: "\E0FC"; } + +.icon-grid-free:before { + content: "\E0FD"; } + +.icon-grid-small:before { + content: "\E0FE"; } + +.icon-group:before { + content: "\E0FF"; } + +.icon-handle:before { + content: "\E100"; } + +.icon-harddrive:before { + content: "\E101"; } + +.icon-heading:before { + content: "\E102"; } + +.icon-headphones:before { + content: "\E103"; } + +.icon-heart:before { + content: "\E104"; } + +.icon-heart-hollow:before { + content: "\E105"; } + +.icon-history:before { + content: "\E106"; } + +.icon-home:before { + content: "\E107"; } + +.icon-human:before { + content: "\E108"; } + +.icon-inbox:before { + content: "\E109"; } + +.icon-info:before { + content: "\E10A"; } + +.icon-input-checkbox:before { + content: "\E10B"; } + +.icon-input-checkbox-checked:before, .checkbox.checked:before, .checkbox:hover:before, .checkbox:active:before { + content: "\E10C"; } + +.icon-input-radio:before, .radio:before, +.checkbox:before { + content: "\E10D"; } + +.icon-input-radio-checked:before, .radio.checked:before, .radio:hover:before, .radio:active:before { + content: "\E10E"; } + +.icon-leave:before { + content: "\E10F"; } + +.icon-lightbulb:before { + content: "\E110"; } + +.icon-line-0:before { + content: "\E111"; } + +.icon-line-1:before { + content: "\E112"; } + +.icon-line-2:before { + content: "\E113"; } + +.icon-line-3:before { + content: "\E114"; } + +.icon-line-4:before { + content: "\E115"; } + +.icon-line-half-0:before { + content: "\E116"; } + +.icon-line-half-1:before { + content: "\E117"; } + +.icon-line-half-2:before { + content: "\E118"; } + +.icon-line-half-3:before { + content: "\E119"; } + +.icon-line-half-4:before { + content: "\E11A"; } + +.icon-lines:before { + content: "\E11B"; } + +.icon-link:before { + content: "\E11C"; } + +.icon-link-closed:before { + content: "\E11D"; } + +.icon-link-closed-alt:before { + content: "\E11E"; } + +.icon-link-open:before { + content: "\E11F"; } + +.icon-link-open-alt:before { + content: "\E120"; } + +.icon-list:before { + content: "\E121"; } + +.icon-location:before { + content: "\E122"; } + +.icon-lock-closed:before { + content: "\E123"; } + +.icon-lock-open:before { + content: "\E124"; } + +.icon-login:before { + content: "\E125"; } + +.icon-logout:before { + content: "\E126"; } + +.icon-loop:before { + content: "\E127"; } + +.icon-magnet:before { + content: "\E128"; } + +.icon-mail:before { + content: "\E129"; } + +.icon-male:before { + content: "\E12A"; } + +.icon-male-add:before { + content: "\E12B"; } + +.icon-male-afro:before { + content: "\E12C"; } + +.icon-male-business:before { + content: "\E12D"; } + +.icon-male-cool:before { + content: "\E12E"; } + +.icon-male-emo:before { + content: "\E12F"; } + +.icon-male-flathat:before { + content: "\E130"; } + +.icon-male-gentleman:before { + content: "\E131"; } + +.icon-male-hoodie:before { + content: "\E132"; } + +.icon-male-jew:before { + content: "\E133"; } + +.icon-male-monk:before { + content: "\E134"; } + +.icon-male-moslem:before { + content: "\E135"; } + +.icon-male-mustache:before { + content: "\E136"; } + +.icon-male-punk:before { + content: "\E137"; } + +.icon-male-remove:before { + content: "\E138"; } + +.icon-male-scuba:before { + content: "\E139"; } + +.icon-male-soldier:before { + content: "\E13A"; } + +.icon-male-techno:before { + content: "\E13B"; } + +.icon-male-user:before { + content: "\E13C"; } + +.icon-megaphone:before { + content: "\E13D"; } + +.icon-menu:before { + content: "\E13E"; } + +.icon-menu-2:before { + content: "\E13F"; } + +.icon-message:before { + content: "\E140"; } + +.icon-message-add:before { + content: "\E141"; } + +.icon-message-blank:before { + content: "\E142"; } + +.icon-messages:before { + content: "\E143"; } + +.icon-microphone-off:before { + content: "\E144"; } + +.icon-mirror-horizontal:before { + content: "\E145"; } + +.icon-mirror-horizontal-alt:before { + content: "\E146"; } + +.icon-mirror-vertical:before { + content: "\E147"; } + +.icon-mirror-vertical-alt:before { + content: "\E148"; } + +.icon-moon-first-quarter:before { + content: "\E149"; } + +.icon-moon-full:before { + content: "\E14A"; } + +.icon-moon-new:before { + content: "\E14B"; } + +.icon-moon-third-quarter:before { + content: "\E14C"; } + +.icon-moon-waning-crescent:before { + content: "\E14D"; } + +.icon-moon-waning-gibbous:before { + content: "\E14E"; } + +.icon-moon-waxing-crescent:before { + content: "\E14F"; } + +.icon-moon-waxing-gibbous:before { + content: "\E150"; } + +.icon-move:before { + content: "\E151"; } + +.icon-move-down:before { + content: "\E152"; } + +.icon-move-left:before { + content: "\E153"; } + +.icon-move-right:before { + content: "\E154"; } + +.icon-move-up:before { + content: "\E155"; } + +.icon-movie:before { + content: "\E156"; } + +.icon-music-note:before { + content: "\E157"; } + +.icon-music-upload:before { + content: "\E158"; } + +.icon-newspaper-alt:before { + content: "\E159"; } + +.icon-padding:before { + content: "\E15A"; } + +.icon-padding-bottom:before { + content: "\E15B"; } + +.icon-padding-left:before { + content: "\E15C"; } + +.icon-padding-right:before { + content: "\E15D"; } + +.icon-padding-top:before { + content: "\E15E"; } + +.icon-page-horizontal:before, #folder-grid .item.space .item-type:before { + content: "\E15F"; } + +.icon-page-horizontal-down:before { + content: "\E160"; } + +.icon-page-horizontal-flag:before { + content: "\E161"; } + +.icon-page-horizontal-locked:before { + content: "\E162"; } + +.icon-page-horizontal-minus:before { + content: "\E163"; } + +.icon-page-horizontal-plus:before { + content: "\E164"; } + +.icon-page-horizontal-remove:before { + content: "\E165"; } + +.icon-page-horizontal-up:before { + content: "\E166"; } + +.icon-page-vert:before { + content: "\E167"; } + +.icon-page-vertical-double:before { + content: "\E168"; } + +.icon-page-vertical-down:before { + content: "\E169"; } + +.icon-page-vertical-flag:before { + content: "\E16A"; } + +.icon-page-vertical-image:before { + content: "\E16B"; } + +.icon-page-vertical-locked:before { + content: "\E16C"; } + +.icon-page-vertical-minus:before { + content: "\E16D"; } + +.icon-page-vertical-plus:before { + content: "\E16E"; } + +.icon-page-vertical-remove:before { + content: "\E16F"; } + +.icon-page-vertical-table:before { + content: "\E170"; } + +.icon-page-vertical-text:before { + content: "\E171"; } + +.icon-page-vertical-up:before { + content: "\E172"; } + +.icon-palette:before { + content: "\E173"; } + +.icon-palette-alt:before { + content: "\E174"; } + +.icon-paperplane:before { + content: "\E175"; } + +.icon-photofilm:before { + content: "\E176"; } + +.icon-picture:before { + content: "\E177"; } + +.icon-picture-landscape:before { + content: "\E178"; } + +.icon-picture-portrait:before { + content: "\E179"; } + +.icon-picture-upload:before { + content: "\E17A"; } + +.icon-pictures:before { + content: "\E17B"; } + +.icon-pin:before { + content: "\E17C"; } + +.icon-planet:before { + content: "\E001"; } + +.icon-point:before { + content: "\E17D"; } + +.icon-pointing-down:before { + content: "\E17E"; } + +.icon-pointing-left:before { + content: "\E17F"; } + +.icon-pointing-right:before { + content: "\E180"; } + +.icon-pointing-up:before { + content: "\E181"; } + +.icon-postcard:before { + content: "\E182"; } + +.icon-power-off:before { + content: "\E183"; } + +.icon-present:before { + content: "\E184"; } + +.icon-presentation:before { + content: "\E185"; } + +.icon-printer:before { + content: "\E186"; } + +.icon-pull:before { + content: "\E187"; } + +.icon-push:before { + content: "\E188"; } + +.icon-qr-code:before { + content: "\E189"; } + +.icon-quote:before { + content: "\E18A"; } + +.icon-radio-black:before { + content: "\E18B"; } + +.icon-random:before { + content: "\E18C"; } + +.icon-record:before { + content: "\E18D"; } + +.icon-redo:before { + content: "\E18E"; } + +.icon-resize-full:before { + content: "\E18F"; } + +.icon-resize-small:before { + content: "\E190"; } + +.icon-retweet:before { + content: "\E191"; } + +.icon-rings:before { + content: "\E192"; } + +.icon-road:before { + content: "\E193"; } + +.icon-rotate:before { + content: "\E194"; } + +.icon-rotate-2:before { + content: "\E195"; } + +.icon-rotate-3:before { + content: "\E196"; } + +.icon-rotate-left:before { + content: "\E197"; } + +.icon-rotate-right:before { + content: "\E198"; } + +.icon-rss:before { + content: "\E199"; } + +.icon-search:before { + content: "\E000"; } + +.icon-section-alt:before { + content: "\E19A"; } + +.icon-section-alt-2:before { + content: "\E19B"; } + +.icon-section-edit:before { + content: "\E19C"; } + +.icon-selection:before { + content: "\E19D"; } + +.icon-selection-circle:before { + content: "\E19E"; } + +.icon-selection-circle-strong:before { + content: "\E19F"; } + +.icon-selection-square:before { + content: "\E1A0"; } + +.icon-selection-square-strong:before { + content: "\E1A1"; } + +.icon-server:before { + content: "\E1A2"; } + +.icon-shape-bubble:before { + content: "\E1A3"; } + +.icon-shape-burst:before { + content: "\E1A4"; } + +.icon-shape-circle:before { + content: "\E1A5"; } + +.icon-shape-cloud:before { + content: "\E1A6"; } + +.icon-shape-cross:before { + content: "\E1A7"; } + +.icon-shape-heart:before { + content: "\E1A8"; } + +.icon-shape-hexagon:before { + content: "\E1A9"; } + +.icon-shape-octagon:before { + content: "\E1AA"; } + +.icon-shape-pentagon:before { + content: "\E1AB"; } + +.icon-shape-plus:before { + content: "\E1AC"; } + +.icon-shape-square:before { + content: "\E1AD"; } + +.icon-shape-star:before { + content: "\E1AE"; } + +.icon-shape-triangle:before { + content: "\E1AF"; } + +.icon-shapes:before { + content: "\E1B0"; } + +.icon-share:before { + content: "\E1B1"; } + +.icon-shopping-cart:before { + content: "\E1B2"; } + +.icon-signal:before { + content: "\E1B3"; } + +.icon-signal-alt:before { + content: "\E1B4"; } + +.icon-size:before { + content: "\E1B5"; } + +.icon-size-both:before { + content: "\E1B6"; } + +.icon-size-horizontal:before { + content: "\E1B7"; } + +.icon-size-vertical:before { + content: "\E1B8"; } + +.icon-social-dribbble:before { + content: "\E1B9"; } + +.icon-social-dropbox:before { + content: "\E1BA"; } + +.icon-social-facebook:before { + content: "\E1BB"; } + +.icon-social-flickr:before { + content: "\E1BC"; } + +.icon-social-google:before { + content: "\E1BD"; } + +.icon-social-soundcloud:before { + content: "\E002"; } + +.icon-social-square-dribbble:before { + content: "\E1BE"; } + +.icon-social-square-dropbox:before { + content: "\E1BF"; } + +.icon-social-square-facebook:before { + content: "\E1C0"; } + +.icon-social-square-flickr:before { + content: "\E1C1"; } + +.icon-social-square-google:before { + content: "\E1C2"; } + +.icon-social-square-soundcloud:before { + content: "\E003"; } + +.icon-social-square-tumblr:before { + content: "\E1C3"; } + +.icon-social-square-twitter:before { + content: "\E1C4"; } + +.icon-social-square-vimeo:before { + content: "\E1C5"; } + +.icon-social-square-vine:before { + content: "\E1C6"; } + +.icon-social-square-youtube:before { + content: "\E1C7"; } + +.icon-social-tumblr:before { + content: "\E1C8"; } + +.icon-social-twitter:before { + content: "\E1C9"; } + +.icon-social-vimeo:before { + content: "\E1CA"; } + +.icon-social-vine:before { + content: "\E1CB"; } + +.icon-social-youtube:before { + content: "\E1CC"; } + +.icon-sort-alphabetical-ascending:before { + content: "\E1CD"; } + +.icon-sort-alphabetical-descending:before { + content: "\E1CE"; } + +.icon-sort-ascending:before { + content: "\E1CF"; } + +.icon-sort-descending:before { + content: "\E1D0"; } + +.icon-sort-numerical-ascending:before { + content: "\E1D1"; } + +.icon-sort-numerical-descending:before { + content: "\E1D2"; } + +.icon-sorting:before { + content: "\E1D3"; } + +.icon-sorting-ascending:before { + content: "\E1D4"; } + +.icon-sorting-descending:before { + content: "\E1D5"; } + +.icon-sound-5-1:before { + content: "\E1D6"; } + +.icon-sound-6-1:before { + content: "\E1D7"; } + +.icon-sound-7-1:before { + content: "\E1D8"; } + +.icon-sound-dolby:before { + content: "\E1D9"; } + +.icon-sound-full:before { + content: "\E1DA"; } + +.icon-sound-off:before { + content: "\E1DB"; } + +.icon-sound-silent:before { + content: "\E1DC"; } + +.icon-sound-stereo:before { + content: "\E1DD"; } + +.icon-space-horizontal:before { + content: "\E1DE"; } + +.icon-space-shared:before { + content: "\E1DF"; } + +.icon-space-vertical:before { + content: "\E1E0"; } + +.icon-spacedeck-logo:before { + content: "\E1E1"; } + +.icon-spacing-horizontal:before { + content: "\E1E2"; } + +.icon-spacing-vertical:before { + content: "\E1E3"; } + +.icon-square-down:before { + content: "\E1E4"; } + +.icon-square-left:before { + content: "\E1E5"; } + +.icon-square-right:before { + content: "\E1E6"; } + +.icon-square-up:before { + content: "\E1E7"; } + +.icon-stack-3d:before { + content: "\E1E8"; } + +.icon-stack-3d-bottom:before { + content: "\E1E9"; } + +.icon-stack-3d-top:before { + content: "\E1EA"; } + +.icon-stack-bottom:before { + content: "\E1EB"; } + +.icon-stack-down:before { + content: "\E1EC"; } + +.icon-stack-top:before { + content: "\E1ED"; } + +.icon-stack-up:before { + content: "\E1EE"; } + +.icon-star:before { + content: "\E1EF"; } + +.icon-star-hollow:before { + content: "\E1F0"; } + +.icon-stash-apply:before { + content: "\E1F1"; } + +.icon-stash-save:before { + content: "\E1F2"; } + +.icon-statistic:before { + content: "\E1F3"; } + +.icon-step-backward:before { + content: "\E1F4"; } + +.icon-step-forward:before { + content: "\E1F5"; } + +.icon-stroke-weight:before { + content: "\E1F6"; } + +.icon-subtitles:before { + content: "\E1F7"; } + +.icon-suitcase:before { + content: "\E1F8"; } + +.icon-table:before { + content: "\E1F9"; } + +.icon-tag:before { + content: "\E1FA"; } + +.icon-tags:before { + content: "\E1FB"; } + +.icon-text-align-center:before { + content: "\E1FC"; } + +.icon-text-align-center-alt:before { + content: "\E1FD"; } + +.icon-text-align-justify:before { + content: "\E1FE"; } + +.icon-text-align-justify-alt:before { + content: "\E1FF"; } + +.icon-text-align-left:before { + content: "\E200"; } + +.icon-text-align-left-alt:before { + content: "\E201"; } + +.icon-text-align-right:before { + content: "\E202"; } + +.icon-text-align-right-alt:before { + content: "\E203"; } + +.icon-text-allcaps:before { + content: "\E204"; } + +.icon-text-bold:before { + content: "\E205"; } + +.icon-text-frame:before { + content: "\E206"; } + +.icon-text-indent:before { + content: "\E207"; } + +.icon-text-italic:before { + content: "\E208"; } + +.icon-text-list:before { + content: "\E209"; } + +.icon-text-list-alphabetical:before { + content: "\E20A"; } + +.icon-text-list-alt:before { + content: "\E20B"; } + +.icon-text-list-bullet:before { + content: "\E20C"; } + +.icon-text-list-numbered:before { + content: "\E20D"; } + +.icon-text-normal:before { + content: "\E20E"; } + +.icon-text-remove-format:before { + content: "\E20F"; } + +.icon-text-roman:before { + content: "\E210"; } + +.icon-text-size:before { + content: "\E211"; } + +.icon-text-strike:before { + content: "\E212"; } + +.icon-text-styles:before { + content: "\E213"; } + +.icon-text-sub:before { + content: "\E214"; } + +.icon-text-super:before { + content: "\E215"; } + +.icon-text-typeface:before { + content: "\E216"; } + +.icon-text-underline:before { + content: "\E217"; } + +.icon-text-unindent:before { + content: "\E218"; } + +.icon-text-uppercase:before { + content: "\E219"; } + +.icon-text-width:before { + content: "\E21A"; } + +.icon-thumbs-down:before { + content: "\E21B"; } + +.icon-thumbs-up:before { + content: "\E21C"; } + +.icon-tint:before { + content: "\E21D"; } + +.icon-tint-hollow:before { + content: "\E21E"; } + +.icon-tint-none:before { + content: "\E21F"; } + +.icon-tool-arrow:before { + content: "\E220"; } + +.icon-tool-circle:before { + content: "\E221"; } + +.icon-tool-crop:before { + content: "\E222"; } + +.icon-tool-draw:before { + content: "\E223"; } + +.icon-tool-erase:before { + content: "\E224"; } + +.icon-tool-eyedrop:before { + content: "\E225"; } + +.icon-tool-fill:before { + content: "\E226"; } + +.icon-tool-hand:before { + content: "\E227"; } + +.icon-tool-library:before { + content: "\E228"; } + +.icon-tool-line:before { + content: "\E229"; } + +.icon-tool-magic-wand:before { + content: "\E22A"; } + +.icon-tool-pointer:before { + content: "\E22B"; } + +.icon-tool-rectangle:before { + content: "\E22C"; } + +.icon-tool-scribble:before { + content: "\E22D"; } + +.icon-tool-stroke:before { + content: "\E22E"; } + +.icon-tool-text:before { + content: "\E22F"; } + +.icon-tool-text-alt:before { + content: "\E230"; } + +.icon-tool-zone:before { + content: "\E231"; } + +.icon-tool-zones:before { + content: "\E232"; } + +.icon-transfer:before { + content: "\E233"; } + +.icon-trash:before { + content: "\E234"; } + +.icon-tree-conifer:before { + content: "\E235"; } + +.icon-tree-deciduous:before { + content: "\E236"; } + +.icon-triangle-0:before { + content: "\E237"; } + +.icon-triangle-0-bottom:before { + content: "\E238"; } + +.icon-triangle-0-left:before { + content: "\E239"; } + +.icon-triangle-0-right:before { + content: "\E23A"; } + +.icon-triangle-0-top:before { + content: "\E23B"; } + +.icon-triangle-1:before { + content: "\E23C"; } + +.icon-triangle-1-bottom:before { + content: "\E23D"; } + +.icon-triangle-1-left:before { + content: "\E23E"; } + +.icon-triangle-1-right:before { + content: "\E23F"; } + +.icon-triangle-1-top:before { + content: "\E240"; } + +.icon-triangle-2:before { + content: "\E241"; } + +.icon-triangle-2-bottom:before { + content: "\E242"; } + +.icon-triangle-2-left:before { + content: "\E243"; } + +.icon-triangle-2-right:before { + content: "\E244"; } + +.icon-triangle-2-top:before { + content: "\E245"; } + +.icon-triangle-3:before { + content: "\E246"; } + +.icon-triangle-3-bottom:before, .btn.btn-dropdown:before { + content: "\E247"; } + +.icon-triangle-3-left:before { + content: "\E248"; } + +.icon-triangle-3-right:before { + content: "\E249"; } + +.icon-triangle-3-top:before { + content: "\E24A"; } + +.icon-triangle-4:before { + content: "\E24B"; } + +.icon-triangle-4-bottom:before { + content: "\E24C"; } + +.icon-triangle-4-left:before { + content: "\E24D"; } + +.icon-triangle-4-right:before { + content: "\E24E"; } + +.icon-triangle-4-top:before { + content: "\E24F"; } + +.icon-triangle-down:before { + content: "\E250"; } + +.icon-triangle-left:before, .btn-prev:before { + content: "\E251"; } + +.icon-triangle-right:before, .btn-next:before { + content: "\E252"; } + +.icon-triangle-up:before { + content: "\E253"; } + +.icon-triangles-horizontal:before { + content: "\E254"; } + +.icon-triangles-vertical:before { + content: "\E255"; } + +.icon-undo:before { + content: "\E256"; } + +.icon-ungroup:before { + content: "\E257"; } + +.icon-uniE000:before { + content: "\E258"; } + +.icon-upload:before { + content: "\E259"; } + +.icon-upload-alt:before { + content: "\E25A"; } + +.icon-user:before { + content: "\E25B"; } + +.icon-user-add:before { + content: "\E25C"; } + +.icon-user-group:before { + content: "\E25D"; } + +.icon-user-group-2:before { + content: "\E25E"; } + +.icon-user-group-3:before { + content: "\E25F"; } + +.icon-user-group-gentlemen:before { + content: "\E260"; } + +.icon-user-minus:before { + content: "\E261"; } + +.icon-user-remove:before { + content: "\E262"; } + +.icon-video-camera:before { + content: "\E263"; } + +.icon-video-camera-off:before { + content: "\E264"; } + +.icon-video-hd:before { + content: "\E265"; } + +.icon-video-sd:before { + content: "\E266"; } + +.icon-video-upload:before { + content: "\E267"; } + +.icon-vinyl:before { + content: "\E268"; } + +.icon-warning:before { + content: "\E269"; } + +.icon-wifi:before { + content: "\E26A"; } + +.icon-window:before { + content: "\E26B"; } + +.icon-window-new:before { + content: "\E26C"; } + +.icon-window-new-alt:before { + content: "\E26D"; } + +.icon-zone:before { + content: "\E26E"; } + +.icon-zone-edit:before { + content: "\E26F"; } + +.icon-zoom:before { + content: "\E270"; } + +.icon-zoom-in:before { + content: "\E271"; } + +.icon-zoom-out:before { + content: "\E272"; } + +.icon-helper-bar:before { + content: "\E273"; } + +.icon-helper-needle:before { + content: "\E274"; } + +.icon-helper-screen:before { + content: "\E275"; } + +@-webkit-keyframes appear { + 0% { + opacity: 0; } + 30% { + opacity: 0; } + 100% { + opacity: 1; } } + +.avatar { + background-color: #3d9ee9; + font-family: Avenir W01; + color: white; + display: inline-block; + height: 30px; + width: 30px; + line-height: 30px; + text-align: center; + border-radius: 3px; + background-size: cover; + background-position: center; } + +#user-root { + margin-left: 5px !important; + padding: 0px !important; } + #user-root .btn { + margin-right: 10px; } + +#sidebar.folder-sidebar { + background-color: white !important; } + +#folder-search { + width: 200px; } + +#folder-breadcrumb { + vertical-align: middle; + padding: 20px; + font-size: 0px; + padding-bottom: 30px; } + #folder-breadcrumb .btn { + padding-left: 0; } + #folder-breadcrumb .btn .btn-icon { + position: relative; + top: -3px; + margin-right: 7px; + margin-left: 5px; } + #folder-breadcrumb .seperator { + padding-left: 10px; + opacity: 0.5; } + +#folder-filter { + display: inline-block; + vertical-align: middle; + list-style: none; + padding: 0; + margin: 0; + padding-right: 20px; } + #folder-filter li { + display: inline-block; + line-height: 44px; } + #folder-filter li.active span { + color: #f5f5f5; } + #folder-filter li span { + color: #888; + display: inline-block; + cursor: pointer; + line-height: 44px; + font-size: 15px; + padding: 0 5px; } + +#folder { + position: absolute; + height: 100%; + width: 100%; + right: 0px; + left: 0px; + top: 0px; + bottom: 0px; + z-index: 1000; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } + #folder:before, #folder:after { + content: " "; + display: table; } + #folder:after { + clear: both; } + +#folder-empty { + top: 0; + left: 0; + pointer-events: none; + position: absolute; + display: table; + height: 100%; + width: 100%; } + #folder-empty > div { + display: table-cell; + vertical-align: middle; + text-align: center; + padding: 40px; } + #folder-empty > div .wrapper { + height: auto; + min-height: 0; } + #folder-empty > div p { + border-radius: 100px; + font-size: 18px; + line-height: 24px; + display: block; + color: #888; } + +#folder-table { + margin-bottom: 40px; + width: auto; } + #folder-table td { + position: relative; } + #folder-table .dropdown { + position: static; + z-index: initial; } + #folder-table .folder .icon { + color: #f1c40f; + opacity: 1; } + #folder-table .item-title { + width: 100%; } + #folder-table .item-title a { + display: inline-block; + height: 70px; + line-height: 70px; + width: 100%; } + #folder-table .item-title > .icon { + margin-left: -15px; } + #folder-table td.item-type { + width: 1%; + text-transform: capitalize; } + #folder-table .item-date { + text-align: right; + width: 1%; } + #folder-table .item-action { + width: 1%; + padding-left: 0px; + padding-right: 30px; } + #folder-table .fav-toggle { + z-index: 500; + margin-right: -60px; + -webkit-transition: all 0.125s ease-in-out; + transition: all 0.125s ease-in-out; } + #folder-table .fav-toggle .icon { + left: 0px; + top: 0px; + line-height: 60px; + font-size: 13px; + position: absolute; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: all 0.125s ease-in-out; + transition: all 0.125s ease-in-out; + opacity: 0.25; + filter: alpha(opacity=25); } + #folder-table .fav-toggle:hover { + margin-right: -12px; } + #folder-table .fav-toggle:hover .icon { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + +#folder-header { + background-color: rgba(41, 41, 41, 0.95); + background-color: rgba(245, 245, 245, 0.95); } + +#folder-wrapper { + padding-top: 64px; } + +#folder-grid, +#folder-header { + width: 100%; + margin: auto; } + +#folder-grid .item { + float: left; + width: 100%; } + @media screen and (min-width: 640px) { + #folder-grid .item { + width: 50%; } } + @media screen and (min-width: 800px) { + #folder-grid .item { + width: 33.333333%; } } + @media screen and (min-width: 1000px) { + #folder-grid .item { + width: 25%; } } + @media screen and (min-width: 1200px) { + #folder-grid .item { + width: 20%; } } + +@media screen and (max-width: 900px) { + .compact-hidden { + display: none; } } + +#folder-grid { + padding-bottom: 20px; + padding-left: 20px; + padding-right: 20px; + position: relative; + z-index: 400; + text-align: left; + width: 100%; + margin: auto; } + #folder-grid:before, #folder-grid:after { + content: " "; + display: table; } + #folder-grid:after { + clear: both; } + #folder-grid .item { + box-shadow: 0 0 1pxrgba 0, 0, 0, 0.1; + display: inline-block; + text-align: left; + padding-right: 40px; + padding-bottom: 40px; + margin-bottom: 20px; + position: relative; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + cursor: pointer; } + #folder-grid .item .folder-drop { + display: none; } + #folder-grid .item.appear > a, + #folder-grid .item.creating > a { + opacity: 0; + -webkit-animation: appear 0.25s ease-out 0.05s; + -moz-animation: appear 0.25s ease-out 0.05s; + -ms-animation: appear 0.25s ease-out 0.05s; + -o-animation: appear 0.25s ease-out 0.05s; + animation: appear 0.25s ease-out 0.05s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -ms-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; } + #folder-grid .item.deleting > a { + -webkit-animation: disappear 0.25s ease-out 0.05s; + -moz-animation: disappear 0.25s ease-out 0.05s; + -ms-animation: disappear 0.25s ease-out 0.05s; + -o-animation: disappear 0.25s ease-out 0.05s; + animation: disappear 0.25s ease-out 0.05s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + -ms-animation-fill-mode: forwards; + -o-animation-fill-mode: forwards; + animation-fill-mode: forwards; } + #folder-grid .item.tag-important > a { + background-color: #f1c40f; } + #folder-grid .item.renaming > a { + background-color: #3d9ee9 !important; + color: white !important; } + #folder-grid .item.dropping .folder-drop { + display: block; } + #folder-grid .item.folder button { + color: black; } + #folder-grid .item.folder > a { + top: 0px; + background-color: #3d9ee9; } + #folder-grid .item.folder > a:after { + content: ""; + height: 6px; + left: 6px; + position: absolute; + right: 6px; + top: -6px; + border-top-left-radius: 6px; + border-top-right-radius: 6px; + display: block; + background-color: #2664b7; } + #folder-grid .item.folder > a .item-thumbnail { + bottom: 0px; + z-index: 1; } + #folder-grid .item.folder > a .item-title { + background-color: transparent; + color: #f5f5f5; } + #folder-grid .item.folder > a .item-title:before { + content: ""; + display: block; + width: 100%; + height: 100px; + background-color: #292929; + position: absolute; + bottom: 2px; + -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.1))); + background-color: black; + pointer-events: none; } + #folder-grid .item.favorite .fav-toggle { + margin-right: -12px; } + #folder-grid .item.favorite .fav-toggle .icon { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + opacity: 1; + filter: alpha(opacity=100); } + #folder-grid .item .item-type:before { + font-size: 20px; + height: 60px; + width: 60px; + display: inline-block; + font-family: 'icon'; + text-align: center; + font-style: normal; + font-weight: normal; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-transition: all 0s 0s ease-in-out; + transition: all 0s 0s ease-in-out; + font-size: 14px; + height: 32px; + width: 32px; + line-height: 32px; + top: -6px; + left: -6px; } + #folder-grid .item .item-type:before:after, #folder-grid .item .item-type:before:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + height: 60px; + width: 60px; + line-height: 60px; + text-align: center; + left: 0px; + top: 0px; } + #folder-grid .item .item-type:before:hover { + text-decoration: none; } + #folder-grid .item .item-type:before:after, #folder-grid .item .item-type:before:before { + height: 32px; + width: 32px; + line-height: 32px; } + #folder-grid .item > a { + /* aspect ratio without spacer image */ + background-color: white; + border-radius: 6px; + box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.025), 0 2px 7px rgba(0, 0, 0, 0.025); + opacity: 1; + filter: alpha(opacity=100); + color: #888; + font-weight: 400; + display: block; + text-decoration: none; + border-radius: 6px; + position: relative; } + #folder-grid .item > a:before { + content: ""; + display: block; + padding-top: 100%; + /* initial ratio of 1:1*/ + padding-top: 80%; } + #folder-grid .item > a:active { + opacity: 0.95 !important; } + #folder-grid .item > a .item-thumbnail { + -webkit-transition: all 0.125s ease-in-out; + transition: all 0.125s ease-in-out; + display: block; + height: auto; + top: 0px; + bottom: 0px; + position: absolute; + width: 100%; + overflow: hidden; + background-size: cover; + background-color: transparent; + border-top-left-radius: 6px; + border-top-right-radius: 6px; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + background-position: center 100%; + background-repeat: no-repeat; } + #folder-grid .item > a .item-title { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.05); + background-color: white; + font-size: 18px; + width: 100%; + padding: 16px 25px; + left: 0px; + bottom: 0px; + position: absolute; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #222; + text-align: left; } + #folder-grid .item > a .thumbnail-loading { + position: absolute; + z-index: 0; + background-color: white; + background-image: url("/images/spinner2.gif"); + background-repeat: no-repeat; + background-position: 50% 50%; + background-size: cover; } + #folder-grid .item .item-meta { + border-top: 2px solid rgba(0, 0, 0, 0.025); + border-radius: 6px; + border-top-left-radius: 0; + border-top-right-radius: 0; + color: #888; + position: absolute; + bottom: 40px; + right: 40px; + left: 0px; + z-index: 100; + width: auto; + background-color: white; } + #folder-grid .item .item-meta:before, #folder-grid .item .item-meta:after { + content: " "; + display: table; } + #folder-grid .item .item-meta:after { + clear: both; } + #folder-grid .item .item-meta .dropdown { + position: absolute; + bottom: 0; + right: 0; } + #folder-grid .item .item-meta .item-title { + display: block; + font-size: 18px; + width: auto; + padding: 16px 25px; + padding-right: 40px; + left: 0px; + bottom: 0px; + position: relative; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + overflow: hidden; + text-overflow: ellipsis; + color: #222; + text-align: left; } + #folder-grid .item .item-meta .item-social { + padding: 8px; + border-right: 2px solid rgba(0, 0, 0, 0.025); + color: #888; } + #folder-grid .item .item-meta .item-social:before, #folder-grid .item .item-meta .item-social:after { + content: " "; + display: table; } + #folder-grid .item .item-meta .item-social:after { + clear: both; } + #folder-grid .item .item-meta .item-social .item-likes, + #folder-grid .item .item-meta .item-social .item-comments, + #folder-grid .item .item-meta .item-social .item-shares { + position: relative; } + #folder-grid .item .item-meta .item-social .item-likes:hover .icon, + #folder-grid .item .item-meta .item-social .item-comments:hover .icon, + #folder-grid .item .item-meta .item-social .item-shares:hover .icon { + opacity: 0; } + #folder-grid .item .item-meta .item-social .item-likes:hover .number, + #folder-grid .item .item-meta .item-social .item-comments:hover .number, + #folder-grid .item .item-meta .item-social .item-shares:hover .number { + opacity: 1; } + #folder-grid .item .item-meta .item-social .item-likes .number, + #folder-grid .item .item-meta .item-social .item-comments .number, + #folder-grid .item .item-meta .item-social .item-shares .number { + position: absolute; + opacity: 0; + top: 0; + left: 0; } + #folder-grid .item .item-meta .item-social .item-likes .icon, + #folder-grid .item .item-meta .item-social .item-comments .icon, + #folder-grid .item .item-meta .item-social .item-shares .icon { + opacity: 0.5; } + #folder-grid .item .item-appendix { + pointer-events: none; + width: auto; + position: absolute; + bottom: 0; + left: 0; + right: 40px; + color: #888; + font-size: 11px; + font-family: Avenir W01; + text-align: left; } + +#editors, #editors-list { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } + #editors h6, #editors-list h6 { + padding: 15px 25px; + margin: 0px; + color: #888; + font-size: 10px; } + #editors ul, #editors-list ul { + padding: 0px; + margin: 0px; } + #editors ul li:nth-child(1) .editor-avatar, #editors-list ul li:nth-child(1) .editor-avatar { + background-color: #4a2f7e; } + #editors ul li:nth-child(2) .editor-avatar, #editors-list ul li:nth-child(2) .editor-avatar { + background-color: #9b59b6; } + #editors ul li:nth-child(3) .editor-avatar, #editors-list ul li:nth-child(3) .editor-avatar { + background-color: #3498db; } + #editors ul li:nth-child(4) .editor-avatar, #editors-list ul li:nth-child(4) .editor-avatar { + background-color: #2ecc71; } + #editors ul li:nth-child(5) .editor-avatar, #editors-list ul li:nth-child(5) .editor-avatar { + background-color: #f1c40f; } + #editors ul li:nth-child(6) .editor-avatar, #editors-list ul li:nth-child(6) .editor-avatar { + background-color: #e67e22; } + #editors ul li:nth-child(7) .editor-avatar, #editors-list ul li:nth-child(7) .editor-avatar { + background-color: #d55c4b; } + #editors ul li:nth-child(8) .editor-avatar, #editors-list ul li:nth-child(8) .editor-avatar { + background-color: #6f4021; } + #editors ul li:nth-child(9) .editor-avatar, #editors-list ul li:nth-child(9) .editor-avatar { + background-color: #ffffff; } + #editors ul li:nth-child(10) .editor-avatar, #editors-list ul li:nth-child(10) .editor-avatar { + background-color: #95a5a6; } + #editors ul li:nth-child(11) .editor-avatar, #editors-list ul li:nth-child(11) .editor-avatar { + background-color: #252525; } + +#invite-message { + height: 117px !important; } + +.editor > a, +.editor > span { + text-align: left; + border-radius: 3px; + display: block; + position: relative; + min-height: 60px; + border: none; } + .editor > a .editor-avatar, + .editor > span .editor-avatar { + margin-top: 7px; + background-size: cover; + background-position: center; + margin-right: 15px; + float: left; + color: white !important; } + .editor > a .editor-avatar.status-off:before, .editor > a .editor-avatar.status-on:before, + .editor > span .editor-avatar.status-off:before, + .editor > span .editor-avatar.status-on:before { + top: 0; + right: 0; + display: block; + position: absolute; + color: #292929; + border: 1px solid #292929; + border-radius: 100px; + padding: 4px; + font-weight: 700; + text-transform: uppercase; + font-size: 0px; + height: 4px; + width: 4px; } + .editor > a .editor-avatar.status-off:before, + .editor > span .editor-avatar.status-off:before { + background-color: #d55c4b; + content: "off"; + display: none; } + .editor > a .editor-avatar.status-on:before, + .editor > span .editor-avatar.status-on:before { + background-color: #2ecc71; + content: "on"; } + .editor > a .editor-email, + .editor > a .editor-name, + .editor > span .editor-email, + .editor > span .editor-name { + font-family: Avenir W01; + font-size: 13px; + line-height: 1.4; + display: block; + font-weight: 300; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: #888; } + .editor > a .editor-email, + .editor > span .editor-email { + opacity: 0.5; } + +@-webkit-keyframes animation { + 0% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); } + 1.666667% { + -webkit-transform: matrix3d(4.25264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 221.78042, 0, 1); + transform: matrix3d(4.25264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 221.78042, 0, 1); } + 3.333333% { + -webkit-transform: matrix3d(4.39462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 156.54763, 0, 1); + transform: matrix3d(4.39462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 156.54763, 0, 1); } + 5% { + -webkit-transform: matrix3d(3.48153, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 104.77835, 0, 1); + transform: matrix3d(3.48153, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 104.77835, 0, 1); } + 6.666667% { + -webkit-transform: matrix3d(2.48225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 65.49714, 0, 1); + transform: matrix3d(2.48225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 65.49714, 0, 1); } + 8.333333% { + -webkit-transform: matrix3d(1.73728, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.98954, 0, 1); + transform: matrix3d(1.73728, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.98954, 0, 1); } + 10% { + -webkit-transform: matrix3d(1.28584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.27782, 0, 1); + transform: matrix3d(1.28584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.27782, 0, 1); } + 11.666667% { + -webkit-transform: matrix3d(1.05775, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.41711, 0, 1); + transform: matrix3d(1.05775, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.41711, 0, 1); } + 13.333333% { + -webkit-transform: matrix3d(0.96701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.33838, 0, 1); + transform: matrix3d(0.96701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.33838, 0, 1); } + 15% { + -webkit-transform: matrix3d(0.94673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.45902, 0, 1); + transform: matrix3d(0.94673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.45902, 0, 1); } + 16.666667% { + -webkit-transform: matrix3d(0.95517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.12151, 0, 1); + transform: matrix3d(0.95517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.12151, 0, 1); } + 18.333333% { + -webkit-transform: matrix3d(0.97059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.22582, 0, 1); + transform: matrix3d(0.97059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.22582, 0, 1); } + 20% { + -webkit-transform: matrix3d(0.98394, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.43042, 0, 1); + transform: matrix3d(0.98394, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.43042, 0, 1); } + 21.666667% { + -webkit-transform: matrix3d(0.99283, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.19481, 0, 1); + transform: matrix3d(0.99283, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.19481, 0, 1); } + 23.333333% { + -webkit-transform: matrix3d(0.99776, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.82226, 0, 1); + transform: matrix3d(0.99776, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.82226, 0, 1); } + 25% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.49867, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.49867, 0, 1); } + 26.666667% { + -webkit-transform: matrix3d(1.00073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.32573, 0, 1); + transform: matrix3d(1.00073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.32573, 0, 1); } + 28.333333% { + -webkit-transform: matrix3d(1.00076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.34752, 0, 1); + transform: matrix3d(1.00076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.34752, 0, 1); } + 30% { + -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.57121, 0, 1); + transform: matrix3d(1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.57121, 0, 1); } + 31.666667% { + -webkit-transform: matrix3d(1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.98217, 0, 1); + transform: matrix3d(1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.98217, 0, 1); } + 33.333333% { + -webkit-transform: matrix3d(1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.55468, 0, 1); + transform: matrix3d(1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.55468, 0, 1); } + 35% { + -webkit-transform: matrix3d(1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.25909, 0, 1); + transform: matrix3d(1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.25909, 0, 1); } + 36.666667% { + -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.06624, 0, 1); + transform: matrix3d(1.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.06624, 0, 1); } + 38.333333% { + -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.05006, 0, 1); + transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.05006, 0, 1); } + 40% { + -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.11185, 0, 1); + transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.11185, 0, 1); } + 41.666667% { + -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13678, 0, 1); + transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13678, 0, 1); } + 43.333333% { + -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13835, 0, 1); + transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13835, 0, 1); } + 45% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.12642, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.12642, 0, 1); } + 46.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.10789, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.10789, 0, 1); } + 48.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08731, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08731, 0, 1); } + 50% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.06746, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.06746, 0, 1); } + 51.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.04987, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.04987, 0, 1); } + 53.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.0352, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.0352, 0, 1); } + 55% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.02356, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.02356, 0, 1); } + 56.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01473, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01473, 0, 1); } + 58.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00832, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00832, 0, 1); } + 60% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00389, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00389, 0, 1); } + 61.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00099, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00099, 0, 1); } + 63.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); } + 65% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00168, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00168, 0, 1); } + 66.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00205, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00205, 0, 1); } + 68.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00207, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00207, 0, 1); } + 70% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.0019, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.0019, 0, 1); } + 71.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00162, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00162, 0, 1); } + 73.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00131, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00131, 0, 1); } + 75% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00101, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00101, 0, 1); } + 76.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); } + 78.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00053, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00053, 0, 1); } + 80% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00035, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00035, 0, 1); } + 81.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00022, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00022, 0, 1); } + 83.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00012, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00012, 0, 1); } + 85% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00006, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00006, 0, 1); } + 86.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00001, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00001, 0, 1); } + 88.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00001, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00001, 0, 1); } + 90% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); } + 91.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); } + 93.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); } + 95% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); } + 96.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); } + 98.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); } + 100% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } + +@keyframes animation { + 0% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); } + 1.666667% { + -webkit-transform: matrix3d(4.25264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 221.78042, 0, 1); + transform: matrix3d(4.25264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 221.78042, 0, 1); } + 3.333333% { + -webkit-transform: matrix3d(4.39462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 156.54763, 0, 1); + transform: matrix3d(4.39462, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 156.54763, 0, 1); } + 5% { + -webkit-transform: matrix3d(3.48153, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 104.77835, 0, 1); + transform: matrix3d(3.48153, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 104.77835, 0, 1); } + 6.666667% { + -webkit-transform: matrix3d(2.48225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 65.49714, 0, 1); + transform: matrix3d(2.48225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 65.49714, 0, 1); } + 8.333333% { + -webkit-transform: matrix3d(1.73728, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.98954, 0, 1); + transform: matrix3d(1.73728, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.98954, 0, 1); } + 10% { + -webkit-transform: matrix3d(1.28584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.27782, 0, 1); + transform: matrix3d(1.28584, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.27782, 0, 1); } + 11.666667% { + -webkit-transform: matrix3d(1.05775, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.41711, 0, 1); + transform: matrix3d(1.05775, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 4.41711, 0, 1); } + 13.333333% { + -webkit-transform: matrix3d(0.96701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.33838, 0, 1); + transform: matrix3d(0.96701, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.33838, 0, 1); } + 15% { + -webkit-transform: matrix3d(0.94673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.45902, 0, 1); + transform: matrix3d(0.94673, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.45902, 0, 1); } + 16.666667% { + -webkit-transform: matrix3d(0.95517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.12151, 0, 1); + transform: matrix3d(0.95517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.12151, 0, 1); } + 18.333333% { + -webkit-transform: matrix3d(0.97059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.22582, 0, 1); + transform: matrix3d(0.97059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.22582, 0, 1); } + 20% { + -webkit-transform: matrix3d(0.98394, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.43042, 0, 1); + transform: matrix3d(0.98394, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -8.43042, 0, 1); } + 21.666667% { + -webkit-transform: matrix3d(0.99283, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.19481, 0, 1); + transform: matrix3d(0.99283, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.19481, 0, 1); } + 23.333333% { + -webkit-transform: matrix3d(0.99776, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.82226, 0, 1); + transform: matrix3d(0.99776, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.82226, 0, 1); } + 25% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.49867, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.49867, 0, 1); } + 26.666667% { + -webkit-transform: matrix3d(1.00073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.32573, 0, 1); + transform: matrix3d(1.00073, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.32573, 0, 1); } + 28.333333% { + -webkit-transform: matrix3d(1.00076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.34752, 0, 1); + transform: matrix3d(1.00076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.34752, 0, 1); } + 30% { + -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.57121, 0, 1); + transform: matrix3d(1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.57121, 0, 1); } + 31.666667% { + -webkit-transform: matrix3d(1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.98217, 0, 1); + transform: matrix3d(1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.98217, 0, 1); } + 33.333333% { + -webkit-transform: matrix3d(1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.55468, 0, 1); + transform: matrix3d(1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.55468, 0, 1); } + 35% { + -webkit-transform: matrix3d(1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.25909, 0, 1); + transform: matrix3d(1.00006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.25909, 0, 1); } + 36.666667% { + -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.06624, 0, 1); + transform: matrix3d(1.00001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.06624, 0, 1); } + 38.333333% { + -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.05006, 0, 1); + transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.05006, 0, 1); } + 40% { + -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.11185, 0, 1); + transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.11185, 0, 1); } + 41.666667% { + -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13678, 0, 1); + transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13678, 0, 1); } + 43.333333% { + -webkit-transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13835, 0, 1); + transform: matrix3d(0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.13835, 0, 1); } + 45% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.12642, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.12642, 0, 1); } + 46.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.10789, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.10789, 0, 1); } + 48.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08731, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.08731, 0, 1); } + 50% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.06746, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.06746, 0, 1); } + 51.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.04987, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.04987, 0, 1); } + 53.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.0352, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.0352, 0, 1); } + 55% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.02356, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.02356, 0, 1); } + 56.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01473, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01473, 0, 1); } + 58.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00832, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00832, 0, 1); } + 60% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00389, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00389, 0, 1); } + 61.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00099, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00099, 0, 1); } + 63.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); } + 65% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00168, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00168, 0, 1); } + 66.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00205, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00205, 0, 1); } + 68.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00207, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00207, 0, 1); } + 70% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.0019, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.0019, 0, 1); } + 71.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00162, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00162, 0, 1); } + 73.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00131, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00131, 0, 1); } + 75% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00101, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00101, 0, 1); } + 76.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00075, 0, 1); } + 78.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00053, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00053, 0, 1); } + 80% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00035, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00035, 0, 1); } + 81.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00022, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00022, 0, 1); } + 83.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00012, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00012, 0, 1); } + 85% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00006, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00006, 0, 1); } + 86.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00001, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00001, 0, 1); } + 88.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00001, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00001, 0, 1); } + 90% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); } + 91.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); } + 93.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); } + 95% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00003, 0, 1); } + 96.666667% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); } + 98.333333% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.00002, 0, 1); } + 100% { + -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } + +.toolbar { + margin: auto; + position: fixed; + bottom: 0px; + z-index: 3000; + padding: 20px; + font-size: 0; + line-height: 0; + transition-duration: 0.15s; + transition-timing-function: ease-in-out; + transition-delay: initial; + transition-property: opacity, transform; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + pointer-events: none !important; + opacity: 0; } + .toolbar.toolbar-meta { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + width: auto !important; + top: 0 !important; + right: 0 !important; + bottom: auto !important; } + .toolbar.toolbar-undo { + width: auto !important; + top: auto !important; + left: 0 !important; + bottom: 0 !important; } + .toolbar.out { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + .toolbar.out * { + pointer-events: none !important; } + .toolbar.out button, .toolbar.out input, .toolbar.out .dialog { + display: none; } + .toolbar.in { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + .toolbar.in.out { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + .toolbar.in.out * { + pointer-events: none !important; } + .toolbar > * { + margin: 0 2px; + margin-top: 4px; + pointer-events: auto !important; } + .toolbar > *.out { + margin: 0; + opacity: 0; } + .toolbar.toolbar-vertical { + width: auto !important; + font-size: 0px; + height: 100%; + pointer-events: none; + -webkit-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-perspective: 1000; + -moz-perspective: 1000; + -ms-perspective: 1000; + perspective: 1000; } + .toolbar.toolbar-vertical.toolbar-left { + left: 0px; } + .toolbar.toolbar-vertical.toolbar-left .panel-wrap { + left: 0px; + -webkit-transform-origin: center left; + -moz-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; } + .toolbar.toolbar-vertical.toolbar-left .panel-wrap .panel { + -webkit-perspective-origin: center left; + -moz-perspective-origin: center left; + perspective-origin: center left; } + .toolbar.toolbar-vertical.toolbar-left .panel-wrap .panel > div { + -webkit-transform: rotateY(90deg); + -ms-transform: rotateY(90deg); + transform: rotateY(90deg); + -webkit-transform-origin: center left; + -moz-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; } + .toolbar.toolbar-vertical.toolbar-right { + right: 0px; } + .toolbar.toolbar-vertical.toolbar-right .panel-wrap { + right: 0px; + -webkit-transform-origin: center right; + -moz-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; } + .toolbar.toolbar-vertical.toolbar-right .panel-wrap .panel { + -webkit-perspective-origin: center right; + -moz-perspective-origin: center right; + perspective-origin: center right; } + .toolbar.toolbar-vertical.toolbar-right .panel-wrap .panel > div { + -webkit-transform: rotateY(-90deg); + -ms-transform: rotateY(-90deg); + transform: rotateY(-90deg); + -webkit-transform-origin: center right; + -moz-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; } + .toolbar.toolbar-vertical .panel-toggles { + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; + display: inline-block; + vertical-align: middle; } + .toolbar.toolbar-vertical .panel-toggles .btn-group { + display: block; + margin: 4px 0; } + .toolbar.toolbar-vertical .panels { + -webkit-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; + height: 100%; + display: inline-block; + vertical-align: middle; + position: relative; + margin: 10px; } + .toolbar.toolbar-vertical .panels .panel-wrap { + display: table; + position: absolute; + height: 100%; + pointer-events: none; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + -webkit-transition: all 0.125s ease-in-out; + transition: all 0.125s ease-in-out; } + .toolbar.toolbar-vertical .panels .panel-wrap.open { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .toolbar.toolbar-vertical .panels .panel-wrap.open .panel > div { + -webkit-transform: rotateX(0deg); + -ms-transform: rotateX(0deg); + transform: rotateX(0deg); + opacity: 1 !important; + pointer-events: auto !important; } + .toolbar.toolbar-vertical .panels .panel-wrap .panel { + display: table-cell; + vertical-align: middle; + -webkit-perspective: 1000; + -moz-perspective: 1000; + -ms-perspective: 1000; + perspective: 1000; + z-index: 1000; + pointer-events: none; } + .toolbar.toolbar-vertical .panels .panel-wrap .panel > div { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + /* Other transform properties here */ + pointer-events: none; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + position: relative; } + +.toolbar-properties { + bottom: 64px; + z-index: 0; } + .toolbar-properties.in { + z-index: 3000; } + .toolbar-properties .icon-sm { + z-index: 110; + background-color: #222; + border-radius: 50px; } + .toolbar-properties .jewel { + border: 2px solid rgba(255, 255, 255, 0.5); + background-color: transparent; + color: #989898; + width: 36px; + height: 36px; + border-top-left: 0px; + border-top-right: 0px; + font-size: 13px; + line-height: 26px; + top: 10px; + right: 2px; + box-shadow: 0px 0px 1px; } + .toolbar-properties .jewel-stroke { + border-width: 10px; } + .toolbar-properties .dropdown-toggle.open .jewel { + color: white; } + +.toolbar-elements > .btn-group, +.toolbar-properties > .btn-group { + box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); } + +#color-toggles { + background-size: 40px; + border-radius: 3px; + background-color: #222; + background-image: url("../images/opacity-grid.png"); } + +.color-picker { + margin: 6px; + margin-bottom: 0; + width: 256px; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; } + .color-picker.out .fader-selector { + opacity: 0; } + .color-picker .color { + position: relative; + width: 100%; + background-color: #2ecc71; + display: block; + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + .color-picker .color:before { + content: ""; + display: block; + padding-top: 100%; + /* initial ratio of 1:1*/ } + .color-picker .color > div { + top: 0; + display: block; + width: 100%; + height: 100%; + position: absolute; + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + .color-picker .color > div.mask { + background-image: url("../images/huevalue.png"); } + .color-picker .color-hue { + position: relative; + width: 100%; + background-size: 100% 100%; + background-image: url("../images/hue.png"); } + .color-picker .color-hue:before { + content: ""; + display: block; + padding-top: 40px; + /* initial ratio of 1:1*/ } + .color-picker .color-opacity { + position: relative; + width: 100%; + background-size: cover; + background-image: url("../images/opacity-strip.png"); } + .color-picker .color-opacity:before { + content: ""; + display: block; + padding-top: 40px; + /* initial ratio of 1:1*/ } + +.color-indicator { + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } + +.fader-selector { + padding: 0px; + background-color: transparent; + border: none; + border: 18px solid #222; + border: 8px solid #222; + height: 44px; + width: 44px; + margin: -2px; + position: absolute; + top: 0px; + left: 0px; + border-radius: 100%; + box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.2), inset 0 0 10px 1px rgba(255, 255, 255, 0.2); + -webkit-transition: border 0.125s ease-in-out; + transition: border 0.125s ease-in-out; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .fader-selector:after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + margin-top: -1px; + margin-left: -1px; + height: 2px; + width: 2px; + background-color: white; + pointer-events: none !important; + border-radius: 100%; } + .fader-selector:hover, .fader-selector:focus, .fader-selector:active { + outline: none; + border: 8px solid #f5f5f5; } + .fader-selector:active { + background-color: white; } + +.color-palette { + width: 600px; + text-align: center; } + .color-palette .overflow-y-scroll { + padding-top: 10px; + padding-bottom: 15px; + overflow-y: auto; } + .color-palette .overflow-y-scroll .btn { + display: inline-block; + height: 40px; + width: 40px; + min-width: 0; + min-height: 0; + margin-left: 4px; + margin-right: 4px; + margin-top: 8px; + padding: 0px; + background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.1); + border-radius: 100%; + background-color: transparent; + background-color: rgba(255, 255, 255, 0.025); + /* aspect ratio without spacer image */ } + .color-palette .overflow-y-scroll .btn.active, .color-palette .overflow-y-scroll .btn:active { + background-clip: border-box; + border: 2px solid white; } + .color-palette .overflow-y-scroll .btn .icon { + position: absolute; + left: -3.5px; + top: -2px; + font-size: 16px; + height: 44px; + width: 44px; + line-height: 43px; } + .color-palette .overflow-y-scroll .btn .icon:after, .color-palette .overflow-y-scroll .btn .icon:before { + height: 44px; + width: 44px; + line-height: 43px; } + +.color .fader-selector { + z-index: 10; + left: 120px; + top: 120px; + margin: -22px; + cursor: move; } + +.color-hue .fader-selector { + z-index: 10; + left: 0px; + margin: -2px -22px; + cursor: ew-resize; } + +.color-opacity .fader-selector { + z-index: 10; + left: 120px; + margin: -2px -22px; + cursor: ew-resize; } + +#colors #color-target { + text-align: center; + display: block; } + +#colors:before, #colors:after { + content: " "; + display: table; } + +#colors:after { + clear: both; } + +#colors #color-hex { + position: relative; } + #colors #color-hex:before, #colors #color-hex:after { + content: " "; + display: table; } + #colors #color-hex:after { + clear: both; } + #colors #color-hex #color-hash { + position: relative; + margin-left: 40px; + width: 196px; } + #colors #color-hex .btn { + position: absolute; + z-index: 100; } + #colors #color-hex #add-remove-color { + left: 0px; } + #colors #color-hex #color-options-toggle { + right: 0px; } + #colors #color-hex div { + position: relative; + width: 100%; } + #colors #color-hex div .input { + height: 50px; + line-height: 70px; } + #colors #color-hex div label { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 30px; + line-height: 32px; + font-size: 16px; + opacity: 0.35; + color: #888; + z-index: 10; + text-align: center; } + +#colors #color-rgba { + position: relative; } + #colors #color-rgba:before, #colors #color-rgba:after { + content: " "; + display: table; } + #colors #color-rgba:after { + clear: both; } + #colors #color-rgba label { + display: block; + width: 100%; + height: 20px; + line-height: 22px; + font-size: 16px; + opacity: 0.35; + color: #888; + z-index: 10; + text-align: center; + margin-bottom: -14px; + margin-top: 10px; } + #colors #color-rgba .input { + line-height: 48px; + width: 38px; } + +.font-size-swatches { + line-height: 50px; } + +#font, +#style { + top: 0px; } + #font .select-list, + #style .select-list { + background-color: transparent; } + +#font .font-header { + background: rgba(0, 0, 0, 0.025); } + +#font #font-search { + border-bottom: 2px solid rgba(0, 0, 0, 0.0125); + position: relative; } + #font #font-search .input { + padding-left: 25px; } + +#font .select-list li { + font-size: 20px; } + #font .select-list li:hover > span { + padding-right: 40px; } + #font .select-list li:hover .fav-toggle { + display: block; } + #font .select-list li:hover .fav-toggle:hover { + opacity: 1; + color: white; } + #font .select-list li .fav-toggle { + color: #888; + display: none; + position: absolute; + right: 10px; + top: 0; } + #font .select-list li .fav-toggle:before { + height: 38px !important; + line-height: 38px !important; } + +#font .tabs-switcher { + padding: 15px 20px; + padding-bottom: 0; } + #font .tabs-switcher ul { + display: table; + width: 100%; + padding: 0; } + #font .tabs-switcher li { + display: table-cell; + color: #222; + border-right: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.1); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; } + #font .tabs-switcher li span { + padding: 8px 10px; + text-align: center; + text-transform: uppercase; + font-size: 10px; + display: block; + cursor: pointer; } + #font .tabs-switcher li:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + padding-left: 6px; } + #font .tabs-switcher li:last-child { + padding-right: 6px; + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + border: none; } + #font .tabs-switcher li.active { + background-color: rgba(0, 0, 0, 0.25); + color: #f5f5f5; } + +#typography #format { + top: 54px; + /* As of August 2012, only supported in Chrome 21+ */ + display: -webkit-flex; + flex-direction: column; } + #typography #format .select-list { + background-color: transparent; } + #typography #format .overflow-y-scroll { + flex: 1; + position: relative; } + #typography #format .actions { + padding: 15px 20px; + height: 80px; } + +#typography .btn-more, +#typography .btn-less { + position: absolute; } + #typography .btn-more:active .icon, + #typography .btn-less:active .icon { + opacity: 1; } + #typography .btn-more .icon, + #typography .btn-less .icon { + color: white; + opacity: 0.2; } + +#typography #alignment { + padding-top: 10px; } + +#typography #styles { + padding-bottom: 10px; } + +#typography #font-style, +#typography #font-face { + padding: 10px; } + +#typography #font-face { + padding-bottom: 0; } + +#typography #font-style { + padding-top: 0; } + +#typography #type-ratio { + margin: auto; + padding-top: 20px; + width: 100%; + text-align: center; + position: relative; } + #typography #type-ratio:before, #typography #type-ratio:after { + content: " "; + display: table; } + #typography #type-ratio:after { + clear: both; } + #typography #type-ratio #type-ratio-toggle { + position: absolute; + bottom: 0px; + left: 50%; + margin-left: -30px; + opacity: 0.25; } + #typography #type-ratio #type-ratio-toggle:hover { + opacity: 0.4; } + #typography #type-ratio #font-size > label { + right: 0px; + text-align: center; } + #typography #type-ratio #font-size > .icon { + right: 0px; } + #typography #type-ratio #font-size .btn-more, #typography #type-ratio #font-size .btn-less { + left: 0px; } + #typography #type-ratio #line-height > label { + left: 0px; + text-align: center; } + #typography #type-ratio #line-height > .icon { + left: 0px; } + #typography #type-ratio #line-height .btn-more, #typography #type-ratio #line-height .btn-less { + right: 0px; } + #typography #type-ratio #font-size { + text-align: right; } + #typography #type-ratio #font-size .form-group { + padding-right: 0px; } + #typography #type-ratio #line-height { + text-align: left; } + #typography #type-ratio #line-height .form-group { + padding-left: 0px; } + #typography #type-ratio #font-size, + #typography #type-ratio #line-height { + display: inline-block; + width: 50%; } + #typography #type-ratio #font-size .fader, + #typography #type-ratio #line-height .fader { + position: relative; + height: 140px; + width: 40px; + display: inline-block; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 30px; + margin: 2px; + margin-bottom: 15px; } + #typography #type-ratio #font-size .fader .fader-constraint, + #typography #type-ratio #line-height .fader .fader-constraint { + width: 100%; + height: auto; + position: absolute; + top: 20px; + bottom: 20px; + cursor: -webkit-grab; + cursor: -moz-grab; } + #typography #type-ratio #font-size .fader .fader-constraint:active, + #typography #type-ratio #line-height .fader .fader-constraint:active { + cursor: -webkit-grabbing; + cursor: -moz-grabbing; } + #typography #type-ratio #font-size .fader .fader-indicator, + #typography #type-ratio #line-height .fader .fader-indicator { + background-color: #288cd7; + border-radius: 30px; + width: 40px; + position: absolute; + bottom: 0px; + margin: 0px; + padding-bottom: 40px; + pointer-events: none; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; } + #typography #type-ratio #font-size .fader .fader-selector, + #typography #type-ratio #line-height .fader .fader-selector { + cursor: ns-resize; + position: absolute; + margin-top: -22px; + pointer-events: none; } + #typography #type-ratio #font-size .fader .fader-selector:active .value, + #typography #type-ratio #line-height .fader .fader-selector:active .value { + color: #f5f5f5; } + #typography #type-ratio #font-size .form-group, + #typography #type-ratio #line-height .form-group { + margin-bottom: 7px; } + #typography #type-ratio #font-size .btn-more, + #typography #type-ratio #line-height .btn-more { + top: 0px; } + #typography #type-ratio #font-size .btn-less, + #typography #type-ratio #line-height .btn-less { + bottom: 60px; } + #typography #type-ratio #font-size .value, + #typography #type-ratio #line-height .value { + cursor: ns-resize; + height: 44px; + line-height: 44px; + display: block; + width: 100px; + padding: 0 16px; + font-size: 16px; + font-size: 22px; + color: #888; + position: absolute; + text-align: center; + top: 0px; } + +#typography #tracking { + text-align: center; + white-space: nowrap; + position: relative; } + #typography #tracking .a, + #typography #tracking .b { + font-size: 22px; + display: inline-block; + color: #888; + width: 32px; + height: 60px; + line-height: 60px; + vertical-align: middle; + opacity: 0.4; } + #typography #tracking .arrow-left, + #typography #tracking .arrow-right { + background-color: #888; + height: 2px; + width: 20px; + display: inline-block; + vertical-align: middle; + opacity: 0.4; + position: relative; } + #typography #tracking .arrow-left:after, + #typography #tracking .arrow-right:after { + content: ""; + position: absolute; + top: -4px; + right: 0; + margin: 0; + width: 0; + height: 0; + border-width: 5px; + border-style: solid; + border-color: transparent; + pointer-events: none !important; } + #typography #tracking .arrow-left:after { + right: 100%; + border-right-color: #888; } + #typography #tracking .arrow-right:after { + left: 100%; + border-left-color: #888; } + #typography #tracking .value { + background-color: #222; + cursor: ew-resize; + height: 60px; + width: 26px; + left: 50%; + margin-left: -13px; + line-height: 60px; + display: inline-block; + font-size: 22px; + color: #888; + position: absolute; + bottom: 0px; } + #typography #tracking .value:active { + color: #f5f5f5; } + +#layout #align .btn-group { + height: 120px; + width: 180px; + position: relative; } + #layout #align .btn-group .btn { + position: absolute; + display: inline-block; } + #layout #align .btn-group .btn.top { + top: 0px; + left: 50%; + margin-left: -30px; } + #layout #align .btn-group .btn.bottom { + bottom: 0px; + left: 50%; + margin-left: -30px; } + #layout #align .btn-group .btn.left { + left: 0px; + top: 50%; + margin-top: -30px; } + #layout #align .btn-group .btn.right { + right: 0px; + top: 50%; + margin-top: -30px; } + +#filter .icon { + position: absolute; + opacity: 0.5; + color: #888; + left: 0; + top: -4px; + display: none; } + +#filter .form-group .btn-less { + bottom: 0; + left: 0px; } + +#filter .form-group .btn-more { + bottom: 0; + right: 0px; } + +#filter .form-group .label { + margin-bottom: -5px; } + +#canvas .select-list { + background-color: transparent; } + +#canvas-orientation { + position: absolute; + right: 0; + top: 0; } + +#margins .btn-more:active .icon, +#margins .btn-less:active .icon { + opacity: 1; } + +#margins .btn-more .icon, +#margins .btn-less .icon { + color: white; + opacity: 0.2; } + +#margins #margin { + height: 200px; + position: relative; } + #margins #margin .btn-toggle { + margin: -22px; } + #margins #margin label { + pointer-events: none; + margin-top: 62px; } + #margins #margin .margin-icon { + position: absolute; + top: 50%; + left: 50%; + width: 140px; + height: 140px; + border: 2px solid rgba(0, 0, 0, 0.1); + border-radius: 4px; + margin: -70px -70px; } + #margins #margin .margin-icon > div { + position: absolute; + display: inline-block; + height: 30px; + width: 30px; } + #margins #margin .margin-icon > div .input { + padding: 0px; + width: 30px; + height: 30px; + line-height: 30px; + border: none; + font-size: 22px; + text-align: center; + display: block; + background-color: #f5f5f5; } + #margins #margin .margin-icon > div.top { + top: -15px; + left: 50%; + margin-left: -15px; } + #margins #margin .margin-icon > div.top .btn-more { + right: -30px; + top: 15px; } + #margins #margin .margin-icon > div.top .btn-less { + left: -30px; + top: 15px; } + #margins #margin .margin-icon > div.bottom { + bottom: -15px; + left: 50%; + margin-left: -15px; } + #margins #margin .margin-icon > div.bottom .btn-more { + right: -30px; + bottom: 15px; } + #margins #margin .margin-icon > div.bottom .btn-less { + left: -30px; + bottom: 15px; } + #margins #margin .margin-icon > div.left { + left: -16px; + top: 50%; + margin-top: -15px; } + #margins #margin .margin-icon > div.left .btn-more { + left: 15px; + top: -30px; } + #margins #margin .margin-icon > div.left .btn-less { + left: 15px; + bottom: -30px; } + #margins #margin .margin-icon > div.right { + right: -16px; + top: 50%; + margin-top: -15px; } + #margins #margin .margin-icon > div.right .btn-more { + right: 15px; + top: -30px; } + #margins #margin .margin-icon > div.right .btn-less { + right: 15px; + bottom: -30px; } + +#pattern #background-position { + height: 210px; + position: relative; } + #pattern #background-position .position-icon { + position: absolute; + top: 50%; + left: 50%; + width: 120px; + height: 120px; + border: 2px solid #222; + border-radius: 4px; + margin: -50px -60px; } + #pattern #background-position .position-icon .radio { + position: absolute; + display: inline-block; } + #pattern #background-position .position-icon .radio.top-left { + top: -30px; + left: 0; + margin-left: -30px; } + #pattern #background-position .position-icon .radio.top-center { + top: -30px; + left: 50%; + margin-left: -30px; } + #pattern #background-position .position-icon .radio.top-right { + top: -30px; + right: 0; + margin-right: -30px; } + #pattern #background-position .position-icon .radio.center-left { + top: 50%; + margin-top: -30px; + left: 0; + margin-left: -30px; } + #pattern #background-position .position-icon .radio.center-center { + top: 50%; + margin-top: -30px; + left: 50%; + margin-left: -30px; } + #pattern #background-position .position-icon .radio.center-right { + top: 50%; + margin-top: -30px; + right: 0; + margin-right: -30px; } + #pattern #background-position .position-icon .radio.bottom-left { + bottom: 0; + margin-bottom: -30px; + left: 0; + margin-left: -30px; } + #pattern #background-position .position-icon .radio.bottom-center { + bottom: 0; + margin-bottom: -30px; + left: 50%; + margin-left: -30px; } + #pattern #background-position .position-icon .radio.bottom-right { + bottom: 0; + margin-bottom: -30px; + right: 0; + margin-right: -30px; } + #pattern #background-position .icon-label { + pointer-events: none; + margin-top: 62px; } + +#metrics #transform-origin { + height: 230px; + position: relative; } + #metrics #transform-origin .transform-origin-icon { + position: absolute; + top: 50%; + left: 50%; + width: 120px; + height: 120px; + border: 2px solid rgba(0, 0, 0, 0.1); + border-radius: 4px; + margin: -45px -60px; } + #metrics #transform-origin .transform-origin-icon .radio { + position: absolute; + display: inline-block; } + #metrics #transform-origin .transform-origin-icon .radio.top-left { + top: -30px; + left: 0; + margin-left: -30px; } + #metrics #transform-origin .transform-origin-icon .radio.top-center { + top: -30px; + left: 50%; + margin-left: -30px; } + #metrics #transform-origin .transform-origin-icon .radio.top-right { + top: -30px; + right: 0; + margin-right: -30px; } + #metrics #transform-origin .transform-origin-icon .radio.center-left { + top: 50%; + margin-top: -30px; + left: 0; + margin-left: -30px; } + #metrics #transform-origin .transform-origin-icon .radio.center-center { + top: 50%; + margin-top: -30px; + left: 50%; + margin-left: -30px; } + #metrics #transform-origin .transform-origin-icon .radio.center-right { + top: 50%; + margin-top: -30px; + right: 0; + margin-right: -30px; } + #metrics #transform-origin .transform-origin-icon .radio.bottom-left { + bottom: 0; + margin-bottom: -30px; + left: 0; + margin-left: -30px; } + #metrics #transform-origin .transform-origin-icon .radio.bottom-center { + bottom: 0; + margin-bottom: -30px; + left: 50%; + margin-left: -30px; } + #metrics #transform-origin .transform-origin-icon .radio.bottom-right { + bottom: 0; + margin-bottom: -30px; + right: 0; + margin-right: -30px; } + #metrics #transform-origin .icon-label { + pointer-events: none; + margin-top: 62px; } + +#lasso { + border-radius: 3px; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + background-color: rgba(40, 140, 215, 0.125); + position: absolute; + z-index: 2500; + pointer-events: none; + opacity: 0; + border: 1px solid rgba(255, 255, 255, 0.5); } + #lasso:after { + border-radius: 3px; + border: 1px dotted #288cd7; + content: ""; + display: block; + position: absolute; + height: auto; + width: auto; + top: -1px; + left: -1px; + right: -1px; + bottom: -1px; } + +.section { + min-height: 50px !important; + position: relative; + background-color: #fff; + background-position: center; + background-size: cover; } + .section.active .section-padding-corner.in, + .section.active .section-padding.in { + display: block; } + +.space-empty, +.section-empty { + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 800; + pointer-events: none; + opacity: 0.25; + display: block; } + +.column-row { + min-height: 100%; + box-sizing: content-box; + display: -webkit-flex; + display: flex; + -webkit-flex-flow: row nowrap; + flex-flow: row nowrap; + -webkit-justify-content: center; + justify-content: center; + margin: auto; } + +.section.active .column-border.in { + background-color: rgba(40, 140, 215, 0.25); + border: 1px solid rgba(255, 255, 255, 0.5); } + .section.active .column-border.in .edge-handle { + display: block; } + .section.active .column-border.in:after { + border: 1px dotted rgba(40, 140, 215, 0.5); } + +.column { + min-height: 50px; + position: relative; + -webkit-flex: 1 auto; + flex: 1 auto; } + .column .artifact:last-child { + margin-bottom: 0px; } + .column .artifact.over { + -webkit-transition: margin-top 0.1s ease-in-out 0.05s; + transition: margin-top 0.1s ease-in-out 0.05s; + position: relative; + z-index: 1000; } + .column:first-child .column-border .edge-handle:first-child { + display: none !important; } + .column:last-child .column-border .edge-handle:last-child { + display: none !important; } + .column .column-border { + border: 1px solid rgba(255, 255, 255, 0.125); + position: absolute; + width: auto; + height: auto; + right: -1px; + left: -1px; + top: -1px; + bottom: -1px; + z-index: 2000; + pointer-events: none; } + .column .column-border .edge-handle { + display: none; } + .column .column-border:after { + border: 1px dotted rgba(40, 140, 215, 0.125); + content: ""; + display: block; + position: absolute; + width: auto; + height: auto; + right: -1px; + left: -1px; + top: -1px; + bottom: -1px; } + +.article-annotations { + display: none; + position: absolute; + top: 0; + left: 100%; + font-size: 13px; + line-height: 20px; + margin-left: 100px; } + .article-annotations .disclaimer { + opacity: 0.5; + font-size: 13px; + line-height: 20px; } + .article-annotations [contentEditable=true] { + font-size: 13px; + line-height: 20px; } + .article-annotations .annotation-item-body, + .article-annotations .annotation-reply-body { + /* Non standard for webkit */ + word-break: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } + .article-annotations .annotation-group { + width: 250px; + margin-top: -2px; } + .article-annotations .annotation-group .annotation-group-toggle { + position: absolute; + top: -15px; + right: 100%; + margin-right: 20px; + opacity: 0.25; } + .article-annotations .annotation-group .annotation-item { + margin-bottom: 3.33333px; + padding-bottom: 2.5px; } + .article-annotations .annotation-group .annotation-create-item .annotation-replies, + .article-annotations .annotation-group .annotation-create-item .annotation-item-body, + .article-annotations .annotation-group .annotation-item .annotation-replies, + .article-annotations .annotation-group .annotation-item .annotation-item-body { + position: relative; + margin-left: 44px; } + .article-annotations .annotation-group .annotation-create-item .annotation-link, + .article-annotations .annotation-group .annotation-item .annotation-link { + position: absolute; + right: 0; + top: 0; + margin: -7px; + opacity: 0.5; } + .article-annotations .annotation-group .annotation-create-item .annotation-author, + .article-annotations .annotation-group .annotation-item .annotation-author { + position: relative; + color: #222; + font-weight: bold; } + .article-annotations .annotation-group .annotation-create-item .annotation-author img, + .article-annotations .annotation-group .annotation-item .annotation-author img { + position: absolute; + top: 0; + right: 100%; + margin-right: 11px; + margin-top: 2px; + pointer-events: none; } + .article-annotations .annotation-group .annotation-create-item .annotation-replies, + .article-annotations .annotation-group .annotation-item .annotation-replies { + font-size: 11px; + line-height: 15px; } + .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-create-reply, + .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-reply, + .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-create-reply, + .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-reply { + margin-bottom: 3.33333px; } + .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-create-reply:first-child, + .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-reply:first-child, + .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-create-reply:first-child, + .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-reply:first-child { + margin-top: 3.33333px; } + .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-create-reply:last-of-type, + .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-reply:last-of-type, + .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-create-reply:last-of-type, + .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-reply:last-of-type { + margin-bottom: 0px; } + .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-create-reply .annotation-reply-body, + .article-annotations .annotation-group .annotation-create-item .annotation-replies .annotation-reply .annotation-reply-body, + .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-create-reply .annotation-reply-body, + .article-annotations .annotation-group .annotation-item .annotation-replies .annotation-reply .annotation-reply-body { + position: relative; + margin-left: 37px; } + +#chat-functions { + position: absolute; + bottom: 0px; + right: 0px; } + #chat-functions .btn { + display: block; + margin-top: -10px; + margin-left: -10px; } + +#chat #chat-message-new { + position: absolute; + bottom: 0px; + width: 100%; + display: table; + min-height: 60px; } + #chat #chat-message-new label { + vertical-align: middle; + display: table-cell; + font-size: 0px; } + #chat #chat-message-new label textarea { + display: inline-block; + width: 100%; + min-height: 90px; + padding-right: 50px; + font-size: 14px; + line-height: 1.5 !important; + font-weight: 300; } + +#chat .overflow-y-scroll { + bottom: 100px !important; } + +#chat #chat-messages { + width: 100%; + padding: 0px; } + #chat #chat-messages li { + display: block; + padding-bottom: 10px; + padding-left: 25px; + padding-right: 25px; + padding-left: 60px; + min-height: 60px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + +#new-comment { + margin-bottom: 20px; } + +.comments { + padding: 0; + padding-top: 10px; + margin-bottom: 0; + font-size: 16px !important; + font-family: Avenir W01 !important; + list-style: none; + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + .comments > li { + padding-top: 10px; + padding-bottom: 10px; + padding-left: 40px; + padding-right: 0px; } + .comments > li:last-child { + border: none; } + .comments .comment-author { + pointer-events: none; + position: relative; + display: block; + color: #292929; + font-size: 11px; } + .comments .comment-author .btn-icon { + position: absolute; + left: -40px; + top: -20px; } + .comments .comment-meta { + display: block; + list-style: none; + padding: 0; + margin: 0; + font-size: 11px !important; } + .comments .comment-meta li { + margin-right: 10px; + display: inline-block; } + .comments .comment-meta li.pull-right { + margin-right: 0px; + margin-left: 10px; } + .comments .comment-meta li > a { + vertical-align: middle; + display: inline-block; + color: #989898; } + .comments .comment-meta li a { + opacity: 0.5; } + .comments .comment-meta li a:hover { + color: #3d9ee9; } + +.confirm { + position: relative; + z-index: 100; + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; } + .confirm.open .confirmation { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); + opacity: 1; + pointer-events: auto; } + .confirm.open .confirmation .btn { + color: white; } + .confirm .confirmation { + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + -webkit-transform: scale(0.8, 0.8); + -ms-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); + opacity: 0; + pointer-events: none; + position: absolute; + top: 100%; + width: 100%; + background-color: #f5f5f5; + padding-top: 18px !important; } + .confirm .confirmation .btn-cluster { + border-radius: 3px; + border-radius: 60px !important; + background-color: #ff5955; } + +.spacedeck-logo { + font-size: 20px; + line-height: 44px; + color: #292929; + padding-left: 0.5em; + padding-right: 10px; } + .spacedeck-logo.white { + color: #f5f5f5; } + +.version-date { + text-align: left; + display: block !important; + line-height: 1.8; + padding-left: 10px !important; } + +.present-mode #space { + margin-bottom: 0px; } + +.present-mode .column-border, +.present-mode .section-empty, +.present-mode .section-selected, +.present-mode .section-padding-corner, +.present-mode .section-padding, +.present-mode .section-border { + display: none !important; } + +.present-mode .artifact iframe, .present-mode .artifact a, .present-mode .artifact video, .present-mode .artifact audio { + pointer-events: all !important; } + +.present-mode .artifact .link-wrapper, .present-mode .artifact a.link { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + display: block; + opacity: 0; + height: 100%; + margin-top: 0; } + +.present-mode .artifact .oembed-cloak { + display: none; } + +.background-image, +.cover-image { + overflow: hidden; + background-size: cover; + background-position: center; + z-index: 0; + position: relative; } + .background-image .updating-image, + .cover-image .updating-image { + background-color: rgba(233, 233, 233, 0.9); } + +#offline-indicator { + pointer-events: none; + opacity: 0; + transition: all 1s linear; + -webkit-transition: all 1s linear; } + #offline-indicator.offline { + opacity: 1; + pointer-events: all; } + +.embedded.board { + overflow: hidden !important; } + +.board { + padding: 0 !important; + width: 100%; + height: 100%; + max-width: 100%; + max-height: 100%; + position: relative; + overflow: scroll; + /** { + -moz-user-select: none !important; // firefox has selection problems + }*/ } + .board .wrapper { + border: 1px dotted rgba(128, 128, 128, 0.5); + transition-duration: 0.25s; + transition-property: width, height, background-color; + background-repeat: no-repeat; + background-size: cover; } + +.snap-ruler-h { + pointer-events: none; + position: fixed; + z-index: 0; + right: 0px; + height: 1px; + background-color: rgba(0, 0, 0, 0.5); + left: 0px; } + +.snap-ruler-v { + pointer-events: none; + position: fixed; + z-index: 0; + top: 0px; + bottom: 0px; + width: 1px; + background-color: rgba(0, 0, 0, 0.5); } + +.cursor { + position: absolute; + z-index: 3000; + pointer-events: none; } + .cursor .icon { + margin-left: -12px; + margin-top: -3px; + margin-right: -6px; } + +.present-mode .artifact:hover:before, .present-mode .artifact:hover:after { + display: none !important; } + +.table .wrapper, +.article .wrapper { + max-width: 800px; + min-height: 100%; } + .table .wrapper .content, + .article .wrapper .content { + min-height: 100%; + padding-bottom: 60px; + padding-top: 60px; } + +.article img { + max-width: 100%; } + +.table .table-wrapper { + max-width: 100%; + position: relative; + width: auto; + margin-left: -18px; + margin-right: -18px; + margin-top: -18px; + margin-bottom: -18px; } + +.table table { + width: 100%; + table-layout: auto; + border-collapse: separate; + border-spacing: 18px 18px; } + +.table tr { + border-top: 1px solid rgba(255, 255, 255, 0.125); } + +.table td, +.table th { + border: none; + vertical-align: top; + text-align: left; } + +.section .wrapper { + position: absolute; } + +#space { + /*-webkit-user-select: all; + -ms-user-select: all; + -moz-user-select: all; + user-select: all;*/ + position: relative; + height: 100% !important; + background-color: #eee; } + +#made-with { + position: fixed; + width: 100%; + bottom: 0; + padding: 12px; + opacity: 0.25; } + #made-with a { + color: #222; } + #made-with p { + text-align: center; + font-size: 11px; } + +#baseline { + position: absolute; + width: 100%; + pointer-events: none; + z-index: 10000; + list-style: none; + padding: 0; + margin: 0; + opacity: 0.05; + top: 0; + display: none; } + #baseline li { + height: 6px; + border-bottom: 1px solid #3d9ee9; } + +#space-header .item-meta { + color: #888; } + #space-header .item-meta .item-social { + float: right; + padding-right: 8px; + color: #888; } + #space-header .item-meta .item-social .item-likes.active .icon-heart { + color: #ff5955; } + #space-header .item-meta .item-social .item-likes, + #space-header .item-meta .item-social .item-comments, + #space-header .item-meta .item-social .item-shares { + position: relative; + cursor: pointer; } + #space-header .item-meta .item-social .item-likes .number, + #space-header .item-meta .item-social .item-comments .number, + #space-header .item-meta .item-social .item-shares .number { + width: auto; } + +.space-bounds { + position: absolute; + left: 0px; + top: 0px; + pointer-events: none; + background-size: cover; + background-repeat: no-repeat; + min-width: 100%; + min-height: 100%; + background-color: white; } + +@-webkit-keyframes shake { + 0% { + -webkit-transform: translate(2px, 1px) rotate(0deg); } + 10% { + -webkit-transform: translate(-1px, -2px) rotate(-1deg); } + 20% { + -webkit-transform: translate(-3px, 0px) rotate(1deg); } + 30% { + -webkit-transform: translate(0px, 2px) rotate(0deg); } + 40% { + -webkit-transform: translate(1px, -1px) rotate(1deg); } + 50% { + -webkit-transform: translate(-1px, 2px) rotate(-1deg); } + 60% { + -webkit-transform: translate(-3px, 1px) rotate(0deg); } + 70% { + -webkit-transform: translate(2px, 1px) rotate(-1deg); } + 80% { + -webkit-transform: translate(-1px, -1px) rotate(1deg); } + 90% { + -webkit-transform: translate(2px, 2px) rotate(0deg); } + 100% { + -webkit-transform: translate(1px, -2px) rotate(-1deg); } } + +@-webkit-keyframes section-appear { + from { + opacity: 0; } + to { + opacity: 1; } } + +#minimap { + background-color: transparent; + position: absolute; + right: 30px; + bottom: 20px; + z-index: 20000; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.2); + overflow: hidden; } + #minimap div { + background-color: rgba(0, 0, 0, 0.1); + position: absolute; + z-index: 1; + pointer-events: none; } + #minimap div.window { + background-color: rgba(255, 255, 255, 0.01); + border: 1px solid rgba(255, 255, 255, 0.5); } + +.pro-teaser-colorpicker { + background-image: image-url("images/pro-teaser-colorpicker.png"); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + width: 100%; + height: 400px; + text-align: center; } + .pro-teaser-colorpicker p { + padding: 30px; + padding-bottom: 110px; + background-color: rgba(255, 255, 255, 0.8); } + .pro-teaser-colorpicker button { + margin-top: 40px; } + +.jewel-pro { + color: white !important; + background-color: #3d9ee9 !important; + top: -5px !important; + right: -5px !important; } + +.disabled-pro { + opacity: 0.7; } + +#space-loading { + position: fixed; + z-index: 10000; + display: table; + width: 200px; + height: 200px; + left: 50%; + top: 50%; + margin-top: -100px; + margin-left: -100px; + background-color: white; + border-radius: 100px; + opacity: 0; + pointer-events: none; + transition: opacity 1s ease-out; } + #space-loading > div { + display: table-cell; + vertical-align: middle; + text-align: center; } + #space-loading .spinner { + background-image: url("/images/hourglass.gif"); } + #space-loading.active { + opacity: 1; } + +#sidebar { + opacity: 0; + filter: alpha(opacity=0); + -webkit-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 20001; + position: absolute; + top: 0px; + max-height: 50%; + width: 280px; + font-size: 14px; + color: #888; + background-color: #f5f5f5 !important; + right: 0px; + overflow-y: auto; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } + #sidebar.folder-sidebar { + height: 100%; + max-height: 100%; } + #sidebar small, + #sidebar p { + color: #888; } + #sidebar.in { + opacity: 1; + filter: alpha(opacity=100); + pointer-events: all; } + #sidebar #sidebar-options { + position: absolute; + top: 0; + width: 100%; + z-index: 1100; + height: auto; + padding: 7px 20px; + border-bottom: 2px solid rgba(0, 0, 0, 0.1); + background-color: #292929; } + #sidebar #sidebar-rim { + position: absolute; + top: 0%; + margin-top: -30px; + height: 100%; + left: 100%; + z-index: 4000; + font-size: 40px; + background-color: #292929; + opacity: 0.1; + width: 1px !important; + padding: 0px; + min-width: 0px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + #sidebar .sidebar-footer { + position: absolute; + bottom: 0px; + width: 100%; + z-index: 1000; + padding: 0px 25px; + padding-bottom: 10px; + background-color: #292929; } + #sidebar .sidebar-header { + display: block; + width: 100%; + background-color: #292929; + min-height: 62px; + border-bottom: 2px solid rgba(0, 0, 0, 0.1); } + #sidebar .sidebar-header .btn-group { + margin: 10px; } + #sidebar .sidebar-header .sidebar-title { + font-size: 13px; + height: 60px; + line-height: 30px; + padding: 15px 55px; + display: block; + margin: 0px; + z-index: 0; + text-align: center; + width: 100%; + position: absolute; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + #sidebar .sidebar-header .sidebar-title:first-letter { + text-transform: capitalize; } + #sidebar .sidebar-section { + padding: 25px; + border-bottom: 2px solid rgba(0, 0, 0, 0.1); } + #sidebar .sidebar-section h4 .btn { + margin-right: -10px; + margin-top: -10px; } + #sidebar .sidebar-menu { + position: absolute; + top: 60px; + width: 100%; + min-height: 60px; + text-align: center; + background-color: #292929; + background-color: #242424; + border-bottom: 2px solid rgba(0, 0, 0, 0.1); + font-size: 0; + z-index: 900; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + pointer-events: none; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px); } + #sidebar .sidebar-menu .btn { + width: 50%; } + #sidebar .sidebar-menu#file-create .icon { + opacity: 0.25; + position: absolute; + pointer-events: none; + top: 6px; + left: 8px; } + #sidebar .sidebar-menu#file-create .input { + background-color: transparent; + border: none; + display: block; + height: 60px !important; + min-height: 58px !important; + line-height: 30px; + font-size: 15px !important; + color: #f5f5f5; + position: absolute; + z-index: 1000; + top: -1px; + width: 100%; + padding-left: 50px; } + #sidebar .sidebar-menu#file-create .input:first-letter { + text-transform: capitalize; } + #sidebar .sidebar-menu.in { + background-color: #292929; + pointer-events: auto; + opacity: 1; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); } + #sidebar .sidebar-menu.disabled .btn { + opacity: 0.125; + filter: alpha(opacity=12.5); + pointer-events: none; } + #sidebar .sidebar-menu-backdrop { + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + position: absolute; + z-index: 800; + top: 60px; + width: 100%; + height: 100%; + background-color: transparent; + pointer-events: none; } + #sidebar .sidebar-menu-backdrop.in { + pointer-events: auto; + background-color: rgba(30, 30, 30, 0.5); } + #sidebar #search-input { + padding: 15px 25px; + font-size: 14px; } + #sidebar #search-input:-moz-placeholder, #sidebar #search-input::-moz-placeholder, #sidebar #search-input:-ms-input-placeholder { + font-family: Avenir W01; } + #sidebar #search-input::-webkit-input-placeholder { + font-family: Avenir W01; } + #sidebar #online-members > div:not(.in) { + display: none; } + +.artifact { + position: relative; + /*&.artifact-text.text-blank [contentEditable=true]:not(.text-editing) p:first-child::after { + content: "Double click to edit"; + opacity: 0.25; + } + + &.artifact-text.text-blank [contentEditable=true].text-editing p:first-child::after { + content: "Type here"; + opacity: 0.25; + }*/ + /*&.vector { + pointer-events: none; + div, svg { + pointer-events: none; + } + + svg * { + pointer-events: painted; + } + }*/ } + .artifact iframe { + width: 100% !important; + display: block; + max-height: 100%; } + .artifact.hide-text .text { + opacity: 0; } + .artifact.locked.selected { + box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.5) !important; } + .artifact .placeholder .btn { + position: absolute; + top: 50%; + left: 50%; + margin: -22px; } + .artifact.artifact-text.text-blank p:first-child br { + display: none; } + .artifact .link-wrapper { + position: absolute; + width: 100%; + top: 100%; + display: block; + text-align: center; + max-width: 100%; + overflow-x: hidden; + margin-top: -3em; } + .artifact .edit { + position: absolute; + top: 10px; + right: 10px; } + .artifact .ios-focuser { + position: absolute; + top: 0; + right: 0; + width: 20px; + opacity: 0; + z-index: 0; } + .artifact .text { + overflow: hidden; + width: auto; + height: auto; + height: 100%; } + .artifact:not(.artifact-text) .text-column:not(.text-editing):empty { + display: none !important; } + .artifact.x-spacedeck-shape .clip { + height: 100%; } + .artifact .shape { + position: absolute; } + .artifact .text-table { + display: table; + width: 100%; + height: 100%; } + .artifact .text-table .text-cell { + display: table-cell; + position: relative; + height: 100%; } + .artifact .text-table .text-cell .text-column { + width: 100%; + -webkit-line-break: after-white-space; + display: block; + word-wrap: break-word; + line-height: 1.5em; + font-size: 18px; } + .artifact .text-table .text-cell .text-column.text-editing { + min-height: 18px; + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; + pointer-events: auto; } + .artifact .text-table .text-cell .text-column.text-editing * { + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; } + .artifact .text-table .text-cell .text-column p:last-child, + .artifact .text-table .text-cell .text-column ul:last-child { + margin-bottom: 0em !important; } + .artifact .text-table .text-cell .text-column h1, + .artifact .text-table .text-cell .text-column h2, + .artifact .text-table .text-cell .text-column li { + margin-top: 0; + margin-bottom: 0.5em; } + .artifact .text-table .text-cell .text-column h1:last-child, + .artifact .text-table .text-cell .text-column h2:last-child, + .artifact .text-table .text-cell .text-column li:last-child { + margin-bottom: 0em !important; } + .artifact .text-table .text-cell .text-column h1 { + line-height: 1.1; } + .artifact .text-table .text-cell .text-column h2 { + font-size: 40px; + line-height: 1.1; } + .artifact .text-table .text-cell .text-column h3 { + font-size: 30px; + line-height: 1.1; } + .artifact .text-table .text-cell .text-column h4 { + font-size: 20px; + line-height: 1.1; } + .artifact .text-table .text-cell .text-column blockquote { + font-size: inherit; + font-weight: inherit; + margin-left: 20px; + margin-right: 20px; } + .artifact .text-table .text-cell .text-column h3, + .artifact .text-table .text-cell .text-column h4, + .artifact .text-table .text-cell .text-column h5, + .artifact .text-table .text-cell .text-column ul, + .artifact .text-table .text-cell .text-column p { + margin-top: 0; + margin-bottom: 0.5em; } + .artifact .text-table .text-cell .text-column h3:last-child, + .artifact .text-table .text-cell .text-column h4:last-child, + .artifact .text-table .text-cell .text-column h5:last-child, + .artifact .text-table .text-cell .text-column ul:last-child, + .artifact .text-table .text-cell .text-column p:last-child { + margin-bottom: 0em !important; } + .artifact .text-table .text-cell .text-column a { + pointer-events: none; } + .artifact .text-table .text-cell .text-column ol { + padding: 0; + counter-reset: list-counter; } + .artifact .text-table .text-cell .text-column ol li { + list-style: none; + position: relative; + padding-left: 1em; + counter-increment: list-counter; + font-size: inherit; } + .artifact .text-table .text-cell .text-column ol li:before { + color: inherit; + top: 0; + left: 0; + content: counter(list-counter); + position: absolute; } + .artifact .text-table .text-cell .text-column ul { + padding: 0; } + .artifact .text-table .text-cell .text-column ul li { + list-style: none; + position: relative; + padding-left: 1em; + font-size: inherit; } + .artifact .text-table .text-cell .text-column ul li:before { + color: inherit; + top: 0; + left: 0; + content: "\2022"; + position: absolute; } + .artifact .text-table .text-cell .text-column li, + .artifact .text-table .text-cell .text-column p { + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + -o-hyphens: auto; + hyphens: auto; } + .artifact .text-table .text-cell .text-column * { + -webkit-backface-visibility: visible; + -moz-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; } + .artifact .text-table .text-cell .text-column > * { + display: block; } + .artifact .oembed, + .artifact div[class*='oembed-'] { + height: 100%; } + .artifact .oembed .play, + .artifact div[class*='oembed-'] .play { + position: absolute; + top: 50%; + left: 50%; + margin: -30px; + z-index: 100; + background-color: #f5f5f5 !important; + color: #292929 !important; } + .artifact .oembed .meta, + .artifact div[class*='oembed-'] .meta { + padding-top: 10px; + font-size: 10px; + display: block; + position: absolute; + top: 100%; + width: 100%; + z-index: 100; + color: #888; + text-align: left; } + .artifact .oembed .meta .link, + .artifact div[class*='oembed-'] .meta .link { + position: absolute; + left: -12px; + bottom: -4px; } + .artifact .oembed .meta .description, + .artifact div[class*='oembed-'] .meta .description { + padding-left: 28px; + display: block; } + .artifact .oembed iframe, + .artifact div[class*='oembed-'] iframe { + width: 100% !important; + height: 100% !important; } + .artifact .oembed:not(.interactive) iframe, + .artifact div[class*='oembed-']:not(.interactive) iframe { + pointer-events: none; } + .artifact .oembed .title, + .artifact div[class*='oembed-'] .title { + font-size: 20px; } + .artifact .oembed .image, + .artifact div[class*='oembed-'] .image { + height: auto; + top: 0; + bottom: 0px; + position: absolute; + width: 100%; } + .artifact .oembed .interact, + .artifact div[class*='oembed-'] .interact { + position: absolute; + top: 50%; + left: 50%; + margin-left: -30px; + margin-top: -30px; } + .artifact .image { + height: 100%; + background-position: center top; + background-size: cover; + background-repeat: no-repeat; } + .artifact .image video { + width: 100%; + height: 100%; } + .artifact .video { + width: 100%; + height: 100%; + background-size: cover; } + .artifact .video .title { + position: absolute; + bottom: 0px; + left: 0px; + z-index: 1; + color: #888; + background-color: white; + display: block; + width: 100%; + padding: 10px 15px; + font-size: 10px; } + .artifact .video video { + width: 100%; + height: 100%; } + .artifact .video .tl-controls { + position: absolute; + bottom: 10px; + left: 10px; + right: 10px; + text-align: center; } + .artifact .video .tl-controls .btn { + margin-top: 20px; } + .artifact .audio { + height: 100%; } + .artifact .audio .timeline { + position: absolute; + left: 0; + top: 0; + width: 100%; + bottom: 54px; + background-size: 100% 100%; + cursor: crosshair; + margin-bottom: 10px; + overflow: hidden; } + .artifact .audio .timeline .tl-current-time { + height: 100%; + background: white; + opacity: 0.5; + border-right: 1px solid #888; } + .artifact .audio .timeline .tl-inpoint { + width: 1px; + bottom: 0px; + background: #333; + position: absolute; + top: 0px; + z-index: 1; } + .artifact .audio .timeline .tl-outpoint { + width: 1px; + bottom: 0px; + background: #333; + position: absolute; + top: 0px; + z-index: 2; } + .artifact .audio .tl-controls { + position: absolute; + bottom: 10px; + left: 10px; + right: 10px; + text-align: center; } + .artifact .audio .tl-controls .btn { + margin-top: 20px; } + .artifact .audio .tl-title { + margin-left: 10px; + max-width: 55%; + overflow: hidden; + display: inline-block; + max-height: 2em; + text-overflow: ellipsis; + white-space: nowrap; + margin-top: -18px; + margin-bottom: -18px; + margin-right: 10px; } + .artifact img { + width: 100%; + height: 100%; } + .artifact.bold { + font-weight: bold; } + .artifact.italic { + font-style: italic; } + .artifact.underline { + text-decoration: underline; } + .artifact.strike { + text-decoration: line-through; } + .artifact.align-top .text-cell { + vertical-align: top; } + .artifact.align-middle .text-cell { + vertical-align: middle; } + .artifact.align-bottom .text-cell { + vertical-align: bottom; } + .artifact.align-left { + text-align: left; } + .artifact.align-center { + text-align: center; } + .artifact.align-right { + text-align: right; } + .artifact.align-justify { + text-align: justify; } + .artifact audio { + width: 100%; } + +.board .artifact { + position: absolute; + color: black; + white-space: normal; + font-size: 18px; } + .board .artifact.artifact-zone { + border: 1px solid #2ecc71; + background-color: rgba(46, 204, 113, 0.025); + border-radius: 10px; } + .board .artifact.artifact-zone:after { + display: none; } + .board .artifact.artifact-zone .shape { + display: none; } + .board .artifact.artifact-zone .zone { + height: 100%; } + +body.present-mode #space .artifact-zone { + display: none; } + +body.present-mode #space .artifact { + cursor: default !important; } + body.present-mode #space .artifact .text a { + pointer-events: auto !important; } + +body:not(.present-mode) #space .Medium { + cursor: text; } + +body:not(.present-mode) #space .artifact.selected.text-editing, body:not(.present-mode) #space .artifact.text-editing { + cursor: text; } + body:not(.present-mode) #space .artifact.selected.text-editing:before, body:not(.present-mode) #space .artifact.text-editing:before { + border: 1px solid rgba(255, 255, 255, 0.25); } + body:not(.present-mode) #space .artifact.selected.text-editing:after, body:not(.present-mode) #space .artifact.text-editing:after { + border: 1px dotted rgba(40, 140, 215, 0.5); + background-color: transparent !important; } + +body:not(.present-mode) #space .artifact.selected { + cursor: -webkit-grab; + cursor: -moz-grab; } + body:not(.present-mode) #space .artifact.selected:active { + cursor: -webkit-grabbing; + cursor: -moz-grabbing; } + body:not(.present-mode) #space .artifact.selected:not(.artifact-vector):after { + border: 1px solid #288cd7; } + +.mouse-scribble, .tool-scribble, .tool-line, .tool-arrow { + cursor: crosshair !important; } + .mouse-scribble .artifact, .tool-scribble .artifact, .tool-line .artifact, .tool-arrow .artifact { + pointer-events: none !important; } + .mouse-scribble .artifact:after, .mouse-scribble .artifact:before, .tool-scribble .artifact:after, .tool-scribble .artifact:before, .tool-line .artifact:after, .tool-line .artifact:before, .tool-arrow .artifact:after, .tool-arrow .artifact:before { + display: none !important; } + +.tool-pan { + cursor: grab !important; } + +.artifact.state-idle .progress, .artifact.state-idle .progress-text { + display: none; } + +.artifact.state-processing, .artifact.state-uploading { + background-color: white; } + .artifact.state-processing .progress, .artifact.state-uploading .progress { + height: 100%; + padding: 10px; + background-color: #3d9ee9; + opacity: 0.9; + text-align: center; } + .artifact.state-processing .progress-text, .artifact.state-uploading .progress-text { + text-align: center; + padding: 8px; + width: 100%; + position: absolute; + left: 0px; + top: 0px; + color: #888; + font-size: 10px; } + .artifact.state-processing video, .artifact.state-processing audio, .artifact.state-processing .tl-controls, .artifact.state-processing .timeline, .artifact.state-uploading video, .artifact.state-uploading audio, .artifact.state-uploading .tl-controls, .artifact.state-uploading .timeline { + display: none; } + +.state-processing .spinner { + opacity: 1; + background-image: url("/images/hourglass.gif"); } + +.state-uploading .spinner { + opacity: 0.8; + background-image: url("/images/hourglass.gif"); } + +.state-idle .spinner { + display: none; } + +.artifact.image { + background-color: transparent; } + .artifact.image.state-loading { + background-color: rgba(40, 140, 215, 0.05); } + .artifact.image.state-processing { + background-color: rgba(107, 195, 111, 0.05); } + +.spinner { + height: 44px; + width: 44px; + position: absolute; + top: 50%; + left: 50%; + margin: -22px; + border-radius: 100%; + background-size: cover; + background-repeat: no-repeat; } + +#pick-mobile img { + width: 200px; } + +#pick-mobile .artifact { + display: block; + width: 200px; + height: 150px; + float: left; + font-size: 14px; + line-height: 20px; } + #pick-mobile .artifact .text { + padding: 10px; } + +#pick-mobile .spinner { + display: none !important; } + +#pick-mobile .video { + height: 100%; } + +.icon-controls-play:before { + line-height: 40px !important; + left: 1px !important; } + +.artifact .selection-actions { + display: none; } + +.artifact.selected .selection-actions { + display: block; } + +.selection-actions { + position: absolute; + right: 0; + top: 0; + padding: 10px; + pointer-events: auto; } + +.selected .handles { + display: block; } + +.handles { + border: 1px solid rgba(255, 255, 255, 0.5); + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 800; + pointer-events: none; } + .handles:after { + border: 1px dotted #288cd7; + content: ""; + display: block; + position: absolute; + height: auto; + width: auto; + top: -1px; + left: -1px; + right: -1px; + bottom: -1px; } + +.extreme-zoom .handles { + border: 8px solid rgba(255, 255, 255, 0.5); } + .extreme-zoom .handles:after { + border: 8px dotted #288cd7; + top: -4px; + left: -4px; + right: -4px; + bottom: -4px; } + +.extreme-zoom .handle { + -webkit-transform: scale(8, 8); + -ms-transform: scale(8, 8); + transform: scale(8, 8); } + .extreme-zoom .handle:hover { + -webkit-transform: scale(12, 12); + -ms-transform: scale(12, 12); + transform: scale(12, 12); } + +.mouse-scribble .handles, .mouse-scribble .handles:after, .mouse-vector_transform .handles, .mouse-vector_transform .handles:after { + display: none !important; } + +.resize-nw .value-w { + right: 35px; + top: -10px; + -webkit-transform-origin: center right; + -moz-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; } + .resize-nw .value-w:after { + left: 100%; + margin-top: -13px; + top: 50%; + margin-left: -5px; + border-top: 13px solid transparent; + border-bottom: 13px solid transparent; + border-left: 13px solid #222; } + +.resize-nw .value-h { + left: -10px; + bottom: 35px; + -webkit-transform-origin: bottom center; + -moz-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; } + .resize-nw .value-h:after { + top: 100%; + margin-left: -13px; + left: 50%; + margin-top: -5px; + border-left: 13px solid transparent; + border-right: 13px solid transparent; + border-top: 13px solid #222; } + +.resize-ne .value-w { + left: 35px; + top: -10px; + -webkit-transform-origin: center left; + -moz-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; } + .resize-ne .value-w:after { + right: 100%; + margin-top: -13px; + top: 50%; + margin-right: -5px; + border-top: 13px solid transparent; + border-bottom: 13px solid transparent; + border-right: 13px solid #222; } + +.resize-ne .value-h { + right: -10px; + bottom: 35px; + -webkit-transform-origin: bottom center; + -moz-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; } + .resize-ne .value-h:after { + top: 100%; + margin-left: -13px; + left: 50%; + margin-top: -5px; + border-left: 13px solid transparent; + border-right: 13px solid transparent; + border-top: 13px solid #222; } + +.resize-se .value-w { + left: 35px; + bottom: -10px; + -webkit-transform-origin: center left; + -moz-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; } + .resize-se .value-w:after { + right: 100%; + margin-top: -13px; + top: 50%; + margin-right: -5px; + border-top: 13px solid transparent; + border-bottom: 13px solid transparent; + border-right: 13px solid #222; } + +.resize-se .value-h { + right: -10px; + top: 35px; + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + pointer-events: none; } + .resize-se .value-h:after { + bottom: 100%; + margin-left: -13px; + left: 50%; + margin-bottom: -5px; + border-left: 13px solid transparent; + border-right: 13px solid transparent; + border-bottom: 13px solid #222; } + +.resize-sw .value-w { + right: 35px; + bottom: -10px; + -webkit-transform-origin: center right; + -moz-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; } + .resize-sw .value-w:after { + left: 100%; + margin-top: -13px; + top: 50%; + margin-left: -5px; + border-top: 13px solid transparent; + border-bottom: 13px solid transparent; + border-left: 13px solid #222; } + +.resize-sw .value-h { + left: -10px; + top: 35px; + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; } + .resize-sw .value-h:after { + bottom: 100%; + margin-left: -13px; + left: 50%; + margin-bottom: -5px; + border-left: 13px solid transparent; + border-right: 13px solid transparent; + border-bottom: 13px solid #222; } + +.resize-n .value-h { + margin-left: -20px; + left: 50%; + bottom: 20px; + -webkit-transform-origin: bottom center; + -moz-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; } + .resize-n .value-h:after { + top: 100%; + margin-left: -13px; + left: 50%; + margin-top: -5px; + border-left: 13px solid transparent; + border-right: 13px solid transparent; + border-top: 13px solid #222; } + +.resize-e .value-w { + left: 20px; + top: 50%; + margin-top: -20px; + -webkit-transform-origin: center left; + -moz-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; } + .resize-e .value-w:after { + right: 100%; + margin-top: -13px; + top: 50%; + margin-right: -5px; + border-top: 13px solid transparent; + border-bottom: 13px solid transparent; + border-right: 13px solid #222; } + +.resize-s .value-h { + left: 50%; + margin-left: -20px; + top: 20px; + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; } + .resize-s .value-h:after { + bottom: 100%; + margin-left: -13px; + left: 50%; + margin-bottom: -5px; + border-left: 13px solid transparent; + border-right: 13px solid transparent; + border-bottom: 13px solid #222; } + +.resize-w .value-w { + right: 20px; + top: 50%; + margin-top: -20px; + -webkit-transform-origin: center right; + -moz-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; } + .resize-w .value-w:after { + left: 100%; + margin-top: -13px; + top: 50%; + margin-left: -5px; + border-top: 13px solid transparent; + border-bottom: 13px solid transparent; + border-left: 13px solid #222; } + +.value-h, +.value-w { + z-index: 1; + line-height: 40px; + width: 40px; + height: 40px; + display: inline-block; + position: absolute; + border-radius: 100%; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); + pointer-events: none !important; + -webkit-transition: all 0.1s 0.05s ease-in-out; + transition: all 0.1s 0.05s ease-in-out; + text-align: center; + background-color: #222; + color: #f5f5f5; + font-size: 10px; } + .value-h:after, + .value-w:after { + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + content: ""; + position: absolute; + width: 0; + height: 0; + pointer-events: none !important; } + +.handle > div > div > div:active .value-w, +.handle:active .value-h { + -webkit-transition: all 0.05s 0s cubic-bezier(0, 0, 0.7, 1.7); + transition: all 0.05s 0s cubic-bezier(0, 0, 0.7, 1.7); + opacity: 1; + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + +.edge-handle:active .value-w, +.edge-handle:active .value-h { + -webkit-transition: all 0.05s 0s cubic-bezier(0, 0, 0.7, 1.7); + transition: all 0.05s 0s cubic-bezier(0, 0, 0.7, 1.7); + opacity: 1; + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + +.edge-handle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + pointer-events: auto; + z-index: 1000; + position: absolute; + background-clip: content-box; + -webkit-transition: background-color 0.05s ease-in-out; + transition: background-color 0.05s ease-in-out; } + .edge-handle:active, .edge-handle:hover { + background-color: #3d9ee9; + -webkit-transition: background-color 0s ease-in-out; + transition: background-color 0s ease-in-out; } + .edge-handle.resize-n, .edge-handle.resize-s { + width: 100%; + height: 10px; } + .edge-handle.resize-w, .edge-handle.resize-e { + width: 10px; + height: 100%; } + .edge-handle.resize-n:active { + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; } + .edge-handle.resize-s:active { + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; } + .edge-handle.resize-w:active { + border-left: 3px solid transparent; + border-right: 3px solid transparent; } + .edge-handle.resize-e:active { + border-left: 3px solid transparent; + border-right: 3px solid transparent; } + .edge-handle.resize-n:active, .edge-handle.resize-n:hover { + cursor: ns-resize; } + .edge-handle.resize-s:active, .edge-handle.resize-s:hover { + cursor: ns-resize; } + .edge-handle.resize-w:active, .edge-handle.resize-w:hover { + cursor: ew-resize; } + .edge-handle.resize-e:active, .edge-handle.resize-e:hover { + cursor: ew-resize; } + .edge-handle.resize-n { + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + bottom: 100%; + margin-bottom: -5px; } + .edge-handle.resize-s { + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + top: 100%; + margin-top: -5px; } + .edge-handle.resize-w { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + right: 100%; + margin-right: -5px; } + .edge-handle.resize-e { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + left: 100%; + margin-left: -5px; } + +.vector-handle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + pointer-events: auto; + z-index: 2000; + position: absolute; + width: 30px !important; + height: 30px !important; + border-radius: 100%; + margin: -15px; + border: 1px solid rgba(0, 0, 0, 0.25); } + .vector-handle:hover { + background-color: rgba(255, 255, 255, 0.5); + cursor: move; } + +.handles-vector .handle, .handles-vector .edge-handle { + display: none !important; } + +.handles:not(.handles-vector) .vector-handle { + display: none; } + +.handle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + pointer-events: auto; + z-index: 2000; + position: absolute; + width: 60px !important; + height: 60px !important; + border-radius: 100%; + margin: -30px; + -webkit-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + -webkit-transform: scale(0.5, 0.5); + -ms-transform: scale(0.5, 0.5); + transform: scale(0.5, 0.5); } + .handle:hover { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + transform: scale(1, 1); } + .handle:hover .value-h, + .handle:hover .value-w { + display: block; } + .handle.resize-nw { + top: 0%; + left: 0%; } + .handle.resize-n { + top: 0%; + left: 50%; } + .handle.resize-ne { + top: 0%; + left: 100%; } + .handle.resize-e { + top: 50%; + left: 100%; } + .handle.resize-se { + top: 100%; + left: 100%; } + .handle.resize-s { + top: 100%; + left: 50%; } + .handle.resize-sw { + top: 100%; + left: 0%; } + .handle.resize-w { + top: 50%; + left: 0%; } + .handle.resize-nw > div > div > div { + cursor: nwse-resize; } + .handle.resize-n > div > div > div { + cursor: ns-resize; } + .handle.resize-ne > div > div > div { + cursor: nesw-resize; } + .handle.resize-e > div > div > div { + cursor: ew-resize; } + .handle.resize-se > div > div > div { + cursor: nwse-resize; } + .handle.resize-s > div > div > div { + cursor: ns-resize; } + .handle.resize-sw > div > div > div { + cursor: nesw-resize; } + .handle.resize-w > div > div > div { + cursor: ew-resize; } + .handle.resize-n { + display: none; } + .handle.resize-e { + display: none; } + .handle.resize-s { + display: none; } + .handle.resize-w { + display: none; } + .handle:hover > div > div > div { + border-width: 9px; } + .handle > div:hover > div > div { + border-width: 8px; } + .handle > div > div:hover > div { + border-width: 7px; } + .handle > div > div > div:hover { + border-width: 6px; } + .handle > div > div > div:active { + border-width: 6px; } + .handle > div > div > div { + background-color: #222; + border-style: solid; + border-width: 10px; + border-color: transparent; + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + -webkit-transition: all .05s ease-in-out; + -moz-transition: all .05s ease-in-out; + -ms-transition: all .05s ease-in-out; + -o-transition: all .05s ease-in-out; + transition: all .05s ease-in-out; } + .handle div { + position: relative; + border-radius: 100%; + top: 5px; + left: 5px; + -webkit-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; } + .handle > div { + width: 50px; + height: 50px; } + .handle > div > div { + width: 40px; + height: 40px; } + .handle > div > div > div { + z-index: 10; + width: 30px; + height: 30px; } + +.smoke { + text-align: center; + background-color: white; + box-shadow: 0 0px 20px #666; } + +.smoke-base { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + visibility: hidden; + opacity: 0; + background: rgba(0, 0, 0, 0.3); } + +.smoke-base.smoke-visible { + opacity: 1; + visibility: visible; } + +.smokebg { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; } + +.smoke-base .smoke-dialog { + margin: auto; + margin-top: 200px; + border-radius: 20px; + width: 400px; + padding: 10px; + font-size: 13pt; + text-align: left; } + +.smoke-dialog-prompt { + margin-top: 15px; + text-align: center; } + +.smoke-dialog-buttons { + margin: 20px 0 0 0; } + +.smoke-dialog-buttons button { + background-color: #3d9ee9; + color: #f5f5f5; + margin: 10px 0px 0px 5px; } + +.smoke-dialog-buttons button.cancel { + background-color: #f5f5f5; + color: #222; } + +.smoke-dialog-prompt input { + width: 75%; } + +.smoke-base .smoke-dialog-inner { + padding: 20px; + color: #202020; } + +#landing-header { + background-color: rgba(255, 255, 255, 0.3); + height: 64px; + position: absolute; + top: 0; + left: 0; + right: 0; } + +.landing-keyvisual-wrapper { + background-image: url("../images/sd5-keyvisual-compressed.jpg"); + background-size: cover; + background-position: center; + padding-top: 40px; + padding-bottom: 40px; } + +.landing-plans-wrapper { + background-image: url("../images/sd5-hero2-compressed.jpg"); + background-size: cover; + background-position: center; + padding-top: 80px; + padding-bottom: 100px; } + +.landing-box { + width: 800px; + margin: auto; + max-width: 90%; + background-color: white; + padding: 40px; + margin-bottom: 80px; + margin-top: 80px; + position: relative; + box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); } + .landing-box h1 { + margin-bottom: 20px; } + .landing-box.black { + background-color: #222; + color: white; + padding: 20px; + text-align: center; } + .landing-box.overlap { + position: absolute; + z-index: 2; + margin-top: -65px; + left: 50%; + top: 0px; + margin-left: -250px; + width: 500px; } + .landing-box.screenshot { + width: 90%; + max-width: 90%; + padding: 20px; + box-shadow: none; + background-color: transparent; } + .landing-box.screenshot img { + width: 100%; + position: absolute; + top: 0px; + left: 0px; + opacity: 0.3; } + .landing-box.landing-box-left { + margin-left: 30px; } + +.lead { + margin-bottom: 20px; } + +.plans-box { + background: linear-gradient(to bottom, #FEFFFF 25%, #D0D8E2 100%); + padding: 40px; + border-radius: 9px; } + +.landing-box.plans-box { + margin-top: 200px; + width: 900px; } + +.plans-table tr { + vertical-align: top; } + +.plans-table th { + font-size: 42px; + padding-top: 40px; + text-align: center; } + +.plans-table th.best-plan { + padding-top: 20px; + font-size: 48px; + padding-bottom: 0px; } + +.plans-table td { + padding: 20px; + width: 30%; } + .plans-table td p, .plans-table td li { + font-size: 18px; } + .plans-table td li { + margin-bottom: 10px; } + +.plans-table td.best-plan { + width: 40%; } + .plans-table td.best-plan p { + font-size: 22px; } + +.plans-table td li { + list-style-type: none; + text-align: center; } + +.plans-table ul { + margin: 0 !important; + padding: 0 !important; } + +.plans-table .upgrade-buttons { + text-align: center; + margin-top: 20px; } + +.logo-row { + position: relative; + padding: 80px; + background-color: white; + text-align: center; + width: 100%; } + .logo-row.blue { + background-color: #3d9ee9; + color: white; } + +.logo-row div { + display: inline-block; + width: 200px; } + +.landing-row { + background-color: white; + padding-bottom: 80px; + padding-top: 40px; } + +#keyvisual { + border-radius: 20px; + box-shadow: 0px 0px 20px #eee; + width: 640px; + height: 420px; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + background-image: url("/images/landing/spacedeck-screenshot1.jpg"); + background-color: white; + margin: auto; + margin-top: 40px; + margin-bottom: 40px; + border: 1px solid #eee; } + +#legal .landing-box { + width: 800px; } + +.footer { + padding: 40px; + padding-bottom: 80px; + text-align: center; + color: #888; } + .footer a { + margin-right: 20px; } + +@media screen and (min-width: 801px) { + .plans-table-mobile { + display: none; } } + +@media screen and (max-width: 800px) { + ul.lead.lead-xl, p.lead.lead-xl, ol.lead.lead-xl { + font-size: 20px !important; } + .header-right > span:first-child { + display: none; } + .plans-table { + display: none; } + .plans-table-mobile { + display: block; } + .plans-table-mobile tbody { + display: block; + width: 100%; } + .plans-table-mobile tr { + display: block; + width: 100%; } + .plans-table-mobile td, .plans-table-mobile th { + display: block; + width: 100%; } + .plans-table-mobile ul, .plans-table-mobile li { + width: 100%; } } + +html, +body { + height: 100%; + -webkit-tap-highlight-color: transparent; + background-color: white; + background-color: #f5f5f5; + color: #292929; } + +*[contenteditable="true"] { + outline: none; } + +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +body { + max-width: 100%; + padding: 0px; + text-rendering: optimizeLegibility; + cursor: default; } + +.img img { + max-width: 100%; + height: auto; } + +.plan { + color: #888; + border-radius: 3px; + display: inline-block; + padding: 30px; + background-color: transparent; + border: 2px solid rgba(0, 0, 0, 0.05); + width: 100%; } + .plan.active { + background-color: white; + border: none; } + .plan h4 { + color: black; + margin-bottom: 0px; } + .plan p { + font-size: 13px; + line-height: 1.4; + margin-top: 5px; + margin-bottom: 5px; } + .plan ul { + list-style: none; + font-size: 10px; + margin: 0px; + padding: 0px; + border-top: 2px solid rgba(0, 0, 0, 0.05); + padding-top: 20px; + margin-top: 20px; + margin-bottom: 20px; } + .plan ul li { + padding-top: 2px; } + +#startup { + background-position: center; + background-image: url(/images/diamond.svg); + background-repeat: no-repeat; } + +#home { + background-color: white; } + +.layer { + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + width: auto; + height: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; + pointer-events: none; + display: none; + z-index: 1000; } + .layer.top-layer { + z-index: 3500; } + .layer.in { + display: block; + z-index: 2000; + pointer-events: auto; + opacity: 1; } + .layer.in.top-layer { + z-index: 3500; } + +[draggable] { + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + user-select: none; + /* Required to make elements draggable in old WebKit */ + -khtml-user-drag: element; + -webkit-user-drag: element; } + +[v-cloak] { + display: none !important; }