spacedeck-open/public/stylesheets/style.css

16526 lines
368 KiB
CSS
Raw Normal View History

@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; }