* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-font-smoothing: subpixel-antialiased; } em { font-style: italic; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } img { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } sup { font-size: 0.6em; vertical-align: text-top; margin-left: 0.2em; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'mercury-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e904"; } .icon-edit:before { content: "\e927"; } .icon-colours:before { content: "\e92a"; } .icon-toggle:before { content: "\e92d"; } .icon-eyedropper:before { content: "\e932"; } .icon-image:before { content: "\e93c"; } .icon-images:before { content: "\e93e"; } .icon-image-simple:before { content: "\e941"; } .icon-camera:before { content: "\e944"; } .icon-music:before { content: "\e94b"; } .icon-play:before { content: "\e957"; } .icon-media:before { content: "\e95b"; } .icon-recording:before { content: "\e969"; } .icon-game:before { content: "\e96d"; } .icon-new:before { content: "\e97b"; } .icon-connection:before { content: "\e97c"; } .icon-connection-medium:before { content: "\e97d"; } .icon-connection-low:before { content: "\e97e"; } .icon-connection-none:before { content: "\e97f"; } .icon-mic:before { content: "\e989"; } .icon-mic-off:before { content: "\e98a"; } .icon-file:before { content: "\e99d"; } .icon-file-black:before { content: "\e99e"; } .icon-files:before { content: "\e99f"; } .icon-files-black:before { content: "\e9a0"; } .icon-file-add:before { content: "\e9a1"; } .icon-file-add-black:before { content: "\e9a2"; } .icon-file-minus:before { content: "\e9a3"; } .icon-file-minus-black:before { content: "\e9a4"; } .icon-file-download:before { content: "\e9a5"; } .icon-file-download-black:before { content: "\e9a6"; } .icon-file-upload:before { content: "\e9a7"; } .icon-file-upload-black:before { content: "\e9a8"; } .icon-file-check:before { content: "\e9a9"; } .icon-file-check-black:before { content: "\e9aa"; } .icon-file-view:before { content: "\e9ab"; } .icon-file-view-black:before { content: "\e9ac"; } .icon-file-text:before { content: "\e9ad"; } .icon-file-text-black:before { content: "\e9ae"; } .icon-file-picture:before { content: "\e9af"; } .icon-file-picture-black:before { content: "\e9b0"; } .icon-file-music:before { content: "\e9b1"; } .icon-file-music-black:before { content: "\e9b2"; } .icon-file-video:before { content: "\e9b5"; } .icon-file-video-black:before { content: "\e9b6"; } .icon-file-zip:before { content: "\e9b9"; } .icon-file-zip-black:before { content: "\e9ba"; } .icon-file-xml:before { content: "\e9bb"; } .icon-file-xml-black:before { content: "\e9bc"; } .icon-file-presentation:before { content: "\e9bf"; } .icon-file-presentation-black:before { content: "\e9c0"; } .icon-file-stats:before { content: "\e9c1"; } .icon-file-stats-black:before { content: "\e9c2"; } .icon-file-spreadsheet:before { content: "\e9c5"; } .icon-file-spreadsheet-black:before { content: "\e9c6"; } .icon-paste:before { content: "\e9cc"; } .icon-folder:before { content: "\e9d0"; } .icon-folder-search:before { content: "\e9d1"; } .icon-folder-download:before { content: "\e9d2"; } .icon-folder-upload:before { content: "\e9d3"; } .icon-folder-plus:before { content: "\e9d5"; } .icon-folder-minus:before { content: "\e9d7"; } .icon-folder-check:before { content: "\e9d8"; } .icon-folder-heart:before { content: "\e9d9"; } .icon-folder-remove:before { content: "\e9da"; } .icon-cc:before { content: "\e9ec"; } .icon-tag:before { content: "\e9ee"; } .icon-tags:before { content: "\e9ef"; } .icon-barcode:before { content: "\e9f7"; } .icon-qrcode:before { content: "\e9f8"; } .icon-cart:before { content: "\ea01"; } .icon-cart-plus:before { content: "\ea03"; } .icon-cart-add2:before { content: "\ea04"; } .icon-cart-remove:before { content: "\ea05"; } .icon-cash:before { content: "\ea12"; } .icon-credit-card:before { content: "\ea15"; } .icon-calculator:before { content: "\ea19"; } .icon-help:before { content: "\ea1b"; } .icon-landline:before { content: "\ea1c"; } .icon-phone:before { content: "\ea1d"; } .icon-phone-off:before { content: "\ea1e"; } .icon-phone-signal:before { content: "\ea1f"; } .icon-phone-plus:before { content: "\ea22"; } .icon-phone-minus:before { content: "\ea23"; } .icon-phone-incoming:before { content: "\ea24"; } .icon-phone-outgoing:before { content: "\ea25"; } .icon-address-book:before { content: "\ea2c"; } .icon-at-sign:before { content: "\ea2f"; } .icon-mail:before { content: "\ea32"; } .icon-location:before { content: "\ea38"; } .icon-location-marker:before { content: "\ea39"; } .icon-compass:before { content: "\ea3f"; } .icon-compas-part-filled:before { content: "\ea40"; } .icon-compass-filled:before { content: "\ea41"; } .icon-reset:before { content: "\ea4b"; } .icon-clock:before { content: "\ea4f"; } .icon-watch-digital:before { content: "\ea51"; } .icon-watch-analogue:before { content: "\ea52"; } .icon-alarm:before { content: "\ea53"; } .icon-alarm-add:before { content: "\ea54"; } .icon-alarm-check:before { content: "\ea55"; } .icon-alarm-cancel:before { content: "\ea56"; } .icon-stopwatch:before { content: "\ea5e"; } .icon-calendar:before { content: "\ea60"; } .icon-printer:before { content: "\ea67"; } .icon-mouse-left:before { content: "\ea6e"; } .icon-mouse-right:before { content: "\ea6f"; } .icon-display:before { content: "\ea73"; } .icon-display-filled:before { content: "\ea74"; } .icon-display-partial-filled:before { content: "\ea75"; } .icon-mobile:before { content: "\ea79"; } .icon-tablet:before { content: "\ea7a"; } .icon-mailbox:before { content: "\ea7f"; } .icon-mailbox-empty:before { content: "\ea80"; } .icon-outbox:before { content: "\ea81"; } .icon-inbox:before { content: "\ea82"; } .icon-download:before { content: "\ea87"; } .icon-upload:before { content: "\ea88"; } .icon-save:before { content: "\ea89"; } .icon-save-copy:before { content: "\ea8a"; } .icon-database:before { content: "\ea93"; } .icon-rotate-ccw:before { content: "\eaa9"; } .icon-rotate-cw:before { content: "\eaaa"; } .icon-undo:before { content: "\eabf"; } .icon-redo:before { content: "\eac0"; } .icon-chat:before { content: "\eac4"; } .icon-conversation:before { content: "\eac6"; } .icon-bubble-notification:before { content: "\eaca"; } .icon-bubble-dots:before { content: "\eace"; } .icon-user:before { content: "\eaf7"; } .icon-users:before { content: "\eaf8"; } .icon-user-plus:before { content: "\eaf9"; } .icon-user-minus:before { content: "\eafa"; } .icon-user-cancel:before { content: "\eafb"; } .icon-user-block:before { content: "\eafc"; } .icon-user-lock:before { content: "\eafd"; } .icon-user-check:before { content: "\eafe"; } .icon-quotes-left:before { content: "\eb1b"; } .icon-quotes-right:before { content: "\eb1c"; } .icon-binoculars:before { content: "\eb2f"; } .icon-search:before { content: "\eb30"; } .icon-zoom-in:before { content: "\eb31"; } .icon-zoom-out:before { content: "\eb32"; } .icon-enlarge:before { content: "\eb3e"; } .icon-shrink:before { content: "\eb3f"; } .icon-bigger:before { content: "\eb48"; } .icon-smaller:before { content: "\eb49"; } .icon-key:before { content: "\eb4a"; } .icon-toggles:before { content: "\eb5b"; } .icon-toggles-vertical:before { content: "\eb5c"; } .icon-settings:before { content: "\eb5f"; } .icon-tools:before { content: "\eb6c"; } .icon-bug:before { content: "\eb78"; } .icon-pie-chart:before { content: "\eb82"; } .icon-chart-line:before { content: "\eb87"; } .icon-meter-slow:before { content: "\ebe0"; } .icon-meter-medium:before { content: "\ebe1"; } .icon-meter-fast:before { content: "\ebe2"; } .icon-bin:before { content: "\ebfd"; } .icon-shield-check:before { content: "\ec32"; } .icon-shield-notice:before { content: "\ec33"; } .icon-shield:before { content: "\ec34"; } .icon-power:before { content: "\ec4b"; } .icon-clipboard-empty:before { content: "\ec50"; } .icon-clipboard-check:before { content: "\ec51"; } .icon-clipboard-filled:before { content: "\ec52"; } .icon-bullets-numbered:before { content: "\ec58"; } .icon-bullets-square:before { content: "\ec59"; } .icon-bullets-circles:before { content: "\ec5a"; } .icon-more-squares:before { content: "\ec5b"; } .icon-more-circles:before { content: "\ec5c"; } .icon-grid-squares:before { content: "\ec5d"; } .icon-grid-circles:before { content: "\ec5e"; } .icon-list:before { content: "\ec6d"; } .icon-list-move:before { content: "\ec6e"; } .icon-list-sort-down:before { content: "\ec6f"; } .icon-list-sort-up:before { content: "\ec70"; } .icon-cloud:before { content: "\ec75"; } .icon-cloud-download:before { content: "\ec76"; } .icon-cloud-upload:before { content: "\ec77"; } .icon-cloud-check:before { content: "\ec78"; } .icon-link:before { content: "\ec99"; } .icon-unlink:before { content: "\ec9a"; } .icon-flag-filled:before { content: "\eca4"; } .icon-flag-unfilled:before { content: "\eca5"; } .icon-attachment:before { content: "\ecac"; } .icon-star-empty:before { content: "\ece0"; } .icon-star-half:before { content: "\ece1"; } .icon-star-full:before { content: "\ece2"; } .icon-heart-filled:before { content: "\ecef"; } .icon-heart-empty:before { content: "\ecf0"; } .icon-heart-broken:before { content: "\ecf1"; } .icon-thumbs-up:before { content: "\ecf5"; } .icon-thumbs-down:before { content: "\ecf7"; } .icon-male:before { content: "\ecfe"; } .icon-female:before { content: "\ecff"; } .icon-warning:before { content: "\ed50"; } .icon-notification:before { content: "\ed52"; } .icon-question:before { content: "\ed56"; } .icon-plus:before { content: "\ed59"; } .icon-minus:before { content: "\ed5a"; } .icon-plus-circle:before { content: "\ed61"; } .icon-minus-circle:before { content: "\ed62"; } .icon-info-circle:before { content: "\ed64"; } .icon-cancel-circle:before { content: "\ed66"; } .icon-cross:before { content: "\ed6c"; } .icon-checkmark:before { content: "\ed6f"; } .icon-play3:before { content: "\ed7e"; } .icon-pause:before { content: "\ed7f"; } .icon-stop:before { content: "\ed80"; } .icon-previous:before { content: "\ed81"; } .icon-next:before { content: "\ed82"; } .icon-backward:before { content: "\ed83"; } .icon-forward:before { content: "\ed84"; } .icon-volume-mute:before { content: "\ed95"; } .icon-volume-increase:before { content: "\ed96"; } .icon-volume-decrease:before { content: "\ed97"; } .icon-first:before { content: "\edb5"; } .icon-last:before { content: "\edb6"; } .icon-up:before { content: "\edb7"; } .icon-right:before { content: "\edbb"; } .icon-down:before { content: "\edbf"; } .icon-left:before { content: "\edc3"; } .icon-arrow-up-left:before { content: "\edd3"; } .icon-arrow-up:before { content: "\edd4"; } .icon-arrow-up-right:before { content: "\edd5"; } .icon-arrow-right:before { content: "\edd6"; } .icon-arrow-down-right:before { content: "\edd7"; } .icon-arrow-down:before { content: "\edd8"; } .icon-arrow-down-left:before { content: "\edd9"; } .icon-arrow-left:before { content: "\edda"; } .icon-enter:before { content: "\ee40"; } .icon-backspace:before { content: "\ee44"; } .icon-sort-alpha-asc:before { content: "\ee4c"; } .icon-sort-alpha-desc:before { content: "\ee4d"; } .icon-sort-numeric-asc:before { content: "\ee4e"; } .icon-sort-numberic-desc:before { content: "\ee4f"; } .icon-sort-amount-asc:before { content: "\ee50"; } .icon-sort-amount-desc:before { content: "\ee51"; } .icon-sort-time-asc:before { content: "\ee52"; } .icon-sort-time-desc:before { content: "\ee53"; } .icon-battery-full:before { content: "\ee54"; } .icon-battery-high:before { content: "\ee55"; } .icon-battery-med-high:before { content: "\ee56"; } .icon-battery-med:before { content: "\ee57"; } .icon-battery-med-low:before { content: "\ee58"; } .icon-battery-low:before { content: "\ee59"; } .icon-battery-empty:before { content: "\ee5a"; } .icon-battery-charging:before { content: "\ee5b"; } .icon-command:before { content: "\ee62"; } .icon-shift:before { content: "\ee63"; } .icon-ctrl:before { content: "\ee64"; } .icon-opt:before { content: "\ee65"; } .icon-checkbox-checked:before { content: "\ee6e"; } .icon-checkbox-unchecked:before { content: "\ee6f"; } .icon-radio-checked:before { content: "\ee71"; } .icon-radio-unchecked:before { content: "\ee73"; } .icon-toggle-on:before { content: "\ee74"; } .icon-toggle-off:before { content: "\ee75"; } .icon-filter:before { content: "\ee8b"; } .icon-bold:before { content: "\ee97"; } .icon-underline:before { content: "\ee98"; } .icon-italic:before { content: "\ee99"; } .icon-strikethrough:before { content: "\ee9a"; } .icon-strikethrough2:before { content: "\ee9b"; } .icon-font-size:before { content: "\ee9c"; } .icon-page-break:before { content: "\eea4"; } .icon-superscript:before { content: "\eea6"; } .icon-subscript:before { content: "\eea7"; } .icon-pilcrow:before { content: "\eeb1"; } .icon-ltr:before { content: "\eeb2"; } .icon-rtl:before { content: "\eeb3"; } .icon-section:before { content: "\eeb6"; } .icon-left-align:before { content: "\eec1"; } .icon-center-align:before { content: "\eec2"; } .icon-right-align:before { content: "\eec3"; } .icon-justify-align:before { content: "\eec4"; } .icon-indent-increase:before { content: "\eec5"; } .icon-indent-decrease:before { content: "\eec6"; } .icon-share:before { content: "\eec8"; } .icon-embed:before { content: "\eecd"; } .icon-terminal:before { content: "\eed4"; } .icon-seven-segment-0:before { content: "\eed6"; } .icon-seven-segment-1:before { content: "\eed7"; } .icon-seven-segment-2:before { content: "\eed8"; } .icon-seven-segment-3:before { content: "\eed9"; } .icon-seven-segment-4:before { content: "\eeda"; } .icon-seven-segment-5:before { content: "\eedb"; } .icon-seven-segment-6:before { content: "\eedc"; } .icon-seven-segment-7:before { content: "\eedd"; } .icon-seven-segment-8:before { content: "\eede"; } .icon-seven-segment-9:before { content: "\eedf"; } .icon-share-icon:before { content: "\eee1"; } .icon-amazon:before { content: "\eee6"; } .icon-google:before { content: "\eee7"; } .icon-google-drive:before { content: "\eeee"; } .icon-facebook:before { content: "\eeef"; } .icon-instagram:before { content: "\eef1"; } .icon-whatsapp:before { content: "\eef2"; } .icon-spotify:before { content: "\eef3"; } .icon-twitter:before { content: "\eef5"; } .icon-rss:before { content: "\eefa"; } .icon-youtube:before { content: "\eefc"; } .icon-flickr:before { content: "\ef03"; } .icon-dropbox:before { content: "\ef0d"; } .icon-onedrive:before { content: "\ef0e"; } .icon-github:before { content: "\ef0f"; } .icon-wordpress:before { content: "\ef13"; } .icon-linux:before { content: "\ef1c"; } .icon-apple:before { content: "\ef1d"; } .icon-android:before { content: "\ef1f"; } .icon-windows8:before { content: "\ef21"; } .icon-skype:before { content: "\ef24"; } .icon-reddit:before { content: "\ef25"; } .icon-wikipedia:before { content: "\ef27"; } .icon-linkedin:before { content: "\ef29"; } .icon-stackoverflow:before { content: "\ef2f"; } .icon-paypal:before { content: "\ef37"; } .icon-chrome:before { content: "\ef38"; } .icon-firefox:before { content: "\ef39"; } .icon-IE:before { content: "\ef3a"; } .icon-edge:before { content: "\ef3b"; } .icon-safari:before { content: "\ef3c"; } .icon-opera:before { content: "\ef3d"; } .icon-pdf:before { content: "\ef3e"; } .icon-word:before { content: "\ef40"; } .icon-excel:before { content: "\ef41"; } .icon-html5:before { content: "\ef43"; } .icon-css3:before { content: "\ef45"; } .icofont { font-family: 'icofont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icofont-angry-monster:before { content: "\e901"; } .icofont-bathtub:before { content: "\e902"; } .icofont-bird-wings:before { content: "\e903"; } .icofont-bow:before { content: "\e904"; } .icofont-brain-alt:before { content: "\e905"; } .icofont-butterfly-alt:before { content: "\e906"; } .icofont-castle:before { content: "\e907"; } .icofont-circuit:before { content: "\e908"; } .icofont-dart:before { content: "\e909"; } .icofont-dice-alt:before { content: "\e90a"; } .icofont-disability-race:before { content: "\e90b"; } .icofont-diving-goggle:before { content: "\e90c"; } .icofont-fire-alt:before { content: "\e90d"; } .icofont-flame-torch:before { content: "\e90e"; } .icofont-flora-flower:before { content: "\e90f"; } .icofont-flora:before { content: "\e910"; } .icofont-gift-box:before { content: "\e911"; } .icofont-halloween-pumpkin:before { content: "\e912"; } .icofont-hand-power:before { content: "\e913"; } .icofont-hand-thunder:before { content: "\e914"; } .icofont-king-crown:before { content: "\e915"; } .icofont-king-monster:before { content: "\e916"; } .icofont-love:before { content: "\e917"; } .icofont-magician-hat:before { content: "\e918"; } .icofont-native-american:before { content: "\e919"; } .icofont-open-eye:before { content: "\e91a"; } .icofont-owl-look:before { content: "\e91b"; } .icofont-phoenix:before { content: "\e91c"; } .icofont-queen-crown:before { content: "\e91d"; } .icofont-robot-face:before { content: "\e91e"; } .icofont-sand-clock:before { content: "\e91f"; } .icofont-shield-alt:before { content: "\e920"; } .icofont-ship-wheel:before { content: "\e921"; } .icofont-skull-danger:before { content: "\e922"; } .icofont-skull-face:before { content: "\e923"; } .icofont-snail:before { content: "\e924"; } .icofont-snow-alt:before { content: "\e925"; } .icofont-snow-flake:before { content: "\e926"; } .icofont-snowmobile:before { content: "\e927"; } .icofont-space-shuttle:before { content: "\e928"; } .icofont-star-shape:before { content: "\e929"; } .icofont-swirl:before { content: "\e92a"; } .icofont-tattoo-wing:before { content: "\e92b"; } .icofont-throne:before { content: "\e92c"; } .icofont-touch:before { content: "\e92d"; } .icofont-tree-alt:before { content: "\e92e"; } .icofont-triangle:before { content: "\e92f"; } .icofont-unity-hand:before { content: "\e930"; } .icofont-weed:before { content: "\e931"; } .icofont-woman-bird:before { content: "\e932"; } .icofont-animal-bat:before { content: "\e933"; } .icofont-animal-bear-tracks:before { content: "\e934"; } .icofont-animal-bear:before { content: "\e935"; } .icofont-animal-bird-alt:before { content: "\e936"; } .icofont-animal-bird:before { content: "\e937"; } .icofont-animal-bone:before { content: "\e938"; } .icofont-animal-bull:before { content: "\e939"; } .icofont-animal-camel-alt:before { content: "\e93a"; } .icofont-animal-camel-head:before { content: "\e93b"; } .icofont-animal-camel:before { content: "\e93c"; } .icofont-animal-cat-alt-1:before { content: "\e93d"; } .icofont-animal-cat-alt-2:before { content: "\e93e"; } .icofont-animal-cat-alt-3:before { content: "\e93f"; } .icofont-animal-cat-alt-4:before { content: "\e940"; } .icofont-animal-cat-with-dog:before { content: "\e941"; } .icofont-animal-cat:before { content: "\e942"; } .icofont-animal-cow-head:before { content: "\e943"; } .icofont-animal-cow:before { content: "\e944"; } .icofont-animal-crab:before { content: "\e945"; } .icofont-animal-crocodile:before { content: "\e946"; } .icofont-animal-deer-head:before { content: "\e947"; } .icofont-animal-dog-alt:before { content: "\e948"; } .icofont-animal-dog-barking:before { content: "\e949"; } .icofont-animal-dog:before { content: "\e94a"; } .icofont-animal-dolphin:before { content: "\e94b"; } .icofont-animal-duck-tracks:before { content: "\e94c"; } .icofont-animal-eagle-head:before { content: "\e94d"; } .icofont-animal-eaten-fish:before { content: "\e94e"; } .icofont-animal-elephant-alt:before { content: "\e94f"; } .icofont-animal-elephant-head-alt:before { content: "\e950"; } .icofont-animal-elephant-head:before { content: "\e951"; } .icofont-animal-elephant:before { content: "\e952"; } .icofont-animal-elk:before { content: "\e953"; } .icofont-animal-fish-alt-1:before { content: "\e954"; } .icofont-animal-fish-alt-2:before { content: "\e955"; } .icofont-animal-fish-alt-3:before { content: "\e956"; } .icofont-animal-fish-alt-4:before { content: "\e957"; } .icofont-animal-fish:before { content: "\e958"; } .icofont-animal-fox-alt:before { content: "\e959"; } .icofont-animal-fox:before { content: "\e95a"; } .icofont-animal-frog-tracks:before { content: "\e95b"; } .icofont-animal-frog:before { content: "\e95c"; } .icofont-animal-froggy:before { content: "\e95d"; } .icofont-animal-giraffe-alt:before { content: "\e95e"; } .icofont-animal-giraffe:before { content: "\e95f"; } .icofont-animal-goat-head-alt-1:before { content: "\e960"; } .icofont-animal-goat-head-alt-2:before { content: "\e961"; } .icofont-animal-goat-head:before { content: "\e962"; } .icofont-animal-gorilla:before { content: "\e963"; } .icofont-animal-hen-tracks:before { content: "\e964"; } .icofont-animal-horse-head-alt-1:before { content: "\e965"; } .icofont-animal-horse-head-alt-2:before { content: "\e966"; } .icofont-animal-horse-head:before { content: "\e967"; } .icofont-animal-horse-tracks:before { content: "\e968"; } .icofont-animal-jellyfish:before { content: "\e969"; } .icofont-animal-kangaroo:before { content: "\e96a"; } .icofont-animal-lemur:before { content: "\e96b"; } .icofont-animal-lion-alt:before { content: "\e96c"; } .icofont-animal-lion-head-alt:before { content: "\e96d"; } .icofont-animal-lion-head:before { content: "\e96e"; } .icofont-animal-lion:before { content: "\e96f"; } .icofont-animal-monkey-alt-1:before { content: "\e970"; } .icofont-animal-monkey-alt-2:before { content: "\e971"; } .icofont-animal-monkey-alt-3:before { content: "\e972"; } .icofont-animal-monkey:before { content: "\e973"; } .icofont-animal-octopus-alt:before { content: "\e974"; } .icofont-animal-octopus:before { content: "\e975"; } .icofont-animal-owl:before { content: "\e976"; } .icofont-animal-panda-alt:before { content: "\e977"; } .icofont-animal-panda:before { content: "\e978"; } .icofont-animal-panther:before { content: "\e979"; } .icofont-animal-parrot-lip:before { content: "\e97a"; } .icofont-animal-parrot:before { content: "\e97b"; } .icofont-animal-paw:before { content: "\e97c"; } .icofont-animal-pelican:before { content: "\e97d"; } .icofont-animal-penguin:before { content: "\e97e"; } .icofont-animal-pig-alt:before { content: "\e97f"; } .icofont-animal-pig:before { content: "\e980"; } .icofont-animal-pigeon-alt:before { content: "\e981"; } .icofont-animal-pigeon:before { content: "\e982"; } .icofont-animal-pigeons:before { content: "\e983"; } .icofont-animal-rabbit-running:before { content: "\e984"; } .icofont-animal-rat-alt:before { content: "\e985"; } .icofont-animal-rhino-head:before { content: "\e986"; } .icofont-animal-rhino:before { content: "\e987"; } .icofont-animal-rooster:before { content: "\e988"; } .icofont-animal-seahorse:before { content: "\e989"; } .icofont-animal-seal:before { content: "\e98a"; } .icofont-animal-shrimp:before { content: "\e98b"; } .icofont-animal-snail-alt-1:before { content: "\e98c"; } .icofont-animal-snail-alt-2:before { content: "\e98d"; } .icofont-animal-snail:before { content: "\e98e"; } .icofont-animal-snake:before { content: "\e98f"; } .icofont-animal-squid:before { content: "\e990"; } .icofont-animal-squirrel:before { content: "\e991"; } .icofont-animal-tiger-alt:before { content: "\e992"; } .icofont-animal-tiger:before { content: "\e993"; } .icofont-animal-turtle:before { content: "\e994"; } .icofont-animal-whale:before { content: "\e995"; } .icofont-animal-woodpecker:before { content: "\e996"; } .icofont-animal-zebra:before { content: "\e997"; } .icofont-brand-acer:before { content: "\e998"; } .icofont-brand-adidas:before { content: "\e999"; } .icofont-brand-adobe:before { content: "\e99a"; } .icofont-brand-air-new-zealand:before { content: "\e99b"; } .icofont-brand-airbnb:before { content: "\e99c"; } .icofont-brand-aircell:before { content: "\e99d"; } .icofont-brand-airtel:before { content: "\e99e"; } .icofont-brand-alcatel:before { content: "\e99f"; } .icofont-brand-alibaba:before { content: "\e9a0"; } .icofont-brand-aliexpress:before { content: "\e9a1"; } .icofont-brand-alipay:before { content: "\e9a2"; } .icofont-brand-amazon:before { content: "\e9a3"; } .icofont-brand-amd:before { content: "\e9a4"; } .icofont-brand-american-airlines:before { content: "\e9a5"; } .icofont-brand-android-robot:before { content: "\e9a6"; } .icofont-brand-android:before { content: "\e9a7"; } .icofont-brand-aol:before { content: "\e9a8"; } .icofont-brand-apple:before { content: "\e9a9"; } .icofont-brand-appstore:before { content: "\e9aa"; } .icofont-brand-asus:before { content: "\e9ab"; } .icofont-brand-ati:before { content: "\e9ac"; } .icofont-brand-att:before { content: "\e9ad"; } .icofont-brand-audi:before { content: "\e9ae"; } .icofont-brand-axiata:before { content: "\e9af"; } .icofont-brand-bada:before { content: "\e9b0"; } .icofont-brand-bbc:before { content: "\e9b1"; } .icofont-brand-bing:before { content: "\e9b2"; } .icofont-brand-blackberry:before { content: "\e9b3"; } .icofont-brand-bmw:before { content: "\e9b4"; } .icofont-brand-box:before { content: "\e9b5"; } .icofont-brand-burger-king:before { content: "\e9b6"; } .icofont-brand-business-insider:before { content: "\e9b7"; } .icofont-brand-buzzfeed:before { content: "\e9b8"; } .icofont-brand-cannon:before { content: "\e9b9"; } .icofont-brand-casio:before { content: "\e9ba"; } .icofont-brand-china-mobile:before { content: "\e9bb"; } .icofont-brand-china-telecom:before { content: "\e9bc"; } .icofont-brand-china-unicom:before { content: "\e9bd"; } .icofont-brand-cisco:before { content: "\e9be"; } .icofont-brand-citibank:before { content: "\e9bf"; } .icofont-brand-cnet:before { content: "\e9c0"; } .icofont-brand-cnn:before { content: "\e9c1"; } .icofont-brand-cocal-cola:before { content: "\e9c2"; } .icofont-brand-compaq:before { content: "\e9c3"; } .icofont-brand-copy:before { content: "\e9c4"; } .icofont-brand-debian:before { content: "\e9c5"; } .icofont-brand-delicious:before { content: "\e9c6"; } .icofont-brand-dell:before { content: "\e9c7"; } .icofont-brand-designbump:before { content: "\e9c8"; } .icofont-brand-designfloat:before { content: "\e9c9"; } .icofont-brand-disney:before { content: "\e9ca"; } .icofont-brand-dodge:before { content: "\e9cb"; } .icofont-brand-dove:before { content: "\e9cc"; } .icofont-brand-ebay:before { content: "\e9cd"; } .icofont-brand-eleven:before { content: "\e9ce"; } .icofont-brand-emirates:before { content: "\e9cf"; } .icofont-brand-espn:before { content: "\e9d0"; } .icofont-brand-etihad-airways:before { content: "\e9d1"; } .icofont-brand-etisalat:before { content: "\e9d2"; } .icofont-brand-etsy:before { content: "\e9d3"; } .icofont-brand-facebook:before { content: "\e9d4"; } .icofont-brand-fastrack:before { content: "\e9d5"; } .icofont-brand-fedex:before { content: "\e9d6"; } .icofont-brand-ferrari:before { content: "\e9d7"; } .icofont-brand-fitbit:before { content: "\e9d8"; } .icofont-brand-flikr:before { content: "\e9d9"; } .icofont-brand-forbes:before { content: "\e9da"; } .icofont-brand-foursquare:before { content: "\e9db"; } .icofont-brand-fox:before { content: "\e9dc"; } .icofont-brand-foxconn:before { content: "\e9dd"; } .icofont-brand-fujitsu:before { content: "\e9de"; } .icofont-brand-general-electric:before { content: "\e9df"; } .icofont-brand-gillette:before { content: "\e9e0"; } .icofont-brand-gizmodo:before { content: "\e9e1"; } .icofont-brand-gnome:before { content: "\e9e2"; } .icofont-brand-google:before { content: "\e9e3"; } .icofont-brand-gopro:before { content: "\e9e4"; } .icofont-brand-gucci:before { content: "\e9e5"; } .icofont-brand-hallmark:before { content: "\e9e6"; } .icofont-brand-hi5:before { content: "\e9e7"; } .icofont-brand-honda:before { content: "\e9e8"; } .icofont-brand-hp:before { content: "\e9e9"; } .icofont-brand-hsbc:before { content: "\e9ea"; } .icofont-brand-htc:before { content: "\e9eb"; } .icofont-brand-huawei:before { content: "\e9ec"; } .icofont-brand-hulu:before { content: "\e9ed"; } .icofont-brand-hyundai:before { content: "\e9ee"; } .icofont-brand-ibm:before { content: "\e9ef"; } .icofont-brand-icofont:before { content: "\e9f0"; } .icofont-brand-icq:before { content: "\e9f1"; } .icofont-brand-ikea:before { content: "\e9f2"; } .icofont-brand-imdb:before { content: "\e9f3"; } .icofont-brand-indiegogo:before { content: "\e9f4"; } .icofont-brand-intel:before { content: "\e9f5"; } .icofont-brand-ipair:before { content: "\e9f6"; } .icofont-brand-jaguar:before { content: "\e9f7"; } .icofont-brand-java:before { content: "\e9f8"; } .icofont-brand-joomshaper:before { content: "\e9f9"; } .icofont-brand-kickstarter:before { content: "\e9fa"; } .icofont-brand-kik:before { content: "\e9fb"; } .icofont-brand-lastfm:before { content: "\e9fc"; } .icofont-brand-lego:before { content: "\e9fd"; } .icofont-brand-lenovo:before { content: "\e9fe"; } .icofont-brand-levis:before { content: "\e9ff"; } .icofont-brand-lexus:before { content: "\ea00"; } .icofont-brand-lg:before { content: "\ea01"; } .icofont-brand-life-hacker:before { content: "\ea02"; } .icofont-brand-line-messenger:before { content: "\ea03"; } .icofont-brand-linkedin:before { content: "\ea04"; } .icofont-brand-linux-mint:before { content: "\ea05"; } .icofont-brand-linux:before { content: "\ea06"; } .icofont-brand-lionix:before { content: "\ea07"; } .icofont-brand-live-messenger:before { content: "\ea08"; } .icofont-brand-loreal:before { content: "\ea09"; } .icofont-brand-louis-vuitton:before { content: "\ea0a"; } .icofont-brand-mac-os:before { content: "\ea0b"; } .icofont-brand-marvel-app:before { content: "\ea0c"; } .icofont-brand-mashable:before { content: "\ea0d"; } .icofont-brand-mazda:before { content: "\ea0e"; } .icofont-brand-mcdonals:before { content: "\ea0f"; } .icofont-brand-mercedes:before { content: "\ea10"; } .icofont-brand-micromax:before { content: "\ea11"; } .icofont-brand-microsoft:before { content: "\ea12"; } .icofont-brand-mobileme:before { content: "\ea13"; } .icofont-brand-mobily:before { content: "\ea14"; } .icofont-brand-motorola:before { content: "\ea15"; } .icofont-brand-msi:before { content: "\ea16"; } .icofont-brand-mts:before { content: "\ea17"; } .icofont-brand-myspace:before { content: "\ea18"; } .icofont-brand-mytv:before { content: "\ea19"; } .icofont-brand-nasa:before { content: "\ea1a"; } .icofont-brand-natgeo:before { content: "\ea1b"; } .icofont-brand-nbc:before { content: "\ea1c"; } .icofont-brand-nescafe:before { content: "\ea1d"; } .icofont-brand-nestle:before { content: "\ea1e"; } .icofont-brand-netflix:before { content: "\ea1f"; } .icofont-brand-nexus:before { content: "\ea20"; } .icofont-brand-nike:before { content: "\ea21"; } .icofont-brand-nokia:before { content: "\ea22"; } .icofont-brand-nvidia:before { content: "\ea23"; } .icofont-brand-omega:before { content: "\ea24"; } .icofont-brand-opensuse:before { content: "\ea25"; } .icofont-brand-oracle:before { content: "\ea26"; } .icofont-brand-panasonic:before { content: "\ea27"; } .icofont-brand-paypal:before { content: "\ea28"; } .icofont-brand-pepsi:before { content: "\ea29"; } .icofont-brand-philips:before { content: "\ea2a"; } .icofont-brand-pizza-hut:before { content: "\ea2b"; } .icofont-brand-playstation:before { content: "\ea2c"; } .icofont-brand-puma:before { content: "\ea2d"; } .icofont-brand-qatar-air:before { content: "\ea2e"; } .icofont-brand-qvc:before { content: "\ea2f"; } .icofont-brand-readernaut:before { content: "\ea30"; } .icofont-brand-redbull:before { content: "\ea31"; } .icofont-brand-reebok:before { content: "\ea32"; } .icofont-brand-reuters:before { content: "\ea33"; } .icofont-brand-samsung:before { content: "\ea34"; } .icofont-brand-sap:before { content: "\ea35"; } .icofont-brand-saudia-airlines:before { content: "\ea36"; } .icofont-brand-scribd:before { content: "\ea37"; } .icofont-brand-shell:before { content: "\ea38"; } .icofont-brand-siemens:before { content: "\ea39"; } .icofont-brand-sk-telecom:before { content: "\ea3a"; } .icofont-brand-slideshare:before { content: "\ea3b"; } .icofont-brand-smashing-magazine:before { content: "\ea3c"; } .icofont-brand-snapchat:before { content: "\ea3d"; } .icofont-brand-sony-ericsson:before { content: "\ea3e"; } .icofont-brand-sony:before { content: "\ea3f"; } .icofont-brand-soundcloud:before { content: "\ea40"; } .icofont-brand-sprint:before { content: "\ea41"; } .icofont-brand-squidoo:before { content: "\ea42"; } .icofont-brand-starbucks:before { content: "\ea43"; } .icofont-brand-stc:before { content: "\ea44"; } .icofont-brand-steam:before { content: "\ea45"; } .icofont-brand-suzuki:before { content: "\ea46"; } .icofont-brand-symbian:before { content: "\ea47"; } .icofont-brand-t-mobile:before { content: "\ea48"; } .icofont-brand-tango:before { content: "\ea49"; } .icofont-brand-target:before { content: "\ea4a"; } .icofont-brand-tata-indicom:before { content: "\ea4b"; } .icofont-brand-techcrunch:before { content: "\ea4c"; } .icofont-brand-telenor:before { content: "\ea4d"; } .icofont-brand-teliasonera:before { content: "\ea4e"; } .icofont-brand-tesla:before { content: "\ea4f"; } .icofont-brand-the-verge:before { content: "\ea50"; } .icofont-brand-thenextweb:before { content: "\ea51"; } .icofont-brand-toshiba:before { content: "\ea52"; } .icofont-brand-toyota:before { content: "\ea53"; } .icofont-brand-tribenet:before { content: "\ea54"; } .icofont-brand-ubuntu:before { content: "\ea55"; } .icofont-brand-unilever:before { content: "\ea56"; } .icofont-brand-vaio:before { content: "\ea57"; } .icofont-brand-verizon:before { content: "\ea58"; } .icofont-brand-viber:before { content: "\ea59"; } .icofont-brand-vodafone:before { content: "\ea5a"; } .icofont-brand-volkswagen:before { content: "\ea5b"; } .icofont-brand-walmart:before { content: "\ea5c"; } .icofont-brand-warnerbros:before { content: "\ea5d"; } .icofont-brand-whatsapp:before { content: "\ea5e"; } .icofont-brand-wikipedia:before { content: "\ea5f"; } .icofont-brand-windows:before { content: "\ea60"; } .icofont-brand-wire:before { content: "\ea61"; } .icofont-brand-yahoobuzz:before { content: "\ea62"; } .icofont-brand-yamaha:before { content: "\ea63"; } .icofont-brand-youtube:before { content: "\ea64"; } .icofont-brand-zain:before { content: "\ea65"; } .icofont-bank-alt:before { content: "\ea66"; } .icofont-barcode:before { content: "\ea67"; } .icofont-basket:before { content: "\ea68"; } .icofont-bill-alt:before { content: "\ea69"; } .icofont-billboard:before { content: "\ea6a"; } .icofont-briefcase-alt-1:before { content: "\ea6b"; } .icofont-briefcase-alt-2:before { content: "\ea6c"; } .icofont-building-alt:before { content: "\ea6d"; } .icofont-businessman:before { content: "\ea6e"; } .icofont-businesswoman:before { content: "\ea6f"; } .icofont-cart-alt:before { content: "\ea70"; } .icofont-chair:before { content: "\ea71"; } .icofont-clip:before { content: "\ea72"; } .icofont-coins:before { content: "\ea73"; } .icofont-company:before { content: "\ea74"; } .icofont-contact-add:before { content: "\ea75"; } .icofont-deal:before { content: "\ea76"; } .icofont-files:before { content: "\ea77"; } .icofont-growth:before { content: "\ea78"; } .icofont-id-card:before { content: "\ea79"; } .icofont-idea:before { content: "\ea7a"; } .icofont-list:before { content: "\ea7b"; } .icofont-meeting-add:before { content: "\ea7c"; } .icofont-money-bag:before { content: "\ea7d"; } .icofont-people:before { content: "\ea7e"; } .icofont-pie-chart:before { content: "\ea7f"; } .icofont-presentation-alt:before { content: "\ea80"; } .icofont-stamp:before { content: "\ea81"; } .icofont-stock-mobile:before { content: "\ea82"; } .icofont-support:before { content: "\ea83"; } .icofont-tasks-alt:before { content: "\ea84"; } .icofont-wheel:before { content: "\ea85"; } .icofont-chart-arrows-axis:before { content: "\ea86"; } .icofont-chart-bar-graph:before { content: "\ea87"; } .icofont-chart-flow-alt-1:before { content: "\ea88"; } .icofont-chart-flow-alt-2:before { content: "\ea89"; } .icofont-chart-flow:before { content: "\ea8a"; } .icofont-chart-histogram-alt:before { content: "\ea8b"; } .icofont-chart-histogram:before { content: "\ea8c"; } .icofont-chart-line-alt:before { content: "\ea8d"; } .icofont-chart-line:before { content: "\ea8e"; } .icofont-chart-pie-alt:before { content: "\ea8f"; } .icofont-chart-pie:before { content: "\ea90"; } .icofont-chart-radar-graph:before { content: "\ea91"; } .icofont-cur-afghani-false:before { content: "\ea92"; } .icofont-cur-afghani-minus:before { content: "\ea93"; } .icofont-cur-afghani-plus:before { content: "\ea94"; } .icofont-cur-afghani-true:before { content: "\ea95"; } .icofont-cur-afghani:before { content: "\ea96"; } .icofont-cur-baht-false:before { content: "\ea97"; } .icofont-cur-baht-minus:before { content: "\ea98"; } .icofont-cur-baht-plus:before { content: "\ea99"; } .icofont-cur-baht-true:before { content: "\ea9a"; } .icofont-cur-baht:before { content: "\ea9b"; } .icofont-cur-bitcoin-false:before { content: "\ea9c"; } .icofont-cur-bitcoin-minus:before { content: "\ea9d"; } .icofont-cur-bitcoin-plus:before { content: "\ea9e"; } .icofont-cur-bitcoin-true:before { content: "\ea9f"; } .icofont-cur-bitcoin:before { content: "\eaa0"; } .icofont-cur-dollar-flase:before { content: "\eaa1"; } .icofont-cur-dollar-minus:before { content: "\eaa2"; } .icofont-cur-dollar-plus:before { content: "\eaa3"; } .icofont-cur-dollar-true:before { content: "\eaa4"; } .icofont-cur-dollar:before { content: "\eaa5"; } .icofont-cur-dong-false:before { content: "\eaa6"; } .icofont-cur-dong-minus:before { content: "\eaa7"; } .icofont-cur-dong-plus:before { content: "\eaa8"; } .icofont-cur-dong-true:before { content: "\eaa9"; } .icofont-cur-dong:before { content: "\eaaa"; } .icofont-cur-euro-false:before { content: "\eaab"; } .icofont-cur-euro-minus:before { content: "\eaac"; } .icofont-cur-euro-plus:before { content: "\eaad"; } .icofont-cur-euro-true:before { content: "\eaae"; } .icofont-cur-euro:before { content: "\eaaf"; } .icofont-cur-frank-false:before { content: "\eab0"; } .icofont-cur-frank-minus:before { content: "\eab1"; } .icofont-cur-frank-plus:before { content: "\eab2"; } .icofont-cur-frank-true:before { content: "\eab3"; } .icofont-cur-frank:before { content: "\eab4"; } .icofont-cur-hryvnia-false:before { content: "\eab5"; } .icofont-cur-hryvnia-minus:before { content: "\eab6"; } .icofont-cur-hryvnia-plus:before { content: "\eab7"; } .icofont-cur-hryvnia-true:before { content: "\eab8"; } .icofont-cur-hryvnia:before { content: "\eab9"; } .icofont-cur-lira-false:before { content: "\eaba"; } .icofont-cur-lira-minus:before { content: "\eabb"; } .icofont-cur-lira-plus:before { content: "\eabc"; } .icofont-cur-lira-true:before { content: "\eabd"; } .icofont-cur-lira:before { content: "\eabe"; } .icofont-cur-peseta-false:before { content: "\eabf"; } .icofont-cur-peseta-minus:before { content: "\eac0"; } .icofont-cur-peseta-plus:before { content: "\eac1"; } .icofont-cur-peseta-true:before { content: "\eac2"; } .icofont-cur-peseta:before { content: "\eac3"; } .icofont-cur-peso-false:before { content: "\eac4"; } .icofont-cur-peso-minus:before { content: "\eac5"; } .icofont-cur-peso-plus:before { content: "\eac6"; } .icofont-cur-peso-true:before { content: "\eac7"; } .icofont-cur-peso:before { content: "\eac8"; } .icofont-cur-pound-false:before { content: "\eac9"; } .icofont-cur-pound-minus:before { content: "\eaca"; } .icofont-cur-pound-plus:before { content: "\eacb"; } .icofont-cur-pound-true:before { content: "\eacc"; } .icofont-cur-pound:before { content: "\eacd"; } .icofont-cur-renminbi-false:before { content: "\eace"; } .icofont-cur-renminbi-minus:before { content: "\eacf"; } .icofont-cur-renminbi-plus:before { content: "\ead0"; } .icofont-cur-renminbi-true:before { content: "\ead1"; } .icofont-cur-renminbi:before { content: "\ead2"; } .icofont-cur-riyal-false:before { content: "\ead3"; } .icofont-cur-riyal-minus:before { content: "\ead4"; } .icofont-cur-riyal-plus:before { content: "\ead5"; } .icofont-cur-riyal-true:before { content: "\ead6"; } .icofont-cur-riyal:before { content: "\ead7"; } .icofont-cur-rouble-false:before { content: "\ead8"; } .icofont-cur-rouble-minus:before { content: "\ead9"; } .icofont-cur-rouble-plus:before { content: "\eada"; } .icofont-cur-rouble-true:before { content: "\eadb"; } .icofont-cur-rouble:before { content: "\eadc"; } .icofont-cur-rupee-false:before { content: "\eadd"; } .icofont-cur-rupee-minus:before { content: "\eade"; } .icofont-cur-rupee-plus:before { content: "\eadf"; } .icofont-cur-rupee-true:before { content: "\eae0"; } .icofont-cur-rupee:before { content: "\eae1"; } .icofont-cur-taka-false:before { content: "\eae2"; } .icofont-cur-taka-minus:before { content: "\eae3"; } .icofont-cur-taka-plus:before { content: "\eae4"; } .icofont-cur-taka-true:before { content: "\eae5"; } .icofont-cur-taka:before { content: "\eae6"; } .icofont-cur-turkish-lira-false:before { content: "\eae7"; } .icofont-cur-turkish-lira-minus:before { content: "\eae8"; } .icofont-cur-turkish-lira-plus:before { content: "\eae9"; } .icofont-cur-turkish-lira-true:before { content: "\eaea"; } .icofont-cur-turkish-lira:before { content: "\eaeb"; } .icofont-cur-won-false:before { content: "\eaec"; } .icofont-cur-won-minus:before { content: "\eaed"; } .icofont-cur-won-plus:before { content: "\eaee"; } .icofont-cur-won-true:before { content: "\eaef"; } .icofont-cur-won:before { content: "\eaf0"; } .icofont-cur-yen-false:before { content: "\eaf1"; } .icofont-cur-yen-minus:before { content: "\eaf2"; } .icofont-cur-yen-plus:before { content: "\eaf3"; } .icofont-cur-yen-true:before { content: "\eaf4"; } .icofont-cur-yen:before { content: "\eaf5"; } .icofont-android-nexus:before { content: "\eaf6"; } .icofont-android-tablet:before { content: "\eaf7"; } .icofont-apple-watch:before { content: "\eaf8"; } .icofont-drwaing-tablet:before { content: "\eaf9"; } .icofont-earphone:before { content: "\eafa"; } .icofont-flash-drive:before { content: "\eafb"; } .icofont-game-control:before { content: "\eafc"; } .icofont-headphone-alt:before { content: "\eafd"; } .icofont-htc-one:before { content: "\eafe"; } .icofont-imac:before { content: "\eaff"; } .icofont-ipad-touch:before { content: "\eb00"; } .icofont-iphone:before { content: "\eb01"; } .icofont-ipod-nano:before { content: "\eb02"; } .icofont-ipod-touch:before { content: "\eb03"; } .icofont-keyboard-alt:before { content: "\eb04"; } .icofont-keyboard-wireless:before { content: "\eb05"; } .icofont-laptop-alt:before { content: "\eb06"; } .icofont-macbook:before { content: "\eb07"; } .icofont-magic-mouse:before { content: "\eb08"; } .icofont-microphone-alt:before { content: "\eb09"; } .icofont-monitor:before { content: "\eb0a"; } .icofont-mouse:before { content: "\eb0b"; } .icofont-nintendo:before { content: "\eb0c"; } .icofont-playstation:before { content: "\eb0d"; } .icofont-psvita:before { content: "\eb0e"; } .icofont-radio-mic:before { content: "\eb0f"; } .icofont-refrigerator:before { content: "\eb10"; } .icofont-samsung-galaxy:before { content: "\eb11"; } .icofont-surface-tablet:before { content: "\eb12"; } .icofont-washing-machine:before { content: "\eb13"; } .icofont-wifi-router:before { content: "\eb14"; } .icofont-wii-u:before { content: "\eb15"; } .icofont-windows-lumia:before { content: "\eb16"; } .icofont-wireless-mouse:before { content: "\eb17"; } .icofont-xbox-360:before { content: "\eb18"; } .icofont-arrow-down:before { content: "\eb19"; } .icofont-arrow-left:before { content: "\eb1a"; } .icofont-arrow-right:before { content: "\eb1b"; } .icofont-arrow-up:before { content: "\eb1c"; } .icofont-block-down:before { content: "\eb1d"; } .icofont-block-left:before { content: "\eb1e"; } .icofont-block-right:before { content: "\eb1f"; } .icofont-block-up:before { content: "\eb20"; } .icofont-bubble-down:before { content: "\eb21"; } .icofont-bubble-left:before { content: "\eb22"; } .icofont-bubble-right:before { content: "\eb23"; } .icofont-bubble-up:before { content: "\eb24"; } .icofont-caret-down:before { content: "\eb25"; } .icofont-caret-left:before { content: "\eb26"; } .icofont-caret-right:before { content: "\eb27"; } .icofont-caret-up:before { content: "\eb28"; } .icofont-circled-down:before { content: "\eb29"; } .icofont-circled-left:before { content: "\eb2a"; } .icofont-circled-right:before { content: "\eb2b"; } .icofont-circled-up:before { content: "\eb2c"; } .icofont-collapse:before { content: "\eb2d"; } .icofont-cursor-drag:before { content: "\eb2e"; } .icofont-curved-double-left:before { content: "\eb2f"; } .icofont-curved-double-right:before { content: "\eb30"; } .icofont-curved-down:before { content: "\eb31"; } .icofont-curved-left:before { content: "\eb32"; } .icofont-curved-right:before { content: "\eb33"; } .icofont-curved-up:before { content: "\eb34"; } .icofont-dotted-down:before { content: "\eb35"; } .icofont-dotted-left:before { content: "\eb36"; } .icofont-dotted-right:before { content: "\eb37"; } .icofont-dotted-up:before { content: "\eb38"; } .icofont-double-left:before { content: "\eb39"; } .icofont-double-right:before { content: "\eb3a"; } .icofont-drag:before { content: "\eb3b"; } .icofont-drag1:before { content: "\eb3c"; } .icofont-drag2:before { content: "\eb3d"; } .icofont-drag3:before { content: "\eb3e"; } .icofont-expand-alt:before { content: "\eb3f"; } .icofont-hand-down:before { content: "\eb40"; } .icofont-hand-drag:before { content: "\eb41"; } .icofont-hand-drag1:before { content: "\eb42"; } .icofont-hand-drag2:before { content: "\eb43"; } .icofont-hand-drawn-alt-down:before { content: "\eb44"; } .icofont-hand-drawn-alt-left:before { content: "\eb45"; } .icofont-hand-drawn-alt-right:before { content: "\eb46"; } .icofont-hand-drawn-alt-up:before { content: "\eb47"; } .icofont-hand-drawn-down:before { content: "\eb48"; } .icofont-hand-drawn-left:before { content: "\eb49"; } .icofont-hand-drawn-right:before { content: "\eb4a"; } .icofont-hand-drawn-up:before { content: "\eb4b"; } .icofont-hand-left:before { content: "\eb4c"; } .icofont-hand-right:before { content: "\eb4d"; } .icofont-hand-up:before { content: "\eb4e"; } .icofont-line-block-down:before { content: "\eb4f"; } .icofont-line-block-left:before { content: "\eb50"; } .icofont-line-block-right:before { content: "\eb51"; } .icofont-line-block-up:before { content: "\eb52"; } .icofont-long-arrow-down:before { content: "\eb53"; } .icofont-long-arrow-left:before { content: "\eb54"; } .icofont-long-arrow-right:before { content: "\eb55"; } .icofont-long-arrow-up:before { content: "\eb56"; } .icofont-rounded-collapse:before { content: "\eb57"; } .icofont-rounded-double-left:before { content: "\eb58"; } .icofont-rounded-double-right:before { content: "\eb59"; } .icofont-rounded-down:before { content: "\eb5a"; } .icofont-rounded-expand:before { content: "\eb5b"; } .icofont-rounded-left-down:before { content: "\eb5c"; } .icofont-rounded-left-up:before { content: "\eb5d"; } .icofont-rounded-left:before { content: "\eb5e"; } .icofont-rounded-right-down:before { content: "\eb5f"; } .icofont-rounded-right-up:before { content: "\eb60"; } .icofont-rounded-right:before { content: "\eb61"; } .icofont-rounded-up:before { content: "\eb62"; } .icofont-scroll-bubble-down:before { content: "\eb63"; } .icofont-scroll-bubble-left:before { content: "\eb64"; } .icofont-scroll-bubble-right:before { content: "\eb65"; } .icofont-scroll-bubble-up:before { content: "\eb66"; } .icofont-scroll-double-down:before { content: "\eb67"; } .icofont-scroll-double-left:before { content: "\eb68"; } .icofont-scroll-double-right:before { content: "\eb69"; } .icofont-scroll-double-up:before { content: "\eb6a"; } .icofont-scroll-down:before { content: "\eb6b"; } .icofont-scroll-left:before { content: "\eb6c"; } .icofont-scroll-long-down:before { content: "\eb6d"; } .icofont-scroll-long-left:before { content: "\eb6e"; } .icofont-scroll-long-right:before { content: "\eb6f"; } .icofont-scroll-long-up:before { content: "\eb70"; } .icofont-scroll-right:before { content: "\eb71"; } .icofont-scroll-up:before { content: "\eb72"; } .icofont-simple-down:before { content: "\eb73"; } .icofont-simple-left-down:before { content: "\eb74"; } .icofont-simple-left-up:before { content: "\eb75"; } .icofont-simple-left:before { content: "\eb76"; } .icofont-simple-right-down:before { content: "\eb77"; } .icofont-simple-right-up:before { content: "\eb78"; } .icofont-simple-right:before { content: "\eb79"; } .icofont-simple-up:before { content: "\eb7a"; } .icofont-square-down:before { content: "\eb7b"; } .icofont-square-left:before { content: "\eb7c"; } .icofont-square-right:before { content: "\eb7d"; } .icofont-square-up:before { content: "\eb7e"; } .icofont-stylish-down:before { content: "\eb7f"; } .icofont-stylish-left:before { content: "\eb80"; } .icofont-stylish-right:before { content: "\eb81"; } .icofont-stylish-up:before { content: "\eb82"; } .icofont-swoosh-down:before { content: "\eb83"; } .icofont-swoosh-left:before { content: "\eb84"; } .icofont-swoosh-right:before { content: "\eb85"; } .icofont-swoosh-up:before { content: "\eb86"; } .icofont-thin-double-left:before { content: "\eb87"; } .icofont-thin-double-right:before { content: "\eb88"; } .icofont-thin-down:before { content: "\eb89"; } .icofont-thin-left:before { content: "\eb8a"; } .icofont-thin-right:before { content: "\eb8b"; } .icofont-thin-up:before { content: "\eb8c"; } .icofont-atom:before { content: "\eb8d"; } .icofont-award:before { content: "\eb8e"; } .icofont-bell-alt:before { content: "\eb8f"; } .icofont-book-alt:before { content: "\eb90"; } .icofont-brainstorming:before { content: "\eb91"; } .icofont-certificate-alt-1:before { content: "\eb92"; } .icofont-certificate-alt-2:before { content: "\eb93"; } .icofont-dna-alt-2:before { content: "\eb94"; } .icofont-education:before { content: "\eb95"; } .icofont-electron:before { content: "\eb96"; } .icofont-fountain-pen:before { content: "\eb97"; } .icofont-globe-alt:before { content: "\eb98"; } .icofont-graduate-alt:before { content: "\eb99"; } .icofont-group-students:before { content: "\eb9a"; } .icofont-hat-alt:before { content: "\eb9b"; } .icofont-hat:before { content: "\eb9c"; } .icofont-instrument:before { content: "\eb9d"; } .icofont-lamp-light:before { content: "\eb9e"; } .icofont-microscope-alt:before { content: "\eb9f"; } .icofont-paper:before { content: "\eba0"; } .icofont-pen-alt-4:before { content: "\eba1"; } .icofont-pen-nib:before { content: "\eba2"; } .icofont-pencil-alt-5:before { content: "\eba3"; } .icofont-quill-pen:before { content: "\eba4"; } .icofont-read-book-alt:before { content: "\eba5"; } .icofont-read-book:before { content: "\eba6"; } .icofont-school-bag:before { content: "\eba7"; } .icofont-school-bus:before { content: "\eba8"; } .icofont-student-alt:before { content: "\eba9"; } .icofont-student:before { content: "\ebaa"; } .icofont-teacher:before { content: "\ebab"; } .icofont-test-bulb:before { content: "\ebac"; } .icofont-test-tube-alt:before { content: "\ebad"; } .icofont-university:before { content: "\ebae"; } .icofont-emo-angry:before { content: "\ebaf"; } .icofont-emo-astonished:before { content: "\ebb0"; } .icofont-emo-confounded:before { content: "\ebb1"; } .icofont-emo-confused:before { content: "\ebb2"; } .icofont-emo-crying:before { content: "\ebb3"; } .icofont-emo-dizzy:before { content: "\ebb4"; } .icofont-emo-expressionless:before { content: "\ebb5"; } .icofont-emo-heart-eyes:before { content: "\ebb6"; } .icofont-emo-laughing:before { content: "\ebb7"; } .icofont-emo-nerd-smile:before { content: "\ebb8"; } .icofont-emo-open-mouth:before { content: "\ebb9"; } .icofont-emo-rage:before { content: "\ebba"; } .icofont-emo-rolling-eyes:before { content: "\ebbb"; } .icofont-emo-sad:before { content: "\ebbc"; } .icofont-emo-simple-smile:before { content: "\ebbd"; } .icofont-emo-slightly-smile:before { content: "\ebbe"; } .icofont-emo-smirk:before { content: "\ebbf"; } .icofont-emo-stuck-out-tongue:before { content: "\ebc0"; } .icofont-emo-wink-smile:before { content: "\ebc1"; } .icofont-emo-worried:before { content: "\ebc2"; } .icofont-architecture-alt:before { content: "\ebc3"; } .icofont-architecture:before { content: "\ebc4"; } .icofont-barricade:before { content: "\ebc5"; } .icofont-bricks:before { content: "\ebc6"; } .icofont-calculations:before { content: "\ebc7"; } .icofont-cement-mix:before { content: "\ebc8"; } .icofont-cement-mixer:before { content: "\ebc9"; } .icofont-danger-zone:before { content: "\ebca"; } .icofont-drill:before { content: "\ebcb"; } .icofont-eco-energy:before { content: "\ebcc"; } .icofont-eco-environmen:before { content: "\ebcd"; } .icofont-energy-air:before { content: "\ebce"; } .icofont-energy-oil:before { content: "\ebcf"; } .icofont-energy-savings:before { content: "\ebd0"; } .icofont-energy-solar:before { content: "\ebd1"; } .icofont-energy-water:before { content: "\ebd2"; } .icofont-engineer:before { content: "\ebd3"; } .icofont-fire-extinguisher-alt:before { content: "\ebd4"; } .icofont-fix-tools:before { content: "\ebd5"; } .icofont-glue-oil:before { content: "\ebd6"; } .icofont-hammer-alt:before { content: "\ebd7"; } .icofont-help-robot:before { content: "\ebd8"; } .icofont-industries-alt-1:before { content: "\ebd9"; } .icofont-industries-alt-2:before { content: "\ebda"; } .icofont-industries-alt-3:before { content: "\ebdb"; } .icofont-industries-alt-4:before { content: "\ebdc"; } .icofont-industries-alt-5:before { content: "\ebdd"; } .icofont-industries:before { content: "\ebde"; } .icofont-labour:before { content: "\ebdf"; } .icofont-mining:before { content: "\ebe0"; } .icofont-paint-brush:before { content: "\ebe1"; } .icofont-pollution:before { content: "\ebe2"; } .icofont-power-zone:before { content: "\ebe3"; } .icofont-radio-active:before { content: "\ebe4"; } .icofont-recycle-alt:before { content: "\ebe5"; } .icofont-recycling-man:before { content: "\ebe6"; } .icofont-safety-hat-light:before { content: "\ebe7"; } .icofont-safety-hat:before { content: "\ebe8"; } .icofont-saw:before { content: "\ebe9"; } .icofont-screw-driver:before { content: "\ebea"; } .icofont-settings-alt:before { content: "\ebeb"; } .icofont-tools-alt-1:before { content: "\ebec"; } .icofont-tools-alt-2:before { content: "\ebed"; } .icofont-tools-bag:before { content: "\ebee"; } .icofont-trolley:before { content: "\ebef"; } .icofont-trowel:before { content: "\ebf0"; } .icofont-under-construction-alt:before { content: "\ebf1"; } .icofont-under-construction:before { content: "\ebf2"; } .icofont-vehicle-cement:before { content: "\ebf3"; } .icofont-vehicle-crane:before { content: "\ebf4"; } .icofont-vehicle-delivery-van:before { content: "\ebf5"; } .icofont-vehicle-dozer:before { content: "\ebf6"; } .icofont-vehicle-excavator:before { content: "\ebf7"; } .icofont-vehicle-trucktor:before { content: "\ebf8"; } .icofont-vehicle-wrecking:before { content: "\ebf9"; } .icofont-worker-group:before { content: "\ebfa"; } .icofont-worker:before { content: "\ebfb"; } .icofont-wrench:before { content: "\ebfc"; } .icofont-file-audio:before { content: "\ebfd"; } .icofont-file-avi-mp4:before { content: "\ebfe"; } .icofont-file-bmp:before { content: "\ebff"; } .icofont-file-code:before { content: "\ec00"; } .icofont-file-css:before { content: "\ec01"; } .icofont-file-document:before { content: "\ec02"; } .icofont-file-eps:before { content: "\ec03"; } .icofont-file-excel:before { content: "\ec04"; } .icofont-file-exe:before { content: "\ec05"; } .icofont-file-file:before { content: "\ec06"; } .icofont-file-flv:before { content: "\ec07"; } .icofont-file-gif:before { content: "\ec08"; } .icofont-file-html5:before { content: "\ec09"; } .icofont-file-image:before { content: "\ec0a"; } .icofont-file-iso:before { content: "\ec0b"; } .icofont-file-java:before { content: "\ec0c"; } .icofont-file-javascript:before { content: "\ec0d"; } .icofont-file-jpg:before { content: "\ec0e"; } .icofont-file-midi:before { content: "\ec0f"; } .icofont-file-mov:before { content: "\ec10"; } .icofont-file-mp3:before { content: "\ec11"; } .icofont-file-pdf:before { content: "\ec12"; } .icofont-file-php:before { content: "\ec13"; } .icofont-file-png:before { content: "\ec14"; } .icofont-file-powerpoint:before { content: "\ec15"; } .icofont-file-presentation:before { content: "\ec16"; } .icofont-file-psb:before { content: "\ec17"; } .icofont-file-psd:before { content: "\ec18"; } .icofont-file-python:before { content: "\ec19"; } .icofont-file-ruby:before { content: "\ec1a"; } .icofont-file-spreadsheet:before { content: "\ec1b"; } .icofont-file-sql:before { content: "\ec1c"; } .icofont-file-svg:before { content: "\ec1d"; } .icofont-file-text:before { content: "\ec1e"; } .icofont-file-tiff:before { content: "\ec1f"; } .icofont-file-video:before { content: "\ec20"; } .icofont-file-wave:before { content: "\ec21"; } .icofont-file-wmv:before { content: "\ec22"; } .icofont-file-word:before { content: "\ec23"; } .icofont-file-zip:before { content: "\ec24"; } .icofont-apple:before { content: "\ec25"; } .icofont-arabian-coffee:before { content: "\ec26"; } .icofont-artichoke:before { content: "\ec27"; } .icofont-asparagus:before { content: "\ec28"; } .icofont-avocado:before { content: "\ec29"; } .icofont-baby-food:before { content: "\ec2a"; } .icofont-banana:before { content: "\ec2b"; } .icofont-bbq:before { content: "\ec2c"; } .icofont-beans:before { content: "\ec2d"; } .icofont-beer:before { content: "\ec2e"; } .icofont-bell-pepper-capsicum:before { content: "\ec2f"; } .icofont-birthday-cake:before { content: "\ec30"; } .icofont-bread:before { content: "\ec31"; } .icofont-broccoli:before { content: "\ec32"; } .icofont-burger:before { content: "\ec33"; } .icofont-cabbage:before { content: "\ec34"; } .icofont-carrot:before { content: "\ec35"; } .icofont-cauli-flower:before { content: "\ec36"; } .icofont-cheese:before { content: "\ec37"; } .icofont-chef:before { content: "\ec38"; } .icofont-cherry:before { content: "\ec39"; } .icofont-chicken-fry:before { content: "\ec3a"; } .icofont-chicken:before { content: "\ec3b"; } .icofont-cocktail:before { content: "\ec3c"; } .icofont-coconut:before { content: "\ec3d"; } .icofont-coffee-alt:before { content: "\ec3e"; } .icofont-coffee-mug:before { content: "\ec3f"; } .icofont-coffee-pot:before { content: "\ec40"; } .icofont-cola:before { content: "\ec41"; } .icofont-corn:before { content: "\ec42"; } .icofont-croissant:before { content: "\ec43"; } .icofont-crop-plant:before { content: "\ec44"; } .icofont-cucumber:before { content: "\ec45"; } .icofont-cup-cake:before { content: "\ec46"; } .icofont-dining-table:before { content: "\ec47"; } .icofont-donut:before { content: "\ec48"; } .icofont-egg-plant:before { content: "\ec49"; } .icofont-egg-poached:before { content: "\ec4a"; } .icofont-farmer:before { content: "\ec4b"; } .icofont-farmer1:before { content: "\ec4c"; } .icofont-fast-food:before { content: "\ec4d"; } .icofont-fish:before { content: "\ec4e"; } .icofont-food-basket:before { content: "\ec4f"; } .icofont-food-cart:before { content: "\ec50"; } .icofont-fork-and-knife:before { content: "\ec51"; } .icofont-french-fries:before { content: "\ec52"; } .icofont-fresh-juice:before { content: "\ec53"; } .icofont-fruits:before { content: "\ec54"; } .icofont-grapes:before { content: "\ec55"; } .icofont-honey:before { content: "\ec56"; } .icofont-hot-dog:before { content: "\ec57"; } .icofont-hotel-alt:before { content: "\ec58"; } .icofont-ice-cream-alt:before { content: "\ec59"; } .icofont-ice-cream:before { content: "\ec5a"; } .icofont-ketchup:before { content: "\ec5b"; } .icofont-kiwi:before { content: "\ec5c"; } .icofont-layered-cake:before { content: "\ec5d"; } .icofont-lemon-alt:before { content: "\ec5e"; } .icofont-lobster:before { content: "\ec5f"; } .icofont-mango:before { content: "\ec60"; } .icofont-milk:before { content: "\ec61"; } .icofont-mushroom:before { content: "\ec62"; } .icofont-noodles:before { content: "\ec63"; } .icofont-onion:before { content: "\ec64"; } .icofont-orange:before { content: "\ec65"; } .icofont-pear:before { content: "\ec66"; } .icofont-peas:before { content: "\ec67"; } .icofont-pepper:before { content: "\ec68"; } .icofont-pie-alt:before { content: "\ec69"; } .icofont-pineapple:before { content: "\ec6a"; } .icofont-pizza-slice:before { content: "\ec6b"; } .icofont-pizza:before { content: "\ec6c"; } .icofont-plant:before { content: "\ec6d"; } .icofont-popcorn:before { content: "\ec6e"; } .icofont-potato:before { content: "\ec6f"; } .icofont-pumpkin:before { content: "\ec70"; } .icofont-raddish:before { content: "\ec71"; } .icofont-restaurant-menu:before { content: "\ec72"; } .icofont-restaurant:before { content: "\ec73"; } .icofont-salt-and-pepper:before { content: "\ec74"; } .icofont-sandwich:before { content: "\ec75"; } .icofont-sausage:before { content: "\ec76"; } .icofont-shrimp:before { content: "\ec77"; } .icofont-sof-drinks:before { content: "\ec78"; } .icofont-soup-bowl:before { content: "\ec79"; } .icofont-spoon-and-fork:before { content: "\ec7a"; } .icofont-steak:before { content: "\ec7b"; } .icofont-strawberry:before { content: "\ec7c"; } .icofont-sub-sandwich:before { content: "\ec7d"; } .icofont-sushi:before { content: "\ec7e"; } .icofont-taco:before { content: "\ec7f"; } .icofont-tea-pot:before { content: "\ec80"; } .icofont-tea:before { content: "\ec81"; } .icofont-tomato:before { content: "\ec82"; } .icofont-waiter-alt:before { content: "\ec83"; } .icofont-watermelon:before { content: "\ec84"; } .icofont-wheat:before { content: "\ec85"; } .icofont-abc:before { content: "\ec86"; } .icofont-baby-cloth:before { content: "\ec87"; } .icofont-baby-milk-bottle:before { content: "\ec88"; } .icofont-baby-trolley:before { content: "\ec89"; } .icofont-back-pack:before { content: "\ec8a"; } .icofont-candy:before { content: "\ec8b"; } .icofont-cycling:before { content: "\ec8c"; } .icofont-holding-hands:before { content: "\ec8d"; } .icofont-infant-nipple:before { content: "\ec8e"; } .icofont-kids-scooter:before { content: "\ec8f"; } .icofont-safety-pin:before { content: "\ec90"; } .icofont-teddy-bear:before { content: "\ec91"; } .icofont-toy-ball:before { content: "\ec92"; } .icofont-toy-cat:before { content: "\ec93"; } .icofont-toy-duck:before { content: "\ec94"; } .icofont-toy-elephant:before { content: "\ec95"; } .icofont-toy-hand:before { content: "\ec96"; } .icofont-toy-horse:before { content: "\ec97"; } .icofont-toy-lattu:before { content: "\ec98"; } .icofont-toy-train:before { content: "\ec99"; } .icofont-unique-idea:before { content: "\ec9a"; } .icofont-bag-alt:before { content: "\ec9b"; } .icofont-burglar:before { content: "\ec9c"; } .icofont-cannon-firing:before { content: "\ec9d"; } .icofont-cc-camera:before { content: "\ec9e"; } .icofont-cop-badge:before { content: "\ec9f"; } .icofont-cop:before { content: "\eca0"; } .icofont-court-hammer:before { content: "\eca1"; } .icofont-court:before { content: "\eca2"; } .icofont-finger-print:before { content: "\eca3"; } .icofont-handcuff-alt:before { content: "\eca4"; } .icofont-handcuff:before { content: "\eca5"; } .icofont-investigation:before { content: "\eca6"; } .icofont-investigator:before { content: "\eca7"; } .icofont-jail:before { content: "\eca8"; } .icofont-judge:before { content: "\eca9"; } .icofont-law-alt-1:before { content: "\ecaa"; } .icofont-law-alt-2:before { content: "\ecab"; } .icofont-law-alt-3:before { content: "\ecac"; } .icofont-law-book:before { content: "\ecad"; } .icofont-law-document:before { content: "\ecae"; } .icofont-law:before { content: "\ecaf"; } .icofont-lawyer-alt-1:before { content: "\ecb0"; } .icofont-lawyer-alt-2:before { content: "\ecb1"; } .icofont-lawyer:before { content: "\ecb2"; } .icofont-order:before { content: "\ecb3"; } .icofont-pistol:before { content: "\ecb4"; } .icofont-police-badge:before { content: "\ecb5"; } .icofont-police-cap:before { content: "\ecb6"; } .icofont-police-car-alt-1:before { content: "\ecb7"; } .icofont-police-car-alt-2:before { content: "\ecb8"; } .icofont-police-hat:before { content: "\ecb9"; } .icofont-police-van:before { content: "\ecba"; } .icofont-police:before { content: "\ecbb"; } .icofont-protect:before { content: "\ecbc"; } .icofont-scales:before { content: "\ecbd"; } .icofont-thief-alt:before { content: "\ecbe"; } .icofont-thief:before { content: "\ecbf"; } .icofont-abacus-alt:before { content: "\ecc0"; } .icofont-abacus:before { content: "\ecc1"; } .icofont-angle:before { content: "\ecc2"; } .icofont-calculator-alt-1:before { content: "\ecc3"; } .icofont-calculator-alt-2:before { content: "\ecc4"; } .icofont-circle-ruler-alt:before { content: "\ecc5"; } .icofont-circle-ruler:before { content: "\ecc6"; } .icofont-compass-alt-1:before { content: "\ecc7"; } .icofont-compass-alt-2:before { content: "\ecc8"; } .icofont-compass-alt-3:before { content: "\ecc9"; } .icofont-compass-alt-4:before { content: "\ecca"; } .icofont-degrees-alt-1:before { content: "\eccb"; } .icofont-degrees-alt-2:before { content: "\eccc"; } .icofont-degrees:before { content: "\eccd"; } .icofont-golden-ratio:before { content: "\ecce"; } .icofont-marker-alt-1:before { content: "\eccf"; } .icofont-marker-alt-2:before { content: "\ecd0"; } .icofont-marker-alt-3:before { content: "\ecd1"; } .icofont-mathematical-alt-1:before { content: "\ecd2"; } .icofont-mathematical-alt-2:before { content: "\ecd3"; } .icofont-mathematical:before { content: "\ecd4"; } .icofont-pen-alt-1:before { content: "\ecd5"; } .icofont-pen-alt-2:before { content: "\ecd6"; } .icofont-pen-alt-3:before { content: "\ecd7"; } .icofont-pen-holder-alt-1:before { content: "\ecd8"; } .icofont-pen-holder:before { content: "\ecd9"; } .icofont-pencil-alt-1:before { content: "\ecda"; } .icofont-pencil-alt-2:before { content: "\ecdb"; } .icofont-pencil-alt-3:before { content: "\ecdc"; } .icofont-pencil-alt-4:before { content: "\ecdd"; } .icofont-ruler-alt-1:before { content: "\ecde"; } .icofont-ruler-alt-2:before { content: "\ecdf"; } .icofont-ruler-compass-alt:before { content: "\ece0"; } .icofont-ruler-compass:before { content: "\ece1"; } .icofont-ruler-pencil-alt-1:before { content: "\ece2"; } .icofont-ruler-pencil-alt-2:before { content: "\ece3"; } .icofont-ruler-pencil:before { content: "\ece4"; } .icofont-ruler:before { content: "\ece5"; } .icofont-rulers-alt:before { content: "\ece6"; } .icofont-rulers:before { content: "\ece7"; } .icofont-square-root:before { content: "\ece8"; } .icofont-aids:before { content: "\ece9"; } .icofont-ambulance:before { content: "\ecea"; } .icofont-autism:before { content: "\eceb"; } .icofont-bandage:before { content: "\ecec"; } .icofont-bed-patient:before { content: "\eced"; } .icofont-blind:before { content: "\ecee"; } .icofont-blood-drop:before { content: "\ecef"; } .icofont-blood-test:before { content: "\ecf0"; } .icofont-blood:before { content: "\ecf1"; } .icofont-capsule:before { content: "\ecf2"; } .icofont-crutches:before { content: "\ecf3"; } .icofont-dna-alt-1:before { content: "\ecf4"; } .icofont-dna:before { content: "\ecf5"; } .icofont-doctor-alt:before { content: "\ecf6"; } .icofont-doctor:before { content: "\ecf7"; } .icofont-drug-pack:before { content: "\ecf8"; } .icofont-drug:before { content: "\ecf9"; } .icofont-eye-alt:before { content: "\ecfa"; } .icofont-first-aid-alt:before { content: "\ecfb"; } .icofont-garbage:before { content: "\ecfc"; } .icofont-heart-alt:before { content: "\ecfd"; } .icofont-heartbeat:before { content: "\ecfe"; } .icofont-herbal:before { content: "\ecff"; } .icofont-hospital:before { content: "\ed00"; } .icofont-icu:before { content: "\ed01"; } .icofont-injection-syringe:before { content: "\ed02"; } .icofont-laboratory:before { content: "\ed03"; } .icofont-medical-sign-alt:before { content: "\ed04"; } .icofont-medical-sign:before { content: "\ed05"; } .icofont-nurse-alt:before { content: "\ed06"; } .icofont-nurse:before { content: "\ed07"; } .icofont-nursing-home:before { content: "\ed08"; } .icofont-operation-theater:before { content: "\ed09"; } .icofont-paralysis-disability:before { content: "\ed0a"; } .icofont-pills:before { content: "\ed0b"; } .icofont-prescription:before { content: "\ed0c"; } .icofont-pulse:before { content: "\ed0d"; } .icofont-stethoscope-alt:before { content: "\ed0e"; } .icofont-stethoscope:before { content: "\ed0f"; } .icofont-stretcher:before { content: "\ed10"; } .icofont-surgeon-alt:before { content: "\ed11"; } .icofont-surgeon:before { content: "\ed12"; } .icofont-tablets:before { content: "\ed13"; } .icofont-test-bottle:before { content: "\ed14"; } .icofont-test-tube:before { content: "\ed15"; } .icofont-thermometer-alt:before { content: "\ed16"; } .icofont-tooth:before { content: "\ed17"; } .icofont-xray:before { content: "\ed18"; } .icofont-ui-add:before { content: "\ed19"; } .icofont-ui-alarm:before { content: "\ed1a"; } .icofont-ui-battery:before { content: "\ed1b"; } .icofont-ui-block:before { content: "\ed1c"; } .icofont-ui-bluetooth:before { content: "\ed1d"; } .icofont-ui-brightness:before { content: "\ed1e"; } .icofont-ui-browser:before { content: "\ed1f"; } .icofont-ui-calculator:before { content: "\ed20"; } .icofont-ui-calendar:before { content: "\ed21"; } .icofont-ui-call:before { content: "\ed22"; } .icofont-ui-camera:before { content: "\ed23"; } .icofont-ui-cart:before { content: "\ed24"; } .icofont-ui-cell-phone:before { content: "\ed25"; } .icofont-ui-chat:before { content: "\ed26"; } .icofont-ui-check:before { content: "\ed27"; } .icofont-ui-clip-board:before { content: "\ed28"; } .icofont-ui-clip:before { content: "\ed29"; } .icofont-ui-clock:before { content: "\ed2a"; } .icofont-ui-close:before { content: "\ed2b"; } .icofont-ui-contact-list:before { content: "\ed2c"; } .icofont-ui-copy:before { content: "\ed2d"; } .icofont-ui-cut:before { content: "\ed2e"; } .icofont-ui-delete:before { content: "\ed2f"; } .icofont-ui-dial-phone:before { content: "\ed30"; } .icofont-ui-edit:before { content: "\ed31"; } .icofont-ui-email:before { content: "\ed32"; } .icofont-ui-file:before { content: "\ed33"; } .icofont-ui-fire-wall:before { content: "\ed34"; } .icofont-ui-flash-light:before { content: "\ed35"; } .icofont-ui-flight:before { content: "\ed36"; } .icofont-ui-folder:before { content: "\ed37"; } .icofont-ui-game:before { content: "\ed38"; } .icofont-ui-handicapped:before { content: "\ed39"; } .icofont-ui-head-phone:before { content: "\ed3a"; } .icofont-ui-home:before { content: "\ed3b"; } .icofont-ui-image:before { content: "\ed3c"; } .icofont-ui-keyboard:before { content: "\ed3d"; } .icofont-ui-laoding:before { content: "\ed3e"; } .icofont-ui-lock:before { content: "\ed3f"; } .icofont-ui-love-add:before { content: "\ed40"; } .icofont-ui-love-broken:before { content: "\ed41"; } .icofont-ui-love-remove:before { content: "\ed42"; } .icofont-ui-love:before { content: "\ed43"; } .icofont-ui-map:before { content: "\ed44"; } .icofont-ui-message:before { content: "\ed45"; } .icofont-ui-messaging:before { content: "\ed46"; } .icofont-ui-movie:before { content: "\ed47"; } .icofont-ui-music-player:before { content: "\ed48"; } .icofont-ui-music:before { content: "\ed49"; } .icofont-ui-mute:before { content: "\ed4a"; } .icofont-ui-network:before { content: "\ed4b"; } .icofont-ui-next:before { content: "\ed4c"; } .icofont-ui-note:before { content: "\ed4d"; } .icofont-ui-office:before { content: "\ed4e"; } .icofont-ui-password:before { content: "\ed4f"; } .icofont-ui-pause:before { content: "\ed50"; } .icofont-ui-play-stop:before { content: "\ed51"; } .icofont-ui-play:before { content: "\ed52"; } .icofont-ui-pointer:before { content: "\ed53"; } .icofont-ui-power:before { content: "\ed54"; } .icofont-ui-press:before { content: "\ed55"; } .icofont-ui-previous:before { content: "\ed56"; } .icofont-ui-rate-add:before { content: "\ed57"; } .icofont-ui-rate-blank:before { content: "\ed58"; } .icofont-ui-rate-remove:before { content: "\ed59"; } .icofont-ui-rating:before { content: "\ed5a"; } .icofont-ui-record:before { content: "\ed5b"; } .icofont-ui-remove:before { content: "\ed5c"; } .icofont-ui-reply:before { content: "\ed5d"; } .icofont-ui-rotation:before { content: "\ed5e"; } .icofont-ui-rss:before { content: "\ed5f"; } .icofont-ui-search:before { content: "\ed60"; } .icofont-ui-settings:before { content: "\ed61"; } .icofont-ui-social-link:before { content: "\ed62"; } .icofont-ui-tag:before { content: "\ed63"; } .icofont-ui-text-chat:before { content: "\ed64"; } .icofont-ui-text-loading:before { content: "\ed65"; } .icofont-ui-theme:before { content: "\ed66"; } .icofont-ui-timer:before { content: "\ed67"; } .icofont-ui-touch-phone:before { content: "\ed68"; } .icofont-ui-travel:before { content: "\ed69"; } .icofont-ui-unlock:before { content: "\ed6a"; } .icofont-ui-user-group:before { content: "\ed6b"; } .icofont-ui-user:before { content: "\ed6c"; } .icofont-ui-v-card:before { content: "\ed6d"; } .icofont-ui-video-chat:before { content: "\ed6e"; } .icofont-ui-video-message:before { content: "\ed6f"; } .icofont-ui-video-play:before { content: "\ed70"; } .icofont-ui-video:before { content: "\ed71"; } .icofont-ui-volume:before { content: "\ed72"; } .icofont-ui-weather:before { content: "\ed73"; } .icofont-ui-wifi:before { content: "\ed74"; } .icofont-ui-zoom-in:before { content: "\ed75"; } .icofont-ui-zoom-out:before { content: "\ed76"; } .icofont-cassette-player:before { content: "\ed77"; } .icofont-cassette:before { content: "\ed78"; } .icofont-forward:before { content: "\ed79"; } .icofont-game:before { content: "\ed7a"; } .icofont-guiter:before { content: "\ed7b"; } .icofont-headphone-alt-1:before { content: "\ed7c"; } .icofont-headphone-alt-2:before { content: "\ed7d"; } .icofont-headphone-alt-3:before { content: "\ed7e"; } .icofont-listening:before { content: "\ed7f"; } .icofont-megaphone-alt:before { content: "\ed80"; } .icofont-megaphone:before { content: "\ed81"; } .icofont-movie:before { content: "\ed82"; } .icofont-mp3-player:before { content: "\ed83"; } .icofont-multimedia:before { content: "\ed84"; } .icofont-music-disk:before { content: "\ed85"; } .icofont-music-note:before { content: "\ed86"; } .icofont-pause:before { content: "\ed87"; } .icofont-play-alt-1:before { content: "\ed88"; } .icofont-play-alt-2:before { content: "\ed89"; } .icofont-play-alt-3:before { content: "\ed8a"; } .icofont-play-pause:before { content: "\ed8b"; } .icofont-record:before { content: "\ed8c"; } .icofont-retro-music-disk:before { content: "\ed8d"; } .icofont-rewind:before { content: "\ed8e"; } .icofont-song-notes:before { content: "\ed8f"; } .icofont-sound-wave-alt:before { content: "\ed90"; } .icofont-sound-wave:before { content: "\ed91"; } .icofont-stop:before { content: "\ed92"; } .icofont-video-alt:before { content: "\ed93"; } .icofont-video-cam:before { content: "\ed94"; } .icofont-volume-bar:before { content: "\ed95"; } .icofont-volume-mute:before { content: "\ed96"; } .icofont-youtube-play:before { content: "\ed97"; } .icofont-amazon-alt:before { content: "\ed98"; } .icofont-amazon:before { content: "\ed99"; } .icofont-american-express-alt:before { content: "\ed9a"; } .icofont-american-express:before { content: "\ed9b"; } .icofont-apple-pay-alt:before { content: "\ed9c"; } .icofont-apple-pay:before { content: "\ed9d"; } .icofont-bank-transfer-alt:before { content: "\ed9e"; } .icofont-bank-transfer:before { content: "\ed9f"; } .icofont-braintree-alt:before { content: "\eda0"; } .icofont-braintree:before { content: "\eda1"; } .icofont-cash-on-delivery-alt:before { content: "\eda2"; } .icofont-cash-on-delivery:before { content: "\eda3"; } .icofont-checkout-alt:before { content: "\eda4"; } .icofont-checkout:before { content: "\eda5"; } .icofont-diners-club-alt-1:before { content: "\eda6"; } .icofont-diners-club-alt-2:before { content: "\eda7"; } .icofont-diners-club-alt-3:before { content: "\eda8"; } .icofont-diners-club:before { content: "\eda9"; } .icofont-discover-alt:before { content: "\edaa"; } .icofont-discover:before { content: "\edab"; } .icofont-eway-alt:before { content: "\edac"; } .icofont-eway:before { content: "\edad"; } .icofont-google-wallet-alt-1:before { content: "\edae"; } .icofont-google-wallet-alt-2:before { content: "\edaf"; } .icofont-google-wallet-alt-3:before { content: "\edb0"; } .icofont-google-wallet:before { content: "\edb1"; } .icofont-jcb-alt:before { content: "\edb2"; } .icofont-jcb:before { content: "\edb3"; } .icofont-maestro-alt:before { content: "\edb4"; } .icofont-maestro:before { content: "\edb5"; } .icofont-mastercard-alt:before { content: "\edb6"; } .icofont-mastercard:before { content: "\edb7"; } .icofont-payoneer-alt:before { content: "\edb8"; } .icofont-payoneer:before { content: "\edb9"; } .icofont-paypal-alt:before { content: "\edba"; } .icofont-paypal:before { content: "\edbb"; } .icofont-sage-alt:before { content: "\edbc"; } .icofont-sage:before { content: "\edbd"; } .icofont-skrill-alt:before { content: "\edbe"; } .icofont-skrill:before { content: "\edbf"; } .icofont-stripe-alt:before { content: "\edc0"; } .icofont-stripe:before { content: "\edc1"; } .icofont-visa-alt:before { content: "\edc2"; } .icofont-visa-electron:before { content: "\edc3"; } .icofont-visa:before { content: "\edc4"; } .icofont-western-union-alt:before { content: "\edc5"; } .icofont-western-union:before { content: "\edc6"; } .icofont-boy:before { content: "\edc7"; } .icofont-business-man-alt-1:before { content: "\edc8"; } .icofont-business-man-alt-2:before { content: "\edc9"; } .icofont-business-man-alt-3:before { content: "\edca"; } .icofont-business-man:before { content: "\edcb"; } .icofont-funky-man:before { content: "\edcc"; } .icofont-girl-alt:before { content: "\edcd"; } .icofont-girl:before { content: "\edce"; } .icofont-hotel-boy-alt:before { content: "\edcf"; } .icofont-hotel-boy:before { content: "\edd0"; } .icofont-man-in-glasses:before { content: "\edd1"; } .icofont-user-alt-1:before { content: "\edd2"; } .icofont-user-alt-2:before { content: "\edd3"; } .icofont-user-alt-3:before { content: "\edd4"; } .icofont-user-alt-4:before { content: "\edd5"; } .icofont-user-alt-5:before { content: "\edd6"; } .icofont-user-alt-6:before { content: "\edd7"; } .icofont-user-alt-7:before { content: "\edd8"; } .icofont-user-female:before { content: "\edd9"; } .icofont-user-male:before { content: "\edda"; } .icofont-user-suited:before { content: "\eddb"; } .icofont-user:before { content: "\eddc"; } .icofont-users-alt-1:before { content: "\eddd"; } .icofont-users-alt-2:before { content: "\edde"; } .icofont-users-alt-3:before { content: "\eddf"; } .icofont-users-alt-4:before { content: "\ede0"; } .icofont-users-alt-5:before { content: "\ede1"; } .icofont-users-alt-6:before { content: "\ede2"; } .icofont-users-social:before { content: "\ede3"; } .icofont-users:before { content: "\ede4"; } .icofont-waiter:before { content: "\ede5"; } .icofont-woman-in-glasses:before { content: "\ede6"; } .icofont-document-search:before { content: "\ede7"; } .icofont-folder-search:before { content: "\ede8"; } .icofont-home-search:before { content: "\ede9"; } .icofont-job-search:before { content: "\edea"; } .icofont-map-search:before { content: "\edeb"; } .icofont-restaurant-search:before { content: "\edec"; } .icofont-search-alt-1:before { content: "\eded"; } .icofont-search-alt-2:before { content: "\edee"; } .icofont-search:before { content: "\edef"; } .icofont-stock-search:before { content: "\edf0"; } .icofont-user-search:before { content: "\edf1"; } .icofont-social-aim:before { content: "\edf2"; } .icofont-social-badoo:before { content: "\edf3"; } .icofont-social-bebo:before { content: "\edf4"; } .icofont-social-behance:before { content: "\edf5"; } .icofont-social-blogger:before { content: "\edf6"; } .icofont-social-bootstrap:before { content: "\edf7"; } .icofont-social-brightkite:before { content: "\edf8"; } .icofont-social-cloudapp:before { content: "\edf9"; } .icofont-social-concrete5:before { content: "\edfa"; } .icofont-social-designbump:before { content: "\edfb"; } .icofont-social-designfloat:before { content: "\edfc"; } .icofont-social-deviantart:before { content: "\edfd"; } .icofont-social-digg:before { content: "\edfe"; } .icofont-social-dotcms:before { content: "\edff"; } .icofont-social-dribble:before { content: "\ee00"; } .icofont-social-dropbox:before { content: "\ee01"; } .icofont-brand-drupal:before { content: "\ee02"; } .icofont-social-ebuddy:before { content: "\ee03"; } .icofont-social-ello:before { content: "\ee04"; } .icofont-social-ember:before { content: "\ee05"; } .icofont-social-envato:before { content: "\ee06"; } .icofont-social-evernote:before { content: "\ee07"; } .icofont-social-facebook:before { content: "\ee08"; } .icofont-social-feedburner:before { content: "\ee09"; } .icofont-social-folkd:before { content: "\ee0a"; } .icofont-social-friendfeed:before { content: "\ee0b"; } .icofont-social-ghost:before { content: "\ee0c"; } .icofont-social-github:before { content: "\ee0d"; } .icofont-social-gnome:before { content: "\ee0e"; } .icofont-social-google-buzz:before { content: "\ee0f"; } .icofont-social-google-map:before { content: "\ee10"; } .icofont-social-google-plus:before { content: "\ee11"; } .icofont-social-google-talk:before { content: "\ee12"; } .icofont-social-hype-machine:before { content: "\ee13"; } .icofont-social-instagram:before { content: "\ee14"; } .icofont-brand-joomla:before { content: "\ee15"; } .icofont-social-kickstarter:before { content: "\ee16"; } .icofont-social-line:before { content: "\ee17"; } .icofont-social-linux-mint:before { content: "\ee18"; } .icofont-social-livejournal:before { content: "\ee19"; } .icofont-social-magento:before { content: "\ee1a"; } .icofont-social-meetup:before { content: "\ee1b"; } .icofont-social-mixx:before { content: "\ee1c"; } .icofont-social-newsvine:before { content: "\ee1d"; } .icofont-social-nimbuss:before { content: "\ee1e"; } .icofont-social-opencart:before { content: "\ee1f"; } .icofont-social-oscommerce:before { content: "\ee20"; } .icofont-social-pandora:before { content: "\ee21"; } .icofont-social-picasa:before { content: "\ee22"; } .icofont-social-pinterest:before { content: "\ee23"; } .icofont-social-prestashop:before { content: "\ee24"; } .icofont-social-qik:before { content: "\ee25"; } .icofont-social-readernaut:before { content: "\ee26"; } .icofont-social-reddit:before { content: "\ee27"; } .icofont-social-rss:before { content: "\ee28"; } .icofont-social-shopify:before { content: "\ee29"; } .icofont-social-silverstripe:before { content: "\ee2a"; } .icofont-social-skype:before { content: "\ee2b"; } .icofont-social-slashdot:before { content: "\ee2c"; } .icofont-social-smugmug:before { content: "\ee2d"; } .icofont-social-steam:before { content: "\ee2e"; } .icofont-social-stumbleupon:before { content: "\ee2f"; } .icofont-social-technorati:before { content: "\ee30"; } .icofont-social-telegram:before { content: "\ee31"; } .icofont-social-tinder:before { content: "\ee32"; } .icofont-social-tumblr:before { content: "\ee33"; } .icofont-social-twitter:before { content: "\ee34"; } .icofont-social-typo3:before { content: "\ee35"; } .icofont-social-ubercart:before { content: "\ee36"; } .icofont-social-viber:before { content: "\ee37"; } .icofont-social-viddler:before { content: "\ee38"; } .icofont-social-vimeo:before { content: "\ee39"; } .icofont-social-vine:before { content: "\ee3a"; } .icofont-social-virb:before { content: "\ee3b"; } .icofont-social-virtuemart:before { content: "\ee3c"; } .icofont-social-wechat:before { content: "\ee3d"; } .icofont-brand-wordpress:before { content: "\ee3e"; } .icofont-social-xing:before { content: "\ee3f"; } .icofont-social-yahoo:before { content: "\ee40"; } .icofont-social-yelp:before { content: "\ee41"; } .icofont-social-zencart:before { content: "\ee42"; } .icofont-badminton-birdie:before { content: "\ee43"; } .icofont-baseball:before { content: "\ee44"; } .icofont-baseballer:before { content: "\ee45"; } .icofont-basketball-hoop:before { content: "\ee46"; } .icofont-basketball:before { content: "\ee47"; } .icofont-billiard-ball:before { content: "\ee48"; } .icofont-boot-alt-1:before { content: "\ee49"; } .icofont-boot-alt-2:before { content: "\ee4a"; } .icofont-bowling-alt:before { content: "\ee4b"; } .icofont-bowling:before { content: "\ee4c"; } .icofont-canoe:before { content: "\ee4d"; } .icofont-cheer-leader:before { content: "\ee4e"; } .icofont-climbing:before { content: "\ee4f"; } .icofont-corner:before { content: "\ee50"; } .icofont-cyclist:before { content: "\ee51"; } .icofont-dumbbell-alt:before { content: "\ee52"; } .icofont-dumbbell:before { content: "\ee53"; } .icofont-field-alt:before { content: "\ee54"; } .icofont-field:before { content: "\ee55"; } .icofont-football-alt:before { content: "\ee56"; } .icofont-foul:before { content: "\ee57"; } .icofont-goal-keeper:before { content: "\ee58"; } .icofont-goal:before { content: "\ee59"; } .icofont-golf-alt:before { content: "\ee5a"; } .icofont-golf-bag:before { content: "\ee5b"; } .icofont-golf-field:before { content: "\ee5c"; } .icofont-golf:before { content: "\ee5d"; } .icofont-golfer:before { content: "\ee5e"; } .icofont-gym-alt-1:before { content: "\ee5f"; } .icofont-gym-alt-2:before { content: "\ee60"; } .icofont-gym-alt-3:before { content: "\ee61"; } .icofont-gym:before { content: "\ee62"; } .icofont-hand-grippers:before { content: "\ee63"; } .icofont-heart-beat-alt:before { content: "\ee64"; } .icofont-helmet:before { content: "\ee65"; } .icofont-hockey-alt:before { content: "\ee66"; } .icofont-hockey:before { content: "\ee67"; } .icofont-ice-skate:before { content: "\ee68"; } .icofont-jersey-alt:before { content: "\ee69"; } .icofont-jersey:before { content: "\ee6a"; } .icofont-jumping:before { content: "\ee6b"; } .icofont-kick:before { content: "\ee6c"; } .icofont-leg:before { content: "\ee6d"; } .icofont-match-review:before { content: "\ee6e"; } .icofont-medal-alt:before { content: "\ee6f"; } .icofont-muscle-alt:before { content: "\ee70"; } .icofont-muscle:before { content: "\ee71"; } .icofont-offside:before { content: "\ee72"; } .icofont-olympic-logo:before { content: "\ee73"; } .icofont-olympic:before { content: "\ee74"; } .icofont-padding:before { content: "\ee75"; } .icofont-penalty-card:before { content: "\ee76"; } .icofont-racer:before { content: "\ee77"; } .icofont-racing-car:before { content: "\ee78"; } .icofont-racing-flag-alt:before { content: "\ee79"; } .icofont-racing-flag:before { content: "\ee7a"; } .icofont-racings-wheel:before { content: "\ee7b"; } .icofont-referee:before { content: "\ee7c"; } .icofont-refree-jersey:before { content: "\ee7d"; } .icofont-result:before { content: "\ee7e"; } .icofont-rugby-ball:before { content: "\ee7f"; } .icofont-rugby-player:before { content: "\ee80"; } .icofont-rugby:before { content: "\ee81"; } .icofont-runner-alt-1:before { content: "\ee82"; } .icofont-runner-alt-2:before { content: "\ee83"; } .icofont-runner:before { content: "\ee84"; } .icofont-score-board:before { content: "\ee85"; } .icofont-skiing-man:before { content: "\ee86"; } .icofont-skydiving-goggles:before { content: "\ee87"; } .icofont-snow-mobile:before { content: "\ee88"; } .icofont-steering:before { content: "\ee89"; } .icofont-substitute:before { content: "\ee8a"; } .icofont-swimmer:before { content: "\ee8b"; } .icofont-table-tennis:before { content: "\ee8c"; } .icofont-team-alt:before { content: "\ee8d"; } .icofont-team:before { content: "\ee8e"; } .icofont-tennis-player:before { content: "\ee8f"; } .icofont-tennis:before { content: "\ee90"; } .icofont-time:before { content: "\ee91"; } .icofont-track:before { content: "\ee92"; } .icofont-tracking:before { content: "\ee93"; } .icofont-trophy-alt:before { content: "\ee94"; } .icofont-trophy:before { content: "\ee95"; } .icofont-volleyball-alt:before { content: "\ee96"; } .icofont-volleyball-fire:before { content: "\ee97"; } .icofont-volleyball:before { content: "\ee98"; } .icofont-water-bottle:before { content: "\ee99"; } .icofont-whisle:before { content: "\ee9a"; } .icofont-win-trophy:before { content: "\ee9b"; } .icofont-align-center:before { content: "\ee9c"; } .icofont-align-left:before { content: "\ee9d"; } .icofont-align-right:before { content: "\ee9e"; } .icofont-all-caps:before { content: "\ee9f"; } .icofont-bold:before { content: "\eea0"; } .icofont-brush:before { content: "\eea1"; } .icofont-clip-board:before { content: "\eea2"; } .icofont-code-alt:before { content: "\eea3"; } .icofont-color-bucket:before { content: "\eea4"; } .icofont-color-picker:before { content: "\eea5"; } .icofont-copy-alt:before { content: "\eea6"; } .icofont-copy-black:before { content: "\eea7"; } .icofont-cut:before { content: "\eea8"; } .icofont-delete-alt:before { content: "\eea9"; } .icofont-edit-alt:before { content: "\eeaa"; } .icofont-eraser-alt:before { content: "\eeab"; } .icofont-file-alt:before { content: "\eeac"; } .icofont-font:before { content: "\eead"; } .icofont-header:before { content: "\eeae"; } .icofont-indent:before { content: "\eeaf"; } .icofont-italic-alt:before { content: "\eeb0"; } .icofont-justify-all:before { content: "\eeb1"; } .icofont-justify-center:before { content: "\eeb2"; } .icofont-justify-left:before { content: "\eeb3"; } .icofont-justify-right:before { content: "\eeb4"; } .icofont-line-height:before { content: "\eeb5"; } .icofont-link-alt:before { content: "\eeb6"; } .icofont-listine-dots:before { content: "\eeb7"; } .icofont-listing-box:before { content: "\eeb8"; } .icofont-listing-number:before { content: "\eeb9"; } .icofont-marker:before { content: "\eeba"; } .icofont-outdent:before { content: "\eebb"; } .icofont-paper-clip:before { content: "\eebc"; } .icofont-paragraph:before { content: "\eebd"; } .icofont-pin:before { content: "\eebe"; } .icofont-printer:before { content: "\eebf"; } .icofont-redo:before { content: "\eec0"; } .icofont-rotation:before { content: "\eec1"; } .icofont-save:before { content: "\eec2"; } .icofont-small-cap:before { content: "\eec3"; } .icofont-strike-through:before { content: "\eec4"; } .icofont-sub-listing:before { content: "\eec5"; } .icofont-subscript:before { content: "\eec6"; } .icofont-superscript:before { content: "\eec7"; } .icofont-table:before { content: "\eec8"; } .icofont-text-height:before { content: "\eec9"; } .icofont-text-width:before { content: "\eeca"; } .icofont-trash:before { content: "\eecb"; } .icofont-underline:before { content: "\eecc"; } .icofont-undo:before { content: "\eecd"; } .icofont-unlink:before { content: "\eece"; } .icofont-air-balloon:before { content: "\eecf"; } .icofont-airplane-alt:before { content: "\eed0"; } .icofont-airplane:before { content: "\eed1"; } .icofont-ambulance-crescent:before { content: "\eed2"; } .icofont-ambulance-cross:before { content: "\eed3"; } .icofont-articulated-truck:before { content: "\eed4"; } .icofont-auto-rickshaw:before { content: "\eed5"; } .icofont-bicycle-alt-1:before { content: "\eed6"; } .icofont-bicycle-alt-2:before { content: "\eed7"; } .icofont-bull-dozer:before { content: "\eed8"; } .icofont-bus-alt-1:before { content: "\eed9"; } .icofont-bus-alt-2:before { content: "\eeda"; } .icofont-bus-alt-3:before { content: "\eedb"; } .icofont-cable-car:before { content: "\eedc"; } .icofont-car-alt-1:before { content: "\eedd"; } .icofont-car-alt-2:before { content: "\eede"; } .icofont-car-alt-3:before { content: "\eedf"; } .icofont-car-alt-4:before { content: "\eee0"; } .icofont-concrete-mixer:before { content: "\eee1"; } .icofont-delivery-time:before { content: "\eee2"; } .icofont-excavator:before { content: "\eee3"; } .icofont-fast-delivery:before { content: "\eee4"; } .icofont-fire-truck-alt:before { content: "\eee5"; } .icofont-fire-truck:before { content: "\eee6"; } .icofont-fork-lift:before { content: "\eee7"; } .icofont-free-delivery:before { content: "\eee8"; } .icofont-golf-cart:before { content: "\eee9"; } .icofont-helicopter:before { content: "\eeea"; } .icofont-motor-bike-alt:before { content: "\eeeb"; } .icofont-motor-bike:before { content: "\eeec"; } .icofont-motor-biker:before { content: "\eeed"; } .icofont-oil-truck:before { content: "\eeee"; } .icofont-police-car:before { content: "\eeef"; } .icofont-rickshaw:before { content: "\eef0"; } .icofont-rocket-alt-1:before { content: "\eef1"; } .icofont-rocket-alt-2:before { content: "\eef2"; } .icofont-sail-boat:before { content: "\eef3"; } .icofont-scooter:before { content: "\eef4"; } .icofont-sea-plane:before { content: "\eef5"; } .icofont-ship-alt:before { content: "\eef6"; } .icofont-speed-boat:before { content: "\eef7"; } .icofont-taxi:before { content: "\eef8"; } .icofont-tow-truck:before { content: "\eef9"; } .icofont-tractor:before { content: "\eefa"; } .icofont-traffic-light:before { content: "\eefb"; } .icofont-train-line:before { content: "\eefc"; } .icofont-train-steam:before { content: "\eefd"; } .icofont-tram:before { content: "\eefe"; } .icofont-truck-alt:before { content: "\eeff"; } .icofont-truck-loaded:before { content: "\ef00"; } .icofont-truck:before { content: "\ef01"; } .icofont-van-alt:before { content: "\ef02"; } .icofont-van:before { content: "\ef03"; } .icofont-yacht:before { content: "\ef04"; } .icofont-5-star-hotel:before { content: "\ef05"; } .icofont-anchor-alt:before { content: "\ef06"; } .icofont-beach-bed:before { content: "\ef07"; } .icofont-camping-vest:before { content: "\ef08"; } .icofont-coconut-alt:before { content: "\ef09"; } .icofont-direction-sign:before { content: "\ef0a"; } .icofont-hill-side:before { content: "\ef0b"; } .icofont-island-alt:before { content: "\ef0c"; } .icofont-long-drive:before { content: "\ef0d"; } .icofont-map-pins:before { content: "\ef0e"; } .icofont-plane-ticket:before { content: "\ef0f"; } .icofont-sail-boat-alt-1:before { content: "\ef10"; } .icofont-sail-boat-alt-2:before { content: "\ef11"; } .icofont-sandals-female:before { content: "\ef12"; } .icofont-sandals-male:before { content: "\ef13"; } .icofont-travelling:before { content: "\ef14"; } .icofont-breakdown:before { content: "\ef15"; } .icofont-celsius:before { content: "\ef16"; } .icofont-clouds:before { content: "\ef17"; } .icofont-cloudy:before { content: "\ef18"; } .icofont-compass-alt:before { content: "\ef19"; } .icofont-dust:before { content: "\ef1a"; } .icofont-eclipse:before { content: "\ef1b"; } .icofont-fahrenheit:before { content: "\ef1c"; } .icofont-forest-fire:before { content: "\ef1d"; } .icofont-full-night:before { content: "\ef1e"; } .icofont-full-sunny:before { content: "\ef1f"; } .icofont-hail-night:before { content: "\ef20"; } .icofont-hail-rainy-night:before { content: "\ef21"; } .icofont-hail-rainy-sunny:before { content: "\ef22"; } .icofont-hail-rainy:before { content: "\ef23"; } .icofont-hail-sunny:before { content: "\ef24"; } .icofont-hail-thunder-night:before { content: "\ef25"; } .icofont-hail-thunder-sunny:before { content: "\ef26"; } .icofont-hail-thunder:before { content: "\ef27"; } .icofont-hail:before { content: "\ef28"; } .icofont-hill-night:before { content: "\ef29"; } .icofont-hill-sunny:before { content: "\ef2a"; } .icofont-hill:before { content: "\ef2b"; } .icofont-hurricane:before { content: "\ef2c"; } .icofont-island:before { content: "\ef2d"; } .icofont-meteor:before { content: "\ef2e"; } .icofont-night:before { content: "\ef2f"; } .icofont-rainy-night:before { content: "\ef30"; } .icofont-rainy-sunny:before { content: "\ef31"; } .icofont-rainy-thunder:before { content: "\ef32"; } .icofont-rainy:before { content: "\ef33"; } .icofont-showy-night-hail:before { content: "\ef34"; } .icofont-snow-temp:before { content: "\ef35"; } .icofont-snow:before { content: "\ef36"; } .icofont-snowy-hail:before { content: "\ef37"; } .icofont-snowy-night-rainy:before { content: "\ef38"; } .icofont-snowy-night:before { content: "\ef39"; } .icofont-snowy-rainy:before { content: "\ef3a"; } .icofont-snowy-sunny-hail:before { content: "\ef3b"; } .icofont-snowy-sunny-rainy:before { content: "\ef3c"; } .icofont-snowy-sunny:before { content: "\ef3d"; } .icofont-snowy-thunder-night:before { content: "\ef3e"; } .icofont-snowy-thunder-sunny:before { content: "\ef3f"; } .icofont-snowy-thunder:before { content: "\ef40"; } .icofont-snowy-windy-night:before { content: "\ef41"; } .icofont-snowy-windy-sunny:before { content: "\ef42"; } .icofont-snowy-windy:before { content: "\ef43"; } .icofont-snowy:before { content: "\ef44"; } .icofont-sun-alt:before { content: "\ef45"; } .icofont-sun-rise:before { content: "\ef46"; } .icofont-sun-set:before { content: "\ef47"; } .icofont-sunny-day-temp:before { content: "\ef48"; } .icofont-sunny:before { content: "\ef49"; } .icofont-thermometer:before { content: "\ef4a"; } .icofont-thinder-light:before { content: "\ef4b"; } .icofont-tornado:before { content: "\ef4c"; } .icofont-umbrella-alt:before { content: "\ef4d"; } .icofont-volcano:before { content: "\ef4e"; } .icofont-wave:before { content: "\ef4f"; } .icofont-wind-scale-0:before { content: "\ef50"; } .icofont-wind-scale-1:before { content: "\ef51"; } .icofont-wind-scale-2:before { content: "\ef52"; } .icofont-wind-scale-3:before { content: "\ef53"; } .icofont-wind-scale-4:before { content: "\ef54"; } .icofont-wind-scale-5:before { content: "\ef55"; } .icofont-wind-scale-6:before { content: "\ef56"; } .icofont-wind-scale-7:before { content: "\ef57"; } .icofont-wind-scale-8:before { content: "\ef58"; } .icofont-wind-scale-9:before { content: "\ef59"; } .icofont-wind-scale-10:before { content: "\ef5a"; } .icofont-wind-scale-11:before { content: "\ef5b"; } .icofont-wind-scale-12:before { content: "\ef5c"; } .icofont-wind-waves:before { content: "\ef5d"; } .icofont-wind:before { content: "\ef5e"; } .icofont-windy-hail:before { content: "\ef5f"; } .icofont-windy-night:before { content: "\ef60"; } .icofont-windy-raining:before { content: "\ef61"; } .icofont-windy-sunny:before { content: "\ef62"; } .icofont-windy-thunder-raining:before { content: "\ef63"; } .icofont-windy-thunder:before { content: "\ef64"; } .icofont-windy:before { content: "\ef65"; } .icofont-addons:before { content: "\ef66"; } .icofont-address-book:before { content: "\ef67"; } .icofont-adjust:before { content: "\ef68"; } .icofont-alarm:before { content: "\ef69"; } .icofont-anchor:before { content: "\ef6a"; } .icofont-archive:before { content: "\ef6b"; } .icofont-at:before { content: "\ef6c"; } .icofont-attachment:before { content: "\ef6d"; } .icofont-audio:before { content: "\ef6e"; } .icofont-auto-mobile:before { content: "\ef6f"; } .icofont-automation:before { content: "\ef70"; } .icofont-baby:before { content: "\ef71"; } .icofont-badge:before { content: "\ef72"; } .icofont-bag:before { content: "\ef73"; } .icofont-ban:before { content: "\ef74"; } .icofont-bank:before { content: "\ef75"; } .icofont-bar-code:before { content: "\ef76"; } .icofont-bars:before { content: "\ef77"; } .icofont-battery-empty:before { content: "\ef78"; } .icofont-battery-full:before { content: "\ef79"; } .icofont-battery-half:before { content: "\ef7a"; } .icofont-battery-low:before { content: "\ef7b"; } .icofont-beach:before { content: "\ef7c"; } .icofont-beaker:before { content: "\ef7d"; } .icofont-bear:before { content: "\ef7e"; } .icofont-beard:before { content: "\ef7f"; } .icofont-bed:before { content: "\ef80"; } .icofont-bell:before { content: "\ef81"; } .icofont-beverage:before { content: "\ef82"; } .icofont-bicycle:before { content: "\ef83"; } .icofont-bill:before { content: "\ef84"; } .icofont-bin:before { content: "\ef85"; } .icofont-binary:before { content: "\ef86"; } .icofont-binoculars:before { content: "\ef87"; } .icofont-bird:before { content: "\ef88"; } .icofont-birds:before { content: "\ef89"; } .icofont-black-board:before { content: "\ef8a"; } .icofont-bluetooth:before { content: "\ef8b"; } .icofont-bolt:before { content: "\ef8c"; } .icofont-bomb:before { content: "\ef8d"; } .icofont-book-mark:before { content: "\ef8e"; } .icofont-book:before { content: "\ef8f"; } .icofont-boot:before { content: "\ef90"; } .icofont-box:before { content: "\ef91"; } .icofont-brain:before { content: "\ef92"; } .icofont-briefcase:before { content: "\ef93"; } .icofont-broken:before { content: "\ef94"; } .icofont-bucket:before { content: "\ef95"; } .icofont-bucket1:before { content: "\ef96"; } .icofont-bucket2:before { content: "\ef97"; } .icofont-bug:before { content: "\ef98"; } .icofont-building:before { content: "\ef99"; } .icofont-bullet:before { content: "\ef9a"; } .icofont-bullhorn:before { content: "\ef9b"; } .icofont-bullseye:before { content: "\ef9c"; } .icofont-bus:before { content: "\ef9d"; } .icofont-butterfly:before { content: "\ef9e"; } .icofont-cab:before { content: "\ef9f"; } .icofont-calculator:before { content: "\efa0"; } .icofont-calendar:before { content: "\efa1"; } .icofont-camera-alt:before { content: "\efa2"; } .icofont-camera:before { content: "\efa3"; } .icofont-car:before { content: "\efa4"; } .icofont-card:before { content: "\efa5"; } .icofont-cart:before { content: "\efa6"; } .icofont-cc:before { content: "\efa7"; } .icofont-certificate:before { content: "\efa8"; } .icofont-charging:before { content: "\efa9"; } .icofont-chat:before { content: "\efaa"; } .icofont-check-alt:before { content: "\efab"; } .icofont-check-circled:before { content: "\efac"; } .icofont-check:before { content: "\efad"; } .icofont-checked:before { content: "\efae"; } .icofont-children-care:before { content: "\efaf"; } .icofont-clock-time:before { content: "\efb0"; } .icofont-close-circled:before { content: "\efb1"; } .icofont-close-line-circled:before { content: "\efb2"; } .icofont-close-line-squared-alt:before { content: "\efb3"; } .icofont-close-line-squared:before { content: "\efb4"; } .icofont-close-line:before { content: "\efb5"; } .icofont-close-squared-alt:before { content: "\efb6"; } .icofont-close-squared:before { content: "\efb7"; } .icofont-close:before { content: "\efb8"; } .icofont-cloud-download:before { content: "\efb9"; } .icofont-cloud-refresh:before { content: "\efba"; } .icofont-cloud-upload:before { content: "\efbb"; } .icofont-cloud:before { content: "\efbc"; } .icofont-code-not-allowed:before { content: "\efbd"; } .icofont-code:before { content: "\efbe"; } .icofont-coffee-cup:before { content: "\efbf"; } .icofont-comment:before { content: "\efc0"; } .icofont-compass:before { content: "\efc1"; } .icofont-computer:before { content: "\efc2"; } .icofont-connection:before { content: "\efc3"; } .icofont-console:before { content: "\efc4"; } .icofont-contacts:before { content: "\efc5"; } .icofont-contrast:before { content: "\efc6"; } .icofont-copy:before { content: "\efc7"; } .icofont-copyright:before { content: "\efc8"; } .icofont-credit-card:before { content: "\efc9"; } .icofont-crop:before { content: "\efca"; } .icofont-crown:before { content: "\efcb"; } .icofont-cube:before { content: "\efcc"; } .icofont-cubes:before { content: "\efcd"; } .icofont-culinary:before { content: "\efce"; } .icofont-dashboard-web:before { content: "\efcf"; } .icofont-dashboard:before { content: "\efd0"; } .icofont-data:before { content: "\efd1"; } .icofont-database-add:before { content: "\efd2"; } .icofont-database-locked:before { content: "\efd3"; } .icofont-database-remove:before { content: "\efd4"; } .icofont-database:before { content: "\efd5"; } .icofont-delete:before { content: "\efd6"; } .icofont-diamond:before { content: "\efd7"; } .icofont-dice:before { content: "\efd8"; } .icofont-disabled:before { content: "\efd9"; } .icofont-disc:before { content: "\efda"; } .icofont-diskette:before { content: "\efdb"; } .icofont-document-folder:before { content: "\efdc"; } .icofont-download-alt:before { content: "\efdd"; } .icofont-download:before { content: "\efde"; } .icofont-downloaded:before { content: "\efdf"; } .icofont-earth:before { content: "\efe0"; } .icofont-ebook:before { content: "\efe1"; } .icofont-edit:before { content: "\efe2"; } .icofont-eject:before { content: "\efe3"; } .icofont-email:before { content: "\efe4"; } .icofont-envelope-open:before { content: "\efe5"; } .icofont-envelope:before { content: "\efe6"; } .icofont-eraser:before { content: "\efe7"; } .icofont-error:before { content: "\efe8"; } .icofont-exchange:before { content: "\efe9"; } .icofont-exclamation-circle:before { content: "\efea"; } .icofont-exclamation-square:before { content: "\efeb"; } .icofont-exclamation-tringle:before { content: "\efec"; } .icofont-exclamation:before { content: "\efed"; } .icofont-exit:before { content: "\efee"; } .icofont-expand:before { content: "\efef"; } .icofont-external-link:before { content: "\eff0"; } .icofont-external:before { content: "\eff1"; } .icofont-eye-blocked:before { content: "\eff2"; } .icofont-eye-dropper:before { content: "\eff3"; } .icofont-eye:before { content: "\eff4"; } .icofont-favourite:before { content: "\eff5"; } .icofont-fax:before { content: "\eff6"; } .icofont-female:before { content: "\eff7"; } .icofont-file:before { content: "\eff8"; } .icofont-film:before { content: "\eff9"; } .icofont-filter:before { content: "\effa"; } .icofont-fire-burn:before { content: "\effb"; } .icofont-fire-extinguisher:before { content: "\effc"; } .icofont-fire:before { content: "\effd"; } .icofont-first-aid:before { content: "\effe"; } .icofont-flag-alt-1:before { content: "\efff"; } .icofont-flag-alt-2:before { content: "\f000"; } .icofont-flag:before { content: "\f001"; } .icofont-flash-light:before { content: "\f002"; } .icofont-flash:before { content: "\f003"; } .icofont-flask:before { content: "\f004"; } .icofont-focus:before { content: "\f005"; } .icofont-folder-open:before { content: "\f006"; } .icofont-folder:before { content: "\f007"; } .icofont-foot-print:before { content: "\f008"; } .icofont-football-american:before { content: "\f009"; } .icofont-football:before { content: "\f00a"; } .icofont-game-console:before { content: "\f00b"; } .icofont-game-pad:before { content: "\f00c"; } .icofont-gavel:before { content: "\f00d"; } .icofont-gear:before { content: "\f00e"; } .icofont-gears:before { content: "\f00f"; } .icofont-gift:before { content: "\f010"; } .icofont-glass:before { content: "\f011"; } .icofont-globe:before { content: "\f012"; } .icofont-graduate:before { content: "\f013"; } .icofont-graffiti:before { content: "\f014"; } .icofont-grocery:before { content: "\f015"; } .icofont-group:before { content: "\f016"; } .icofont-hammer:before { content: "\f017"; } .icofont-hand:before { content: "\f018"; } .icofont-hanger:before { content: "\f019"; } .icofont-hard-disk:before { content: "\f01a"; } .icofont-headphone:before { content: "\f01b"; } .icofont-heart-beat:before { content: "\f01c"; } .icofont-heart:before { content: "\f01d"; } .icofont-history:before { content: "\f01e"; } .icofont-home:before { content: "\f01f"; } .icofont-horn:before { content: "\f020"; } .icofont-hotel:before { content: "\f021"; } .icofont-hour-glass:before { content: "\f022"; } .icofont-id:before { content: "\f023"; } .icofont-image:before { content: "\f024"; } .icofont-inbox:before { content: "\f025"; } .icofont-infinite:before { content: "\f026"; } .icofont-info-circle:before { content: "\f027"; } .icofont-info-square:before { content: "\f028"; } .icofont-info:before { content: "\f029"; } .icofont-institution:before { content: "\f02a"; } .icofont-interface:before { content: "\f02b"; } .icofont-invisible:before { content: "\f02c"; } .icofont-italic:before { content: "\f02d"; } .icofont-jacket:before { content: "\f02e"; } .icofont-jar:before { content: "\f02f"; } .icofont-jewlery:before { content: "\f030"; } .icofont-karate:before { content: "\f031"; } .icofont-key-hole:before { content: "\f032"; } .icofont-key:before { content: "\f033"; } .icofont-keyboard:before { content: "\f034"; } .icofont-kid:before { content: "\f035"; } .icofont-label:before { content: "\f036"; } .icofont-lamp:before { content: "\f037"; } .icofont-laptop:before { content: "\f038"; } .icofont-layers:before { content: "\f039"; } .icofont-layout:before { content: "\f03a"; } .icofont-leaf:before { content: "\f03b"; } .icofont-leaflet:before { content: "\f03c"; } .icofont-learn:before { content: "\f03d"; } .icofont-legal:before { content: "\f03e"; } .icofont-lego:before { content: "\f03f"; } .icofont-lemon:before { content: "\f040"; } .icofont-lens:before { content: "\f041"; } .icofont-letter:before { content: "\f042"; } .icofont-letterbox:before { content: "\f043"; } .icofont-library:before { content: "\f044"; } .icofont-license:before { content: "\f045"; } .icofont-life-bouy:before { content: "\f046"; } .icofont-life-buoy:before { content: "\f047"; } .icofont-life-jacket:before { content: "\f048"; } .icofont-life-ring:before { content: "\f049"; } .icofont-light-bulb:before { content: "\f04a"; } .icofont-lighter:before { content: "\f04b"; } .icofont-lightning-ray:before { content: "\f04c"; } .icofont-like:before { content: "\f04d"; } .icofont-link:before { content: "\f04e"; } .icofont-live-support:before { content: "\f04f"; } .icofont-location-arrow:before { content: "\f050"; } .icofont-location-pin:before { content: "\f051"; } .icofont-lock:before { content: "\f052"; } .icofont-login:before { content: "\f053"; } .icofont-logout:before { content: "\f054"; } .icofont-lollipop:before { content: "\f055"; } .icofont-look:before { content: "\f056"; } .icofont-loop:before { content: "\f057"; } .icofont-luggage:before { content: "\f058"; } .icofont-lunch:before { content: "\f059"; } .icofont-lungs:before { content: "\f05a"; } .icofont-magic-alt:before { content: "\f05b"; } .icofont-magic:before { content: "\f05c"; } .icofont-magnet:before { content: "\f05d"; } .icofont-mail-box:before { content: "\f05e"; } .icofont-mail:before { content: "\f05f"; } .icofont-male:before { content: "\f060"; } .icofont-map:before { content: "\f061"; } .icofont-math:before { content: "\f062"; } .icofont-maximize:before { content: "\f063"; } .icofont-measure:before { content: "\f064"; } .icofont-medal:before { content: "\f065"; } .icofont-medical:before { content: "\f066"; } .icofont-medicine:before { content: "\f067"; } .icofont-mega-phone:before { content: "\f068"; } .icofont-memorial:before { content: "\f069"; } .icofont-memory-card:before { content: "\f06a"; } .icofont-mic-mute:before { content: "\f06b"; } .icofont-mic:before { content: "\f06c"; } .icofont-micro-chip:before { content: "\f06d"; } .icofont-microphone:before { content: "\f06e"; } .icofont-microscope:before { content: "\f06f"; } .icofont-military:before { content: "\f070"; } .icofont-mill:before { content: "\f071"; } .icofont-minus-circle:before { content: "\f072"; } .icofont-minus-square:before { content: "\f073"; } .icofont-minus:before { content: "\f074"; } .icofont-mobile-phone:before { content: "\f075"; } .icofont-molecule:before { content: "\f076"; } .icofont-money:before { content: "\f077"; } .icofont-moon:before { content: "\f078"; } .icofont-mop:before { content: "\f079"; } .icofont-muffin:before { content: "\f07a"; } .icofont-music-alt:before { content: "\f07b"; } .icofont-music-notes:before { content: "\f07c"; } .icofont-music:before { content: "\f07d"; } .icofont-mustache:before { content: "\f07e"; } .icofont-mute-volume:before { content: "\f07f"; } .icofont-navigation-menu:before { content: "\f080"; } .icofont-navigation:before { content: "\f081"; } .icofont-network-tower:before { content: "\f082"; } .icofont-network:before { content: "\f083"; } .icofont-news:before { content: "\f084"; } .icofont-newspaper:before { content: "\f085"; } .icofont-no-smoking:before { content: "\f086"; } .icofont-not-allowed:before { content: "\f087"; } .icofont-notebook:before { content: "\f088"; } .icofont-notepad:before { content: "\f089"; } .icofont-notification:before { content: "\f08a"; } .icofont-numbered:before { content: "\f08b"; } .icofont-opposite:before { content: "\f08c"; } .icofont-optic:before { content: "\f08d"; } .icofont-options:before { content: "\f08e"; } .icofont-package:before { content: "\f08f"; } .icofont-page:before { content: "\f090"; } .icofont-paint:before { content: "\f091"; } .icofont-paper-plane:before { content: "\f092"; } .icofont-paperclip:before { content: "\f093"; } .icofont-papers:before { content: "\f094"; } .icofont-paw:before { content: "\f095"; } .icofont-pay:before { content: "\f096"; } .icofont-pen:before { content: "\f097"; } .icofont-pencil:before { content: "\f098"; } .icofont-penguin-linux:before { content: "\f099"; } .icofont-pestle:before { content: "\f09a"; } .icofont-phone-circle:before { content: "\f09b"; } .icofont-phone:before { content: "\f09c"; } .icofont-picture:before { content: "\f09d"; } .icofont-pie:before { content: "\f09e"; } .icofont-pine:before { content: "\f09f"; } .icofont-pixels:before { content: "\f0a0"; } .icofont-play:before { content: "\f0a1"; } .icofont-plugin:before { content: "\f0a2"; } .icofont-plus-circle:before { content: "\f0a3"; } .icofont-plus-square:before { content: "\f0a4"; } .icofont-plus:before { content: "\f0a5"; } .icofont-polygonal:before { content: "\f0a6"; } .icofont-power:before { content: "\f0a7"; } .icofont-presentation:before { content: "\f0a8"; } .icofont-price:before { content: "\f0a9"; } .icofont-print:before { content: "\f0aa"; } .icofont-puzzle:before { content: "\f0ab"; } .icofont-qr-code:before { content: "\f0ac"; } .icofont-queen:before { content: "\f0ad"; } .icofont-question-circle:before { content: "\f0ae"; } .icofont-question-square:before { content: "\f0af"; } .icofont-question:before { content: "\f0b0"; } .icofont-quote-left:before { content: "\f0b1"; } .icofont-quote-right:before { content: "\f0b2"; } .icofont-radio:before { content: "\f0b3"; } .icofont-random:before { content: "\f0b4"; } .icofont-recycle:before { content: "\f0b5"; } .icofont-refresh:before { content: "\f0b6"; } .icofont-repair:before { content: "\f0b7"; } .icofont-reply-all:before { content: "\f0b8"; } .icofont-reply:before { content: "\f0b9"; } .icofont-resize:before { content: "\f0ba"; } .icofont-responsive:before { content: "\f0bb"; } .icofont-retweet:before { content: "\f0bc"; } .icofont-road:before { content: "\f0bd"; } .icofont-robot:before { content: "\f0be"; } .icofont-rocket:before { content: "\f0bf"; } .icofont-royal:before { content: "\f0c0"; } .icofont-rss-feed:before { content: "\f0c1"; } .icofont-safety:before { content: "\f0c2"; } .icofont-sale-discount:before { content: "\f0c3"; } .icofont-satellite:before { content: "\f0c4"; } .icofont-send-mail:before { content: "\f0c5"; } .icofont-server:before { content: "\f0c6"; } .icofont-settings:before { content: "\f0c7"; } .icofont-share-alt:before { content: "\f0c8"; } .icofont-share-boxed:before { content: "\f0c9"; } .icofont-share:before { content: "\f0ca"; } .icofont-shield:before { content: "\f0cb"; } .icofont-ship:before { content: "\f0cc"; } .icofont-shopping-cart:before { content: "\f0cd"; } .icofont-sign-in:before { content: "\f0ce"; } .icofont-sign-out:before { content: "\f0cf"; } .icofont-signal:before { content: "\f0d0"; } .icofont-site-map:before { content: "\f0d1"; } .icofont-smart-phone:before { content: "\f0d2"; } .icofont-soccer:before { content: "\f0d3"; } .icofont-sort-alt:before { content: "\f0d4"; } .icofont-sort:before { content: "\f0d5"; } .icofont-space:before { content: "\f0d6"; } .icofont-spanner:before { content: "\f0d7"; } .icofont-speech-comments:before { content: "\f0d8"; } .icofont-speed-meter:before { content: "\f0d9"; } .icofont-spinner-alt-1:before { content: "\f0da"; } .icofont-spinner-alt-2:before { content: "\f0db"; } .icofont-spinner-alt-3:before { content: "\f0dc"; } .icofont-spinner-alt-4:before { content: "\f0dd"; } .icofont-spinner-alt-5:before { content: "\f0de"; } .icofont-spinner-alt-6:before { content: "\f0df"; } .icofont-spinner:before { content: "\f0e0"; } .icofont-spreadsheet:before { content: "\f0e1"; } .icofont-square:before { content: "\f0e2"; } .icofont-ssl-security:before { content: "\f0e3"; } .icofont-star-alt-1:before { content: "\f0e4"; } .icofont-star-alt-2:before { content: "\f0e5"; } .icofont-star:before { content: "\f0e6"; } .icofont-street-view:before { content: "\f0e7"; } .icofont-sun:before { content: "\f0e8"; } .icofont-support-faq:before { content: "\f0e9"; } .icofont-tack-pin:before { content: "\f0ea"; } .icofont-tag:before { content: "\f0eb"; } .icofont-tags:before { content: "\f0ec"; } .icofont-tasks:before { content: "\f0ed"; } .icofont-telephone:before { content: "\f0ee"; } .icofont-telescope:before { content: "\f0ef"; } .icofont-terminal:before { content: "\f0f0"; } .icofont-thumbs-down:before { content: "\f0f1"; } .icofont-thumbs-up:before { content: "\f0f2"; } .icofont-tick-boxed:before { content: "\f0f3"; } .icofont-tick-mark:before { content: "\f0f4"; } .icofont-ticket:before { content: "\f0f5"; } .icofont-tie:before { content: "\f0f6"; } .icofont-toggle-off:before { content: "\f0f7"; } .icofont-toggle-on:before { content: "\f0f8"; } .icofont-tools:before { content: "\f0f9"; } .icofont-transparent:before { content: "\f0fa"; } .icofont-tree:before { content: "\f0fb"; } .icofont-umbrella:before { content: "\f0fc"; } .icofont-unlock:before { content: "\f0fd"; } .icofont-unlocked:before { content: "\f0fe"; } .icofont-upload-alt:before { content: "\f0ff"; } .icofont-upload:before { content: "\f100"; } .icofont-usb-drive:before { content: "\f101"; } .icofont-usb:before { content: "\f102"; } .icofont-vector-path:before { content: "\f103"; } .icofont-verification-check:before { content: "\f104"; } .icofont-video-clapper:before { content: "\f105"; } .icofont-video:before { content: "\f106"; } .icofont-volume-down:before { content: "\f107"; } .icofont-volume-off:before { content: "\f108"; } .icofont-volume-up:before { content: "\f109"; } .icofont-wall-clock:before { content: "\f10a"; } .icofont-wall:before { content: "\f10b"; } .icofont-wallet:before { content: "\f10c"; } .icofont-warning-alt:before { content: "\f10d"; } .icofont-warning:before { content: "\f10e"; } .icofont-water-drop:before { content: "\f10f"; } .icofont-web:before { content: "\f110"; } .icofont-wheelchair:before { content: "\f111"; } .icofont-wifi-alt:before { content: "\f112"; } .icofont-wifi:before { content: "\f113"; } .icofont-world:before { content: "\f114"; } .icofont-zigzag:before { content: "\f115"; } .icofont-zipped:before { content: "\f116"; } .icofont-social-500px:before { content: "\f117"; } .icofont-social-baidu-tieba:before { content: "\f118"; } .icofont-social-bbm-messenger:before { content: "\f119"; } .icofont-social-delicious:before { content: "\f11a"; } .icofont-social-dribbble:before { content: "\f11b"; } .icofont-social-facebook-messenger:before { content: "\f11c"; } .icofont-social-flikr:before { content: "\f11d"; } .icofont-social-foursquare:before { content: "\f11e"; } .icofont-social-google-hangouts:before { content: "\f11f"; } .icofont-social-kakaotalk:before { content: "\f120"; } .icofont-social-kik:before { content: "\f121"; } .icofont-social-kiwibox:before { content: "\f122"; } .icofont-social-linkedin:before { content: "\f123"; } .icofont-social-meetme:before { content: "\f124"; } .icofont-social-odnoklassniki:before { content: "\f125"; } .icofont-social-photobucket:before { content: "\f126"; } .icofont-social-qq:before { content: "\f127"; } .icofont-social-renren:before { content: "\f128"; } .icofont-social-slack:before { content: "\f129"; } .icofont-social-slidshare:before { content: "\f12a"; } .icofont-social-snapchat:before { content: "\f12b"; } .icofont-social-soundcloud:before { content: "\f12c"; } .icofont-social-spotify:before { content: "\f12d"; } .icofont-social-stack-exchange:before { content: "\f12e"; } .icofont-social-stack-overflow:before { content: "\f12f"; } .icofont-social-tagged:before { content: "\f130"; } .icofont-social-trello:before { content: "\f131"; } .icofont-social-twitch:before { content: "\f132"; } .icofont-social-vk:before { content: "\f133"; } .icofont-social-weibo:before { content: "\f134"; } .icofont-social-whatsapp:before { content: "\f135"; } .icofont-social-youku:before { content: "\f136"; } .icofont-social-youtube-play:before { content: "\f137"; } .icofont-social-youtube:before { content: "\f138"; } .icofont-brand-xiaomi:before { content: "\f139"; } .icofont-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .icofont-2x { font-size: 2em } .icofont-3x { font-size: 3em } .icofont-4x { font-size: 4em } .icofont-5x { font-size: 5em } .icofont-fw { display: inline-block; width: 1.28571429em; text-align: center } .icofont-fw { width: 1.28571429em; text-align: center; } .icofont-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .icofont-ul>li { position: relative; } .icofont-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .icofont-rotate { display: inline-block; -webkit-animation: icofont-rotate 2s infinite linear; animation: icofont-rotate 2s infinite linear } @-webkit-keyframes icofont-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes icofont-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } [class^="wticon-"]:before, [class*=" wticon-"]:before { font-family: 'westernTennis' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wticon-family:before { content: "\55"; } .wticon-gym:before { content: "g"; } .wticon-club:before { content: "\74"; } .wticon-full:before { content: "\66"; } header { background-color: rgba( 207, 233, 180, 0.95 ); background-color: #464646; background-color: #CFE9B4; background-color: #00883e; width: 100%; padding: 1rem; position: sticky; position: -webkit-sticky; top: 0; height: 5rem; z-index: 10; box-shadow: 0 0 15px 2px rgba( 000, 000, 000, 0.1 ); -webkit-backdrop-filter: blur( 2px ); -moz-backdrop-filter: blur( 2px ); backdrop-filter: blur( 2px ); text-align: left; border-bottom: 5px solid rgba( 000, 000, 000, 0.2 ); } header h1, header h1 a { display: inline-block; margin: auto; font-size: 2rem; color: #fff; text-decoration: none; } header h2 { display: inline-block; position: relative; top: -0.75rem; margin-left: 2rem; color: rgba( 255, 255, 255, 0.98 ); color: rgba( 000, 000, 000, 0.5 ); } header h1 img { display: block; max-height: 3rem; } @media screen and ( min-width: 1200px ) { header { height: 5rem; padding: 0.5rem; padding-left: 2rem; padding-right: 2rem; } header h1 img { max-height: 3.5rem; } } .page-members header, .page-add-member header { background-color: #00883c; } .page-membership-types header, .page-add-membership-type header { background-color: #457CDB; } .page-court-calendar header, .page-book-court header { background-color: #DB4744; } .page-finance header, .page-renewals header { background-color: #804CC0; } .page-logs header, .page-config header, .page-reports header { background-color: rgba(86, 86, 86, 0.95); } header .account { float: right; text-align: right; line-height: 1rem; margin: 0; margin-top: 0.9rem; margin-right: 3rem; } header .account, header .account a { color: rgba( 000, 000, 000, 0.6 ); font-weight: bold; } header .account a { display: block; } body { background-color: #E6E9E2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 14px; min-width: 320px; } @media screen and ( max-width: 1800px ) { body { font-size: 14px; } } @media screen and ( max-width: 1600px ) { body { font-size: 13px; } } @media screen and ( max-width: 1400px ) { body { font-size: 12px; } } #pageWrapper { height: 100vh; } #contents { position: relative; padding: 2rem; color: #555; } #pageWrapper.blurContents { -webkit-filter: blur( 2px ); filter: blur( 2px ); } p { margin-bottom: 1.5rem; line-height: 1.8em; } h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; } h1, h2, h3, h4 { font-weight: bold; } h1 { font-size: 2rem; margin-bottom: 2rem; text-transform: uppercase; color: #333; } h2 { font-size: 1.8rem; margin-bottom: 1.5rem; color: #444; } h2.sectionHeading { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 3rem; background-color: #00883c; color: #ffffff; text-transform: uppercase; font-size: 1.2em; margin-left: -2rem; margin-right: -2rem; padding: 0.5rem; padding-left: 2rem; padding-right: 2rem; } h3 { font-size: 1.5rem; margin-top: 2rem; } h4 { font-size: 1.2rem; text-transform: uppercase; } h5 { font-size: 1.1rem; text-transform: uppercase; } h6 { font-size: 1rem; text-transform: uppercase; } blockquote { border-left: 4px solid #008938; padding: 1rem; padding-left: 1rem; padding-bottom: 0.1rem; margin-bottom: 2rem; background-color: rgba( 255, 255, 255, 0.4 ); } blockquote.small { font-size: 0.9em; } blockquote span { font-style: italic; display: block; text-align: right; margin-top: 0.5rem; font-size: 0.9em; color: brown; } blockquote span:before { content: "\2013"; margin-right: 0.5rem; } strong { font-weight: bold; } a { color: #008938; } a:not(.button)[target="_blank"]:after { content: "\eff0"; font-family: "icofont"; margin-left: 0.3rem; color: rgba( 000, 000, 000, 0.1 ); transition: color 0.2s linear, opacity 0.2s linear; } a:not(.button)[target="_blank"]:hover:after { color: rgba( 000, 000, 000, 0.4 ); } #members .additionalAccounts a:after, a[class^="icon-"]:after { display: none; } a:hover { color: brown; } code { background-color: #f6f6f6; border: 1px solid #e0e0e0; font-family: monospace; border-radius: 2px; padding: 4px; padding-left: 6px; padding-right: 6px; font-size: 1em; display: inline-block; position: relative; top: -2px; color: #333; font-size: 0.8em; } address { font-style: italic; } hr { border: none; border-top: 2px solid #ccc; height: 1px; } hr.alt1 { border-top-style: dotted; } hr.alt2 { border-top-style: dashed; } label { color: #666; font-size: 0.80em; text-transform: uppercase; margin-bottom: 0.2rem; margin-top: 1rem; padding-left: 0.0rem; } label span { color: #777; margin-left: 0.0rem; font-weight: bold; text-transform: none; } label span.right { float: right; } label:hover span { color: #008938; margin-left: 0.0rem; } label span:before { content: "("; margin-left: 0.5rem; } label span:after { content: ")"; } label span.right:before, label span.right:after { display: none; } label.error { color: #d33; font-weight: bold; } .notice { border: 3px solid rgba( 000, 000, 000, 0.05 ); background-color: rgba( 255, 255, 255, 0.2 ); border-radius: 4px; margin-bottom: 2rem; padding: 1rem; color: rgba( 000, 000, 000, 0.6 ); position: relative; min-height: 4rem; line-height: 2rem; } .notice.inline { background-color: transparent; border: none; padding: 0; margin-top: 1rem; } .notice.icon-large { padding-left: 4rem; } .notice.inline.icon-large { padding-left: 3rem; } .notice.icon-small { padding: 0.5rem; padding-left: 0.75rem; min-height: auto; margin-bottom: 0.5rem; text-align: left; } .notice.icon-small:before { margin-right: 0.5rem; } .notice.info:before { color: #348EFC; color: #457CDB; } .notice.icon-large:before { position: absolute; top: 1rem; left: 1rem; font-size: 2rem; } .notice.inline.icon-large:before { top: 0; left: 0; font-size: 2rem; } .notice.error:before { color: #d33; } .notice.warning:before { color: #DEAE01; } .notice.success:before { color: #008000; } .notice.inline:before { color: rgba( 000, 000, 000, 0.2 ); } .table { display: table; width: 100%; table-layout: fixed; } .table .row { display: table-row; } .table .row .cell { text-align: left; display: table-cell; border-bottom: 1px solid rgb( 000, 000, 000, 0.1 ); padding: 0.4rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .table .row.header .cell, .table .row .cell.heading { font-weight: bold; } .table .row.header .cell { border-bottom: 2px solid rgba( 000, 000, 000, 0.3 ); } .table .row .cell.spacer { border-bottom: none; } .table .row:last-child .cell { border-bottom: none; } .columns:after { content: ""; display: table; clear: both; } .column { width: calc( 50% - ( 3rem / 2 ) ); float: left; margin-right: 3rem; } .column:last-child { margin-right: 0; } #helpPopover { position: fixed; background-color: rgba( 000, 000, 000, 0.7 ); background-color: rgba( 255, 255, 255, 0.90 ); box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba( 000, 000, 000, 0.2 ); right: 2rem; width: 30rem; border-radius: 0.4rem; padding: 1rem; z-index: 10; font-size: 1.0rem; color: #767676; bottom: -100vh; transition: bottom 0.5s ease-in-out; overflow: hidden; } #helpPopover .table { table-layout: fixed; } .showHelp #helpPopover { bottom: 2rem; transition: bottom 0.2s ease-in-out 1s; } #helpPopover .shortcut { width: 6rem; font-family: monospace; font-weight: bold; text-transform: uppercase; } #helpPopover .shortcut .plus { color: rgba( 000, 000, 000, 0.2 ); margin-left: 0.2rem; margin-right: 0.2rem; } nav { position: fixed; top: 0rem; left: 0; right: 0rem; z-index: 10; background-color: #eeeeee; background-color: #464646; top: -25rem; padding: 1rem; transition: top 0.1s linear; border-bottom: 2px solid #333; } nav.open { box-shadow: 0px 0 10px 4px rgba( 000, 000, 000, 0.2 ); top: 0 !important; } #navigationTrigger { display: block; cursor: pointer; position: fixed; top: 0; right: 1rem; transition: top 0.1s linear, background-color 0.2s linear, padding 0.2s linear; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; text-align: center; padding: 0.7rem; padding-top: 0.25rem; padding-bottom: 0.25rem; z-index: 11; border: 1px solid rgba( 000, 000, 000, 0.3 ); border-top: none; background-color: rgba( 000, 000, 000, 0.4 ); } #navigationTrigger:hover { background-color: rgba( 000, 000, 000, 0.5 ); padding-top: 0.5rem; } #navigationTrigger.open:hover { padding-top: 0; } #navigationTrigger.open { border-color: #333; background-color: #464646; } #navigationTrigger:before { font-size: 1rem; color: rgba( 255, 255, 255, 0.3 ); } #navigationTrigger:hover:before { color: rgba( 255, 255, 255, 0.5 ); transition: color 0.2s linear, transform 0.2s linear; } #navigationTrigger.open:before { display: block; transform: rotate( 180deg ); color: #ffffff; } #nav #quickLinks .blockLinks li a, #nav #quickLinks .memberSearchTrigger, #nav #quickLinks .savedSearchesTrigger { } #nav #quickLinks .blockLinks li a:hover, #nav #quickLinks .memberSearchTrigger:hover, #nav #quickLinks .savedSearchesTrigger:hover { } #nav #quickLinks .shortcut { border-bottom: 2px solid rgba( 255, 255, 255, 0.5 ); color: rgba( 255, 255, 255, 1 ); } #nav #quickLinks a:hover .shortcut, #nav #quickLinks span:hover .shortcut { border-bottom: none; color: inherit; } .blockLinks { text-align: left; } .blockLinks:after { content: ""; display: table; clear: both; } #navigation .blockLinks:after { } .blockLinks.spaceBelow:after { } #memberTabsContainer .blockLinks:after { height: 0; } .blockLinks li { display: block; width: 7.0vw; height: 7.0vw; font-size: 0.7vw; text-align: center; margin-right: 0.4rem; text-transform: uppercase; color: #ffffff; font-weight: bold; transition: color 0.2s linear, background-color 0.3s linear; cursor: pointer; position: relative; overflow: none !important; float: left; } .blockLinks li:last-child { margin-right: 0; } .blockLinks li a { text-decoration: none; color: #ffffff; transition: color 0.2s linear, background-color 0.3s linear; } .blockLinks li > span, .blockLinks li a { padding-top: 5.5vw; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: color 0.2s linear, background-color 0.3s linear; cursor: pointer; background-color: #00883C; color: #ffffff; color: rgba( 255, 255, 255, 0.8 ); } .blockLinks li [class^="icon-"]:before { font-weight: normal; font-size: 4vw; line-height: 4vw; display: block; color: #ffffff; top: 1vw; left: 1vw; right: 1vw; position: absolute; } .blockLinks li [class^="icon-"]:hover:before { color: inherit; } @media screen and ( max-width: 1429px ) { .blockLinks li { width: 5.5555556rem; height: 5.5555556rem; font-size: 0.5555556rem; } .blockLinks li > span, .blockLinks li a { padding-top: 4.366388889rem; } .blockLinks li [class^="icon-"]:before { font-size: 3.175555556rem; line-height: 3.175555556rem; top: 0.793888889rem; left: 0.793888889rem; right: 0.793888889rem; } } .blockLinks li a:hover, .blockLinks li > span:hover { background-color: #00752e; color: #ffffff; } #nav #quickLinks #membershipTypes .blockLinks li a:not(:hover), #nav #quickLinks #membershipTypes .blockLinks li > span:not(:hover) { background-color: #497FD9; } #nav #quickLinks #membershipTypes .blockLinks li a:hover, #nav #quickLinks #membershipTypes .blockLinks li > span:hover { background-color: #3c6bbe; } #nav #quickLinks #courtBookings .blockLinks li a:not(:hover), #nav #quickLinks #courtBookings .blockLinks li > span:not(:hover) { background-color: #D94949; } #nav #quickLinks #courtBookings .blockLinks li a:hover, #nav #quickLinks #courtBookings .blockLinks li > span:hover { background-color: #ca3933; } #nav #quickLinks #finance .blockLinks li a:not(:hover), #nav #quickLinks #finance .blockLinks li > span:not(:hover) { background-color: #8051BE; } #nav #quickLinks #finance .blockLinks li a:hover, #nav #quickLinks #finance .blockLinks li > span:hover { background-color: #6b3ba2; } #nav #quickLinks #development .blockLinks li a:not(:hover), #nav #quickLinks #development .blockLinks li > span:not(:hover) { background-color: #565656; } #nav #quickLinks #development .blockLinks li a:hover, #nav #quickLinks #development .blockLinks li > span:hover { background-color: #383838; } form { width: 100%; position: relative; } fieldset { padding: 0; margin: 0; overflow: hidden; position: relative; padding-top: 1rem; margin-bottom: 1rem; } fieldset:last-child { margin-bottom: 0; padding-bottom: 0; } fieldset legend { font-size: 1.5em; margin-top: 0.8rem; margin-bottom: 0.0em; font-weight: normal; text-decoration: none; } label { display: block; margin-bottom: 0.2rem; position: relative; padding: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.4rem; } label.withToggle:hover { } label:after { content: ""; display: table; clear: both; } label label { border: none; padding: 0; margin: 0; } label input[type=checkbox] { margin-bottom: 0; display: none; } label .checkboxWrapper { cursor: pointer; } label .checkboxWrapper:before { content: "\ee75"; font-family: "mercury-icons"; display: block; font-size: 2rem; top: -1.2rem; position: absolute; right: 0; background-color: rgba( 255, 000, 000, 0.1 ); border-radius: 2rem; height: 1.2rem; line-height: 0.9rem; color: #656665; transition: background-color 0.2s ease-in-out; } label .checkboxWrapper:after { content: "OFF"; display: block; font-size: 1rem; top: -0.9rem; position: absolute; right: 2.5rem; line-height: 0.9rem; color: #FF4239; font-weight: bold; } label.standalone label.checkboxWrapper:before, label.standalone label.checkboxWrapper:after { pointer-events: none; } label .checkboxWrapper.active:after { content: "ON"; color: #3EA43C; } label .checkboxWrapper.active:before { transform: rotate( 180deg ); top: -1.05rem; background-color: rgba( 000, 255, 000, 0.1 ); } label.withToggle:not( .active ) { margin-bottom: 0.75rem; } label.error { color: #cc0000; } label.required:after { content: "*"; font-size: 1.0em; display: inline-block; height: 9px; overflow: hidden; } label.error:after { color: #cc0000; } label .note { color: #777; font-size: 0.9em; margin-left: 10px; } input, select, textarea { border: 1px solid #cad0de; padding: 0.8rem; padding-top: 0.6rem; padding-bottom: 0.4rem; width: 100%; font-family: Avenir, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 1.0em; margin-bottom: 15px; border-radius: 3px; border: 2px solid #bbb; border-radius: 4px; box-shadow: none; background-color: #f9f9f9; color: #666; } select { padding-top: 0.45rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url( "../assets/images/arrowDown.svg" ); background: url( "../assets/images/arrowDown.svg" ) right -0.1rem, -moz-linear-gradient(top, rgba(249,249,249,1.0) 0%, rgba(249,249,249,0.5) 100%); background: url( "../assets/images/arrowDown.svg" ) right -0.1rem, -webkit-linear-gradient(top, rgba(249,249,249,1.0) 0%,rgba(249,249,249,0.5) 100%); background: url( "../assets/images/arrowDown.svg" ) right -0.1rem, linear-gradient(to bottom, rgba(249,249,249,1.0) 0%,rgba(249,249,249,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); background-repeat: no-repeat; background-size: contain; outline: 0; } select option { outline: 0; border: none; } input::-moz-focus-inner, select:focus, option:focus { border: 0; outline: 0; } #contents input:disabled, #contents select:disabled, #contents textarea:disabled { border: 2px solid #ddd; background-color: #eee; color: #555; } #contents input.error, #contents select.error, #contents textarea.error { border: 2px solid #f66; color: #d33; background-color: #fff9f9; } input:focus, select:focus, textarea:focus { border: 2px solid #008A36; background-color: #fefefe; } input.blurContents, textarea.blurContents { color: transparent; text-shadow: 0 0 7px rgba(0,0,0,0.5); transition: color 1.2s ease-in-out, text-shadow 1.2 ease-in-out; transition: color 0.25s ease-in-out, text-shadow 0.2s ease-in-out; } input.blurContents:hover, input.blurContents:focus, input.blurContents[value=""], textarea.blurContents:hover, textarea.blurContents:focus, textarea.blurContents:invalid, textarea.blurContents.noContent, .unblurAll input.blurContents, .unblurAll textarea.blurContents { color: inherit; text-shadow: none; transition: color 1.2s ease-in-out, text-shadow 1.2 ease-in-out; } textarea { height: 120px; min-height: 120px; max-width: 100%; min-width: 100%; } textarea[rows] { height: auto; } input.right { float: right; } select { height: 43px; } select option { padding: 8px; border-bottom: 1px solid #eee; color: #000000; } select option:disabled { color: #ddd; } select option[value=""] { color: #aaa; } input:focus, select:focus, textarea:focus { color: #333333; outline: none; resize: none; } input[type=checkbox] { width: 16px !important; height: 16px; text-align: left; border: none; padding: 0; margin-bottom: 15px; border-radius: 0; background-color: transparent; box-shadow: none; display: block; } .button { padding: 0.8rem; padding-top: 0.6rem; padding-bottom: 0.4rem; width: 100%; font-family: Avenir, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.75rem; font-weight: bold; margin-bottom: 0.5rem; border-radius: 0.2rem; box-shadow: none; display: block; text-align: center; text-decoration: none; color: #ffffff; position: relative; } input[type=submit], .button { cursor: pointer; background-color: #00883a; color: #ffffff; text-transform: uppercase; border: none; padding: 0; padding-left: 1rem; padding-right: 1rem; line-height: 2.4rem; padding-top: 0.1rem; transition: background-color 0.1s linear; } .button[data-shortcut]:after { content: attr( data-shortcut ); position: absolute; top: 0.5rem; right: 0.5rem; background-color: rgba( 000, 000, 000, 0.2 ); width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 1rem; box-shadow: inset 1px 1px 0 rgba( 000, 000, 000, 0.2 ); font-family: monospace; font-size: 0.75rem; opacity: 0; text-align: center; transition: opacity 0.1s ease-in-out; } .button[data-shortcut-char]:after { content: attr( data-shortcut-char ); } .button.shortcutCorner[data-shortcut]:after { top: -1.0rem; right: -1.0rem; background-color: #00883C; box-shadow: none; border: 4px solid rgba( 255, 255, 255, 1 ); } .button.shortcutCorner.topLeft[data-shortcut]:after { left: -1.0rem; right: auto; } .button.shortcutCorner.middle[data-shortcut]:after { left: calc( ( 100% - 1.5rem ) / 2 ); } .page-court-calendar .button.shortcutCorner[data-shortcut]:after { background-color: #DB4744; } .page-finance .button.shortcutCorner[data-shortcut]:after, .page-renewals .button.shortcutCorner[data-shortcut]:after { background-color: #804CC0; } .showHelp .button[data-shortcut]:after { opacity: 1; } input[type=submit]:hover, .button:hover { background-color: #00752E; color: #ffffff; } .button.inline { display: inline-block; width: auto; } form .errors { margin-bottom: 2rem; } form .errors h3 { color: #cc0000; } form .errors p { } form .errors ul { padding: 0px; padding-top: 0px; } form .errors li:before { color: #c00 !important; } form .noBackground fieldset { background-color: transparent; padding: 0; margin: 0; box-shadow: none; } .submissionMessage h3 { display: block; } .submissionMessage { } .formNotes { float: left; width: 50%; } .button.floatRight { float: right; width: auto; } .postcodeLookupField { float: left; width: 75%; margin-right: 2%; } .postcodeLookupButton { float: left; width: 23%; padding-top: 7px; padding-bottom: 7px; margin-top: 1px; margin-bottom: 0; } input[readonly="readonly"] { color: #888; background-color: #fafafa; } .disappearingMessage { margin: 0; margin-top: -0.5rem; margin-bottom: 1rem; border-bottom: 1px solid rgba( 000, 000, 000, 0.2 ); padding: 0.75rem; border-radius: 0; background-color: rgba( 255, 255, 255, 0.6 ); font-size: 1.1rem; text-align: center; } .disappearingMessage:before { font-size: 1.5rem; position: relative; bottom: -0.3rem; margin-right: 0.3rem; } .disappearingMessage.added { background-color: #3EA43C; color: rgba( 000, 000, 000, 0.6 ); } .disappearingMessage.edited { background-color: #FDBE20; color: rgba( 000, 000, 000, 0.6 ); } .disappearingMessage.deleted, .disappearingMessage.error { background-color: #FF4239; color: rgba( 000, 000, 000, 0.6 ); } .disappearingMessage.fadeInOut { overflow: hidden; -webkit-animation: grow 0.5s 0s, fadein 1s 0.3s, fadeout 0.5s 6.3s, shrink 0.3s 6.5s; -moz-animation: grow 0.5s 0s, fadein 1s 0.3s, fadeout 0.5s 6.3s, shrink 0.3s 6.5s; -ms-animation: grow 0.5s 0s, fadein 1s 0.3s, fadeout 0.5s 6.3s, shrink 0.3s 6.5s; -o-animation: grow 0.5s 0s, fadein 1s 0.3s, fadeout 0.5s 6.3s, shrink 0.3s 6.5s; animation: grow 0.5s 0s, fadein 1s 0.3s, fadeout 0.5s 6.3s, shrink 0.3s 6.5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } .disappearingMessage:hover:not( .fadein ), .disappearingMessage.fadeOut:hover, .disappearingMessage.fadeInOut:hover { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }‚Äã @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @keyframes shrink { from {} to { height: 0; padding: 0; margin-top: 0; margin-bottom: 0; font-size: 0; border: none; } } @-moz-keyframes shrink { from {} to { height: 0; padding: 0; margin-top: 0; margin-bottom: 0; font-size: 0; border: none; } } @-webkit-keyframes shrink { from {} to { height: 0; padding: 0; margin-top: 0; margin-bottom: 0; font-size: 0; border: none; } } @-ms-keyframes shrink { from {} to { height: 0; padding: 0; margin-top: 0; margin-bottom: 0; font-size: 0; border: none; } } @keyframes grow { from { height: 0; padding: 0; font-size: 0; opacity: 0; } to { height: none; padding: none; font-size: none; opacity: 0; } } @-moz-keyframes grow { from { position: static; top: 0; height: 0; padding: 0; font-size: 0; opacity: 0; } to { position: static; top: 0; height: none; padding: none; font-size: none; opacity: 0; } } @-webkit-keyframes grow { from { height: 0; padding: 0; font-size: 0; opacity: 0; } to { height: none; padding: none; font-size: none; opacity: 0; } } @-ms-keyframes grow { from { height: 0; padding: 0; font-size: 0; opacity: 0; } to { height: none; padding: none; font-size: none; opacity: 0; } } .page-finance input:focus, .page-finance select:focus, .page-finance textarea:focus { border-color: #673D9A; } .page-membership-types input:focus, .page-membership-types select:focus, .page-membership-types textarea:focus { border-color: #3763AF; } .page-book-court input:focus, .page-book-court select:focus, .page-book-court textarea:focus { border-color: #AF3936; } .page-config input:focus, .page-config select:focus, .page-config textarea:focus { border-color: #464646; } #footer { color: #ffffff; padding: 0rem; position: fixed; bottom: 0; left: 0; right: 0; height: calc( 0.5rem - 2px ); background-color: #999; border-top: 2px solid #888; z-index: 10; box-shadow: 0 0 15px 2px rgba( 000, 000, 000, 0.2 ); } #footer a { color: #ffffff; } #footer #footerLinks { margin-bottom: 1rem; } #footer #footerLinks li { display: inline-block; margin-right: 0.5em; } #footer #footerLinks li:after { content: "\2022"; margin-left: 0.5em; } #footer #footerLinks li:last-child:after { content: ""; margin-left: 0; } @media screen and ( max-width: 1200px ) { #footer { padding-left: 2rem; padding-right: 2rem; } } @media screen and ( max-width: 900px ) { #footerLinks { display: none; } #footer .footerMandatories .footerAddressSeparator { display: block; height: 0.5rem; } #footer .footerMandatories .footerAddressSeparator span { display: none; } #footer .footerMandatories .footerAddressSeparator:after { content: ""; display: table; clear: both; } } .chartContainerWrapper { width: 47.5%; margin-right: 5%; float: left; } .chartContainerWrapper:nth-child( 2n - 2 ) { margin-right: 0; } .chartContainerWrapper canvas { width: 100%; } .quickLinksBlock { float: left; width: auto; margin-right: 0.4rem; margin-bottom: 1rem; } #members.quickLinksBlock { width: auto; } .quickLinksBlock h2 { text-transform: uppercase; font-size: 1.0vw !important; margin-bottom: 0.3vw !important; color: rgba( 100, 100, 100 , 0.25) !important; transition: color 0.2s linear, background-color 0.3s linear; } @media screen and ( max-width: 1200px ) { .quickLinksBlock h2 { font-size: 1rem !important; } } .quickLinksBlock:hover h2 { color: rgba( 100, 100, 100 , 0.75) !important; } .quickLinksBlock h2:after { content: ""; display: block; width: 100%; background-color: rgba( 100, 100, 100 , 0.1 ); position: relative; height: 0.3rem; top: 0rem; } .quickLinksBlock:hover h2:after { background-color: rgba( 000, 050, 000, 0.15 ); } .quickLinksBlock:last-child { margin-right: 0; } nav .quickLinksBlock h2 { color: #666 !important; } nav .quickLinksBlock h2:after { background-color: #666; } nav .quickLinksBlock:hover h2 { color: #ccc !important; } nav .quickLinksBlock:hover h2:after { background-color: #ccc; } #charts { display: grid; width: 100%; grid-gap: 0.5rem; grid-template-columns: repeat( 12, calc( ( 100% - ( 0.5rem * ( 12 - 1 ) ) ) / 12 ) ); grid-auto-flow: row dense; } #charts .chartContainer { grid-column: span 2; } #charts .chartContainer.wideChart { grid-column: span 6; } #charts .chartContainer.midWidthTable { grid-column: span 3; } @media screen and ( max-width: 1500px ) { #charts { grid-template-columns: repeat( 10, calc( ( 100% - ( 0.5rem * ( 10 - 1 ) ) ) / 10 ) ); } #charts .chartContainer.wideChart { grid-column: span 5; } } @media screen and ( max-width: 1200px ) { #charts { grid-template-columns: repeat( 8, calc( ( 100% - ( 0.5rem * ( 8 - 1 ) ) ) / 8 ) ); } #charts .chartContainer.wideChart { grid-column: span 5; } } @media screen and ( max-width: 1024px ) and ( min-width: 801px ) { #charts { grid-template-columns: repeat( 6, calc( ( 100% - ( 0.5rem * ( 6 - 1 ) ) ) / 6 ) ); } #charts .chartContainer.wideChart { grid-column: span 6; } } @media screen and ( max-width: 800px ) { #charts { grid-template-columns: repeat( 4, calc( ( 100% - ( 0.5rem * ( 4 - 1 ) ) ) / 4 ) ); } #charts .chartContainer.wideChart { grid-column: span 4; } #charts .chartContainer.midWidthTable { grid-column: span 4; } } @media screen and ( max-width: 600px ) { #charts { grid-template-columns: repeat( 1, 100% ); } #charts .chartContainer { grid-column: span 1 !important; } } #charts:after { } #charts .chartContainer { display: block; background-color: rgba( 255, 255, 255, 0.3 ); padding: 1.5rem; transition: color 0.2s linear, background-color 0.3s linear; } #charts .chartContainer.noPad { padding: 0; } #charts .chartContainer:hover { background-color: rgba( 255, 255, 255, 0.7 ); } #charts .chartContainer canvas { width: 100%; margin-bottom: 1rem; height: 18vw; } #charts h2 { font-size: 0.7em; text-align: center; background-color: #00883c; color: #ffffff; text-transform: uppercase; margin: -1.5rem; padding: 1rem; padding-bottom: 0.75rem; margin-bottom: 1rem; } #charts .noPad h2 { margin: 0; } #charts .memberships h2 { background-color: #457CDB; } #charts .courts h2 { background-color: #DB4744; } #charts .finance h2 { background-color: #8051BE; } #charts .chartContainer .metaTable { display: table; width: 100%; } @media screen and ( max-width: 1200px ) { #charts .chartContainer .metaTable { font-size: 0.8em; } } @media screen and ( max-width: 800px ) { #charts .chartContainer .metaTable { font-size: 0.9em; } } #charts .chartContainer .metaTable .row { display: table-row; } #charts .chartContainer .metaTable .cell { display: table-cell; text-align: center; padding: 0.5rem; padding-left: 0.2rem; padding-right: 0.2rem; border-bottom: 2px solid rgba( 200, 200, 200, 0.5 ); } #charts .chartContainer .metaTable .row:last-child .cell { border-bottom: none; } #charts .chartContainer .metaTable .cell:first-child { text-align: left; } #charts .chartContainer .metaTable .cell:last-child { text-align: right; } #charts .chartContainer .metaTable.rightColCenter .cell:last-child { text-align: center; } #charts .chartContainer .metaTable .row.header .cell { border-bottom: none; text-transform: uppercase; text-align: center; font-size: 0.7em; font-weight: bold; color: #ffffff; background-color: #00883c; } #charts .chartContainer .metaTable .row.header.subtle .cell { color: rgba( 000, 000, 000, 0.2 ); background-color: transparent; } #charts .chartContainer .metaTable .cell.dataIndicator:before { content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 1rem; } #charts .membershipStatus .cell.dataIndicator.active:before { background-color: #3ea43c; } #charts .membershipStatus .cell.dataIndicator.renewal:before { background-color: #FDBE20; } #charts .membershipStatus .cell.dataIndicator.expiring:before { background-color: #FF4239; } #charts .genderSplit .cell.dataIndicator.male:before { background-color: #0090F3; } #charts .genderSplit .cell.dataIndicator.female:before { background-color: #FE3856; } #charts .joiningVsLeaving .cell.dataIndicator.joining:before { background-color: #3ea43c; } #charts .joiningVsLeaving .cell.dataIndicator.leaving:before { background-color: #FF4239; } #charts .billedVsPaid .cell.dataIndicator.paid:before { background-color: #3ea43c; } #charts .billedVsPaid .cell.dataIndicator.billed:before { background-color: #FF4239; } #charts .billedVsPaid .cell.unpaid { color: #CC342D; font-weight: bold; text-transform: uppercase; } .dataTableWidget .table { table-layout: fixed; } .dataTableWidget .table .row:not( .header ) .cell { font-size: 0.7rem; } .dataTableWidget .table .row .cell a { text-decoration: none; color: inherit; display: block; } .dataTableWidget .table .row.header .cell { border-top: 1px solid rgba( 000, 000, 000, 0.05 ); border-bottom: 2px solid rgba( 000, 000, 000, 0.1 ); text-transform: uppercase; font-size: 0.7em; font-weight: bold; color: rgba( 255, 255, 255, 0.7 ); background-color: #00883C; } .dataTableWidget.courts .table .row.header .cell { background-color: rgba(219, 71, 68, 1); } .dataTableWidget.finance .table .row.header .cell { background-color: #8051BE; } .dataTableWidget .table .row:not(.header):hover { background-color: rgba(255, 255, 255, 0.6); } .dataTableWidget.courtListWidget .table .time { width: 5.75rem; } .dataTableWidget.courtListWidget .table .court { width: 3rem; text-align: center; } .dataTableWidget.courtListWidget .table .booking { width: calc( 100% - 12rem ); } .expiringCashPayers.dataTableWidget .table .date { width: 5rem; } .expiringCashPayers.dataTableWidget .table .name { width: calc( 100% - 15rem ); } .expiringCashPayers.dataTableWidget .table .fee { width: 5rem; text-align: right; } .expiringCashPayers.dataTableWidget .table .fee.warning { color: #ca3933; font-weight: bold; } .upcomingBirthdays.dataTableWidget .table .date { width: 5rem; } .upcomingBirthdays.dataTableWidget .table .name { width: calc( 100% - 8rem ); } .upcomingBirthdays.dataTableWidget .table .age { width: 3rem; text-align: right; } .upcomingBirthdays.dataTableWidget .table .ageChange { background-color: rgba( 253, 090, 083, 0.05 ); } .upcomingBirthdays.dataTableWidget .table .ageChange:hover { background-color: rgba( 253, 090, 083, 0.1 ); } .upcomingBirthdays.dataTableWidget .table .ageChange .date { position: relative; } .upcomingBirthdays.dataTableWidget .table .ageChange .date:before { content: ""; width: 0.15rem; background-color: #FD4541; display: block; position: absolute; left: 0; top: 0; bottom: 0; } body.page-members { overflow: hidden; } .emptyMessage { margin-left: calc( ( ( 100% - 22rem - ( ( 100% - 22rem ) / 2 ) ) / 2 ) + 22rem ); width: calc( ( ( 100% - 22rem ) / 2 ) ); font-size: 2rem; line-height: 2.4rem; margin-top: calc( ( ( 100vh - 5rem ) / 3 ) ); text-align: center; color: rgba( 000, 000, 000, 0.2 ); } #membersSelector { width: 20rem; height: calc( 100vh - 10rem ); height: calc( 100vh - 5.5rem ); border-right: 1px solid #ccc; box-shadow: 0px 0 10px 4px rgba( 000, 000, 000, 0.1 ); position: fixed; top: 5rem; left: 0rem; left: -20rem; z-index: 4; transition: left 0.2s 0.4s ease-in-out; } #membersSelector.pinned { left: 0rem; } #membersListTrigger { position: absolute; z-index: 10; } #membersListTrigger:after { content: "\edbb"; font-family: mercury-icons; display: block; background-color: rgba( 000, 000, 000, 0.1 ); position: fixed; top: 6.5rem; bottom: calc( 100vh - 11rem ); line-height: 4.0rem; left: 0; width: 1rem; transition: left 0.2s 0.4s ease-in-out, width 0.2s 0.4s ease-in-out, opacity 0.2s 0.4s ease-in-out; border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; border: 1px solid rgba( 000, 000, 000, 0.1 ); cursor: pointer; } #membersListTrigger:hover:after { padding-left: 0.2rem; } #membersListTrigger.open:after { left: 20rem; content: "\edc3"; } #membersListTrigger.pinned:after { display: none; } #membersSelector.pinned:after { display: none; } #membersSelector.open, #membersSelector.pinned { left: 0; } #membersSelector:hover:after { left: 20rem; width: 0; opacity: 0; } @media screen and ( min-width: 1024px ) { #membersSelector { height: calc( 100vh - 5.5rem ); top: 5rem; } } @media screen and ( min-width: 1200px ) { #membersSelector { height: calc( 100vh - 5.5rem ); top: 5rem; } } #memberDetails { margin-left: 20rem; margin-left: 0; margin-right: 0rem; max-height: calc( 100vh - 5rem ); overflow-y: auto; position: relative; width: auto; } #memberDetails.pinned { margin-left: 20rem; } #add-member #memberDetails, #add-membership-type #memberDetails { margin-left: 0; } #memberDetails #memberHeader { padding-top: 0.5rem; margin-bottom: 0; border-bottom: 4px solid #00883c; position: relative; position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); padding-bottom: 0; margin-bottom: 0; z-index: 3; padding-left: 1rem; } #memberDetails.pinned #memberHeader { padding-left: 0; } #memberDetails #memberHeader:after { content: ""; display: table; clear: both; } #memberDetails .tabbedContent { } #memberDetails h1 { margin-left: 2rem; margin-top: 1rem; margin-bottom: 0; font-size: 2em; display: inline-block; } #memberDetails h1 span { display: block; color: #00883c; font-size: 0.9em; margin-top: 0.5rem; font-family: monospace; } #memberDetails h1 span .statusMessage { position: relative; top: -0.2rem; display: inline-block; border-radius: 2rem; font-family: sans-serif; font-size: 0.8rem; text-transform: uppercase; font-weight: normal; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.20rem; padding-bottom: 0.30rem; background-color: #464646; color: #ffffff; } #memberDetails h1 span .statusMessage.lapsed { background-color: #FF4239; color: #ffffff; } #memberDetails h1 span .statusMessage.expiring { background-color: #FDBE20; color: #704B00; } #memberDetails h1 span .statusMessage:before { margin-right: 0.5rem; font-size: 1.2em; line-height: 1rem; position: relative; bottom: -0.15rem; } #memberDetails #memberHeader #actions { margin-left: 1rem; margin-bottom: 0.5rem; position: relative; width: auto; display: inline-block; width: 1.5rem; } #memberDetails #memberHeader #actions #contextualMenu { position: absolute; top: 6rem; right: -12rem; width: 12rem; padding: 0.4rem; background-color: rgba( 255, 255, 255, 0.8 ); box-shadow: inset 0 0 0 1px rgba( 000, 000, 000, 0.2 ), 0.2rem 0.2rem 1rem rgba( 000, 000, 000, 0.1 ); border-radius: 0.4rem; display: none; z-index: 10; } #memberDetails #memberHeader #actions #contextualMenu.open { display: block; } #memberDetails #memberHeader #actions .button { width: auto; display: inline-block; margin: 0; margin-bottom: 0.2rem; padding: 0; width: 3rem; } #memberDetails #memberHeader #actions .button.danger { background-color: #DB4744; } #memberDetails #memberHeader #actions .button.danger:hover { background-color: #C92F2C; } #memberDetails #memberHeader #actions a.button { text-decoration: none; color: #fff; } #memberDetails #memberHeader #actions .button.inactive { background-color: rgba( 000, 000, 000, 0.2 ); cursor: auto; } #memberDetails #memberHeader #actions .button.active { background-color: #464646; } #memberDetails #memberHeader #actions #contextualMenu .button { display: block; padding: 0.2rem !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; margin: 0; margin-bottom: 0.4rem; font-size: 0.85em; line-height: 2rem; width: auto; text-align: left; } #memberDetails #memberHeader #actions #contextualMenu .button[data-shortcut]:after { opacity: 1; } #memberDetails #memberHeader #actions #contextualMenu .button:last-child { margin-bottom: 0; } #memberDetails #memberHeader #actions .button:before { margin-right: 0; position: relative; font-size: 1.5em; top: 0.25em; } .hide { display: none; } #memberDetails #memberTabsContainer { margin-right: 0.5rem; margin-bottom: 0; position: absolute; bottom: 0.9rem; right: 0.5rem; display: block; } #memberDetails #memberTabsContainer li { border: none; display: inline-block; margin-right: 1.5rem; width: auto; font-size: 0.7rem; text-transform: uppercase; font-weight: bold; cursor: pointer; position: relative; } #memberDetails #memberTabsContainer li[data-shortcut]:after { content: attr( data-shortcut ); position: absolute; top: -0.5rem; left: -0.5rem; background-color: #00883C; border: 4px solid #FCFDFC; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 1rem; font-family: monospace; font-size: 0.75rem; opacity: 0; color: #ffffff; transition: opacity 0.1s ease-in-out; } #memberDetails #memberTabsContainer li[data-shortcut-char]:after { content: attr( data-shortcut-char ); } .page-membership-types #memberDetails #memberTabsContainer li[data-shortcut]:after, .page-add-membership-type #memberDetails #memberTabsContainer li[data-shortcut]:after { background-color: #457CDB; } .showHelp #memberDetails #memberTabsContainer li[data-shortcut]:after { opacity: 1; } #memberDetails #memberTabsContainer li:last-child { margin-right: 0; } #memberDetails #memberTabsContainer li span:before { display: block; text-align: center; margin-bottom: 0.75rem; font-size: 3.25rem; } @media screen and ( max-width: 1400px ) and ( min-width: 1201px ) { #memberDetails h1 { width: 26%; font-size: 1.5em; } } @media screen and ( max-width: 1200px ) { #memberDetails #memberTabsContainer { float: none; width: 100%; position: static; margin-top: 1rem; } #memberDetails #memberTabsContainer .inlineBlockLinks { text-align: left; margin-bottom: 0.5rem; margin-left: 1rem; } } @media screen and ( max-width: 1200px ) and ( max-height: 800px ) { #memberDetails #memberHeader { position: static; } #memberDetails #memberHeader { position: static; } } #memberDetails .inlineBlockLinks { margin-bottom: 0; } #memberDetails .inlineBlockLinks li { margin-bottom: 0; text-align: center; } #memberDetails .inlineBlockLinks li, #memberDetails .inlineBlockLinks li span:before { color: #00883c !important; color: #B2B5AE !important; } #memberDetails .inlineBlockLinks li.active, #memberDetails .inlineBlockLinks li.active span:before { color: #E5E9E1 !important; color: #00883c !important; } #memberDetails .inlineBlockLinks li span:before { background-color: transparent !important; color: rgba( 000, 000, 000, 0.2 ) !important; } #memberDetails .inlineBlockLinks li.active span:before { background-color: #00883c !important; background-color: transparent !important; color: #00883c !important; } .active [class^="icon-"]:before { background-color: #ffffff !important; } #memberDetails .tabContent { overflow-y: auto; padding: 2rem; padding-top: 1rem; padding-bottom: 2rem; margin: 0; } #memberDetails .tabContent .columns:after { content: ""; display: table; clear: both; } #memberDetails .tabContent .column { width: calc( 50% - ( 3rem / 2 ) ); float: left; margin-right: 3rem; } #memberDetails .tabbedContent .column:last-child { margin-right: 0; } @media screen and ( max-width: 1200px ) { #memberDetails .tabContent .column { width: 100%; float: none; margin-right: 0; } } #memberDetails .tabContent h3 { margin-bottom: 0; } #memberDetails .fieldGroup:after { content: ""; display: table; clear: both; } #memberDetails .fieldGroup .formField:after { content: ""; display: table; clear: both; } #memberDetails .formField { padding-bottom: 0.5rem; border-bottom: 2px solid rgba( 000, 000, 000, 0.05 ); } #memberDetails .formGroup .formField:last-child { border-bottom: none; } #memberDetails .name .fieldWrapper { float: left; margin-right: 1rem; } #memberDetails .name .title { width: calc( 20% - ( 2rem / 3 ) ); } #memberDetails .name .forename, #memberDetails .name .surname { width: calc( 40% - ( 2rem / 3 ) ); } #memberDetails .name .surname { margin-right: 0; } #memberDetails .fieldGroup.period input { width: calc( 50% - 0.5rem ); float: left; } #memberDetails .fieldGroup.period select { width: calc( 50% - 0.5rem ); float: right; } #memberDetails .date select { float: left; margin-right: 1rem; } #memberDetails .date select[name$=Day] { width: calc( 20% - ( 2rem / 3 ) ); } #memberDetails .date select[name$=Month] { width: calc( 50% - ( 2rem / 3 ) ); } #memberDetails .date select[name$=Year] { width: calc( 30% - ( 2rem / 3 ) ); margin-right: 0; } #memberDetails #showBankingButton { float: right; width: auto; } #memberDetails .summaryTable { display: table; width: 100%; } #memberDetails .summaryTable.rightAlignLastColumn .row .cell:last-child { text-align: right; } #memberDetails .summaryTable .row { display: table-row; } #memberDetails .summaryTable .row:hover { background-color: rgba( 255, 255, 255, 0.2 ); } #memberDetails .summaryTable .cell { display: table-cell; padding: 1rem; padding-bottom: 0.7rem; border-bottom: 2px solid rgba( 000, 000, 000, 0.05 ); line-height: 1.5em; } #memberDetails .summaryTable .row .cell:first-child { font-weight: bold; width: 250px; } #memberDetails .summaryTable .row.header .cell { font-weight: bold; background-color: #464646; color: #fff; } #memberDetails .summaryTable .row a { text-decoration: none; color: #464646; cursor: pointer; font-weight: bold; } #memberDetails .summaryTable .row a:before { background-color: #464646; margin-right: 0.5rem; color: #fff; padding: 0.25rem; border-radius: 0.25rem; font-size: 0.8em; } #memberDetails .summaryTable .row a:hover { color: #00883a; } #memberDetails .summaryTable .row a:hover:before { background-color: #00883a; } #memberDetails .summaryTable .row a .meta { color: rgba( 000, 000, 000, 0.5 ); font-weight: normal; } #memberDetails .summaryTable .row a:hover .meta { color: inherit; } span option .meta { color: #666; } h3.tableHeader { font-weight: bold; text-transform: uppercase; padding: 1rem; padding-top: 0; border-bottom: 3px solid rgba( 000, 000, 000, 0.1 ); font-size: 1rem; } #selectedMembershipWrapper.hideTable { display: none !important; } #memberDetails .tabContent .columns.singleColumn .column { width: 100%; float: none; margin-right: 0; } #memberTabs #errorsPanel { margin: 2rem; border-color: #d33; background-color: rgba( 255, 255, 255, 0.5 ); } #memberTabs #errorsPanel label { text-transform: none; font-size: 1rem; padding: 0; margin: 0; cursor: pointer; color: #333; } #memberTabs #errorsPanel label em { font-style: normal; font-weight: bold; color: #c33; } .inlineBulletList { display: inline-block; } .inlineBulletList li { margin: 0; padding: 0; display: inline-block; } .inlineBulletList li:after { content: "\2022"; margin-left: 0.25rem; margin-right: 0.25rem; opacity: 0.5; } .inlineBulletList li:last-child:after { content: ""; } #memberDetails .additionalAccounts:after { content: ""; display: table; clear: both; } #memberDetails .additionalAccounts .account { width: 24.25%; float: left; border: 2px dashed #B7BAB4; padding: 1rem; margin-right: 1%; margin-bottom: 1rem; height: 8.5rem; position: relative; border-radius: 0.4rem; border-colour: rgba( 000, 000, 000, 0.2 ); background-color: rgba( 255, 255, 255, 0.2 ); } #memberDetails .additionalAccounts .account:nth-child( 4n - 4 ) { margin-right: 0; } #memberDetails .additionalAccounts .account { width: 32.666666667%; } #memberDetails .additionalAccounts .account:nth-child( 4n - 4 ) { margin-right: 1%; } #memberDetails .additionalAccounts .account:nth-child( 3n - 3 ) { margin-right: 0; } @media screen and ( max-width: 1650px ) { #memberDetails .additionalAccounts .account { width: 49.5%; } #memberDetails .additionalAccounts .account:nth-child( 4n - 4 ), #memberDetails .additionalAccounts .account:nth-child( 3n - 3 ) { margin-right: 1%; } #memberDetails .additionalAccounts .account:nth-child( 2n - 2 ) { margin-right: 0; } } @media screen and ( max-width: 1100px ) { #memberDetails .additionalAccounts .account { width: 100%; margin-right: 0 !important; } #memberDetails .additionalAccounts .account:nth-child( 4n - 4 ), #memberDetails .additionalAccounts .account:nth-child( 3n - 3 ) { margin-right: 1%; } #memberDetails .additionalAccounts .account:nth-child( 2n - 2 ) { margin-right: 0; } } #memberDetails .additionalAccounts .account.required { border-color: #008938; } #memberDetails .additionalAccounts .account.addIncludedMemberTrigger { line-height: 4rem; text-align: center; font-size: 1rem; color: #B7BAB4; } #memberDetails .additionalAccounts .account.set { border-style: solid; border-color: #464646; border-color: rgba( 000, 000, 000, 0.2 ); transition: border-color 0.2s linear, background-color 0.2s linear; } #memberDetails .additionalAccounts .account.set:hover { border-color: rgba( 000, 000, 000, 0.4 ); background-color: rgba( 255, 255, 255, 0.4 ); } #memberDetails .additionalAccounts .account h3 { display: block; line-height: 2.5rem; font-weight: normal; font-size: 1.25rem; } #memberDetails .additionalAccounts .account:hover h3 { display: none; } #memberDetails .additionalAccounts .account .buttons { display: none; } #memberDetails .additionalAccounts .account:hover .buttons { display: block; } #memberDetails .additionalAccounts .account .button { margin: 0; margin-bottom: 0.5rem; } #memberDetails .additionalAccounts .account.optional .button { background-color: #b7bab4; } #memberDetails .additionalAccounts .account.optional .button:hover { background-color: #464646; } #memberDetails .additionalAccounts .account:after { content: ""; position: absolute; bottom: -1rem; right: -2px; width: 50%; text-align: right; color: #E5E9E1; text-transform: uppercase; font-size: 0.7rem; background-color: #008938; padding: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; border-bottom-right-radius: 0.2rem; } #memberDetails .additionalAccounts .account.required:after { content: "Required"; color: #E5E9E1; background-color: #008938; } #memberDetails .additionalAccounts .account.optional:after { content: "Optional"; color: #E5E9E1; background-color: #464646; } #memberDetails .additionalAccounts .account.warning:after { content: "Warning"; color: #E5E9E1; background-color: #DEAE01; } #memberDetails .additionalAccounts .account:before { content: ""; position: absolute; bottom: -1rem; left: -2px; width: 50%; color: #E5E9E1; text-transform: uppercase; font-size: 0.7rem; background-color: #008938; padding: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; border-bottom-left-radius: 0.2rem; } #memberDetails .additionalAccounts .account.required:before { color: #E5E9E1; background-color: #008938; } #memberDetails .additionalAccounts .account.optional:before { color: #E5E9E1; background-color: #464646; } #memberDetails .additionalAccounts .account.warning:before { color: #E5E9E1; background-color: #DEAE01; } #memberDetails .additionalAccounts .account[data-class=adult]:before { content: "Adult"; } #memberDetails .additionalAccounts .account[data-class=golden]:before { content: "Golden"; } #memberDetails .additionalAccounts .account[data-class=youngAdult]:before { content: "Young Adult"; } #memberDetails .additionalAccounts .account[data-class=junior]:before { content: "Junior"; } #memberDetails .additionalAccounts .account[data-class=child]:before { content: "Child"; } #memberDetails .additionalAccounts .account .memberDetails { position: relative; } #memberDetails .additionalAccounts .account .memberDetails span { display: block; margin-bottom: 0.4rem; } #memberDetails .additionalAccounts .account .memberDetails span.name { font-weight: bold; font-size: 1.1rem; } #memberDetails .additionalAccounts .account .memberDetails span.membershipID { font-family: monospace; } #memberDetails .additionalAccounts .account .memberDetails span.membershipID:before { content: "#"; } #memberDetails .additionalAccounts .account .memberDetails span.dateOfBirthWrapper span, #memberDetails .additionalAccounts .account .memberDetails span.sex span { display: inline; margin-bottom: 0; } #memberDetails .additionalAccounts .account .memberDetails .remove { position: absolute; top: -0.5rem; right: -0.5rem; cursor: pointer; padding: 0.25rem; width: 1.5rem; height: 1.5rem; text-align: center; color: #b7bab4; transition: color 0.2s linear, background-color 0.2s linear; } #memberDetails .additionalAccounts .account:hover .memberDetails .remove { background-color: #FF4239; color: #ffffff; } #memberDetails .additionalAccounts .account .memberDetails .view { position: absolute; top: 1.25rem; right: -0.5rem; cursor: pointer; padding: 0.25rem; width: 1.5rem; height: 1.5rem; text-align: center; color: #b7bab4; text-decoration: none; transition: color 0.2s linear, background-color 0.2s linear; } #memberDetails .additionalAccounts .account:hover .memberDetails .view { background-color: #008938; color: #ffffff; } #memberDetails .additionalAccounts + .buttons { margin-top: 1rem; margin-bottom: 2rem; } #memberDetails .additionalAccounts + .buttons .button { width: 49%; float: left; margin-right: 2%; } #memberDetails .additionalAccounts + .buttons .button:nth-child( 2n - 2 ) { margin-right: 0; } #memberDetails .additionalAccounts + .buttons:after { content: ""; display: table; clear: both; } #memberDetails .button.floatRight { float: right; width: auto; z-index: 2; position: relative; } .inlineBlockLinks li { position: relative; } .inlineBlockLinks li span.tab.warning:after { content: "\ed50"; font-family: "mercury-icons"; position: absolute; top: 0; right: -0.5rem; font-size: 1.5rem; color: #DEAE01; } @media screen and ( max-width: 1200px ) { .inlineBlockLinks li span.tab.warning:after { top: 1.5vw; right: 1.5vw; font-size: 2.5vw; } } .inlineBlockLinks li span.tab.error:after { content: "\ed52"; font-family: "mercury-icons"; position: absolute; top: 0; right: 0; font-size: 1.5rem; color: #FF3F2F; } @media screen and ( max-width: 1200px ) { .inlineBlockLinks li span.tab.error:after { top: 1.5vw; right: 1.5vw; font-size: 2.5vw; } } #pricingTable { margin-bottom: 2rem; } #pricingTable .right { text-align: right; } #pricingTable .dataRow[data-active="0"] .cell { color: #a6a6a6 !important; } #pricingTable .dataRow .cell.name:before { font-family: 'mercury-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; left: -0.5rem; } #pricingTable .dataRow[data-active="0"] .cell.name:before { content: "\ed6c"; } #pricingTable .dataRow[data-active="1"] .cell.name:before { content: "\ed6f"; } #pricingTable .additionalMember .cell, #pricingTable .includedMember .cell { padding-left: 3rem; font-weight: normal !important; line-height: } #pricingTable input.inline { padding: 0.5rem; padding-top: 0.15rem; padding-bottom: 0.15rem; margin: 0; display: inline-block; width: 4rem; float: none; } #pricingTable select { padding: 0.5rem; padding-top: 0.15rem; padding-bottom: 0.15rem; margin: 0; display: inline-block; width: 4rem; float: none; height: 1.8rem; } #pricingTable label { margin: 0; } #pricingTable #totalRow .cell { border-top: 2px solid rgba( 000, 000, 000, 0.4 ); top: -2px; position: relative; } body.page-membership-types { overflow: hidden; } body.page-membership-types #memberDetails .inlineBlockLinks li.active, body.page-membership-types #memberDetails .inlineBlockLinks li.active span:before, body.page-add-membership-type #memberDetails .inlineBlockLinks li.active, body.page-add-membership-type #memberDetails .inlineBlockLinks li.active span:before { color: #4E86DF !important; } .page-finance #basicPageWrapper { position: relative; } .page-finance.view #contents, .page-finance.results #contents { padding: 0; } .page-finance #financeHeader { position: -webkit-sticky; position: sticky; top: 5rem; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); border-bottom: 4px solid #7245A4; padding: 2rem; padding-top: 1rem; padding-bottom: 1rem; margin: -2rem; margin-bottom: 2rem; z-index: 3; } .page-finance.view #financeHeader, .page-finance.results #financeHeader { margin: 0; } .page-finance #financeHeader:after { content: ""; display: table; clear: both; } .page-finance #financeFooter { position: fixed; bottom: 0; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); border-top: 4px solid #7245A4; padding: 2rem; padding-top: 0.5rem; padding-bottom: 0.5rem; z-index: 3; } .page-finance #financeFooter:after { content: ""; display: table; clear: both; } .page-finance p.stats { margin: 0; padding: 0; font-weight: bold; line-height: 1.2rem; display: inline-block; margin-right: 2rem; } .page-finance .navigation { position: absolute; top: 2.5rem; right: 2rem; width: 100%; text-align: right; } .page-finance .batchUpdate { display: inline-block; margin-right: 1rem; position: relative; } .page-finance .batchUpdate .heading { position: absolute; top: -1.4rem; left: 0.2rem; right: 0.2rem; text-align: center; padding-bottom: 0.2rem; text-transform: uppercase; font-size: 0.9em; font-weight: bold; color: rgba( 000, 000, 000, 0.5 ); border-bottom: 2px dotted rgba( 000, 000, 000, 0.1 ); } .page-finance .batchUpdate select { display: inline-block; width: auto; padding-right: 1.5rem; } .page-finance .navigation .button { color: #ffffff; margin: 0; text-decoration: none; width: auto; display: inline-block; margin: 0; margin-bottom: 0.25rem; } .page-finance .table { position: relative !important; } .page-finance .tableHeader { position: sticky; top: 12.7rem; background-color: rgba( 226, 224, 233, 0.9 ); z-index: 2; border-bottom: 2px solid rgba( 000, 000, 000, 0.2 ); } .page-finance .table .tableHeader + .row .cell { padding-top: 9.5rem !important; } .page-finance h1 { margin-bottom: 0; } .page-finance #contents #financeHeader h2 { color: #8B55C7; float: left; } .page-finance #contents #financeHeader a:not(.button) { color: #8B55C7; text-decoration: none; } .page-finance h2 { margin-bottom: 0; } .page-finance h2 span { text-transform: uppercase; color: #464646; font-size: 0.65em; margin-top: 0.25rem; display: block; line-height: 1.7rem; } .page-finance h2 span span { font-size: 1em; display: inline; } .page-finance h2 span a { color: #464646; } .fakeExport { float: right; width: 50%; max-width: 400px; } .fakeExport p { color: #464646; font-weight: bold; margin-bottom: 0; } .fakeExport .table { border-top-left-radius: 0; border-top-right-radius: 0; margin: 0; margin-top: -2px; } .fakeExport .table .row:first-child .cell { padding-top: calc( 0.5rem + 4px ); } .fakeExport .button { font-size: 0.9em; padding: 0; line-height: 2.2rem; margin: 0; } .page-finance #financeHeader .actionsWrapper { float: right; } .page-finance #financeHeader .lineBreak { display: block; } @media screen and ( max-width: 1300px ) { .page-finance .tableHeader { top: 13.5rem; } .page-finance #contents #financeHeader h2 { float: none; display: block; font-size: 1.4rem; } .page-finance #contents #financeHeader h2 span { margin-top: 0; } .page-finance #financeHeader h2 .lineBreak { display: inline-block; } .page-finance #financeHeader h2 .lineBreak:after { content: "\2022"; } .page-finance .navigation { position: static; width: 100%; text-align: left; } .page-finance .navigation .actionsWrapper { } .page-finance .batchUpdate { margin-top: 0.5rem; padding-top: 1rem; } .page-finance .batchUpdate .heading { top: 0; padding-bottom: 0; } .page-finance .batchUpdate * { margin-bottom: 0 !important; } .page-finance .batchUpdate select { padding-top: 0.4rem; height: 2rem; line-height: 2rem; } .page-finance .navigation .button, .page-finance #financeFooter .button { height: calc( 2.0rem ) !important; line-height: 1.7rem; } .page-finance .navigation .stats { padding-top: 0.75rem; } .page-finance #financeFooter .button { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and ( max-width: 700px ) { .page-finance #financeHeader { padding-bottom: 0.5rem; } .page-finance #financeHeader .stats { margin-top: 0.0; } .page-finance #financeHeader .actionsWrapper { float: none; margin-top: 0.5rem; } .page-finance #financeHeader .actionsWrapper .batchUpdate .heading { text-align: left; } .page-finance #financeHeader .actionsWrapper a.button:last-child { float: right; } .page-finance.results #financeHeader .actionsWrapper a.button:last-child { margin-top: 1.6rem; } .page-finance #financeHeader .stats .lineBreak { display: inline; } .page-finance #financeHeader .stats .lineBreak:after { content: "\2022"; } } @media screen and ( max-height: 650px ), screen and ( max-width: 660px ) { .page-finance #financeHeader { position: static; } .page-finance .tableHeader { top: 5rem; } } .page-finance #contents form { position: relative; } .page-finance .table { table-layout: fixed; } .page-finance .table .row:not(.header):hover { background-color: rgba( 255, 255, 255, 0.2 ); background-color: rgba( 0, 0, 0, 0.05 ); } .page-finance .table .header .cell { font-weight: bold; border-bottom: 2px solid rgba( 000, 000, 000, 0.3 ); } .page-finance .table .cell { border-color: rgba( 000, 000, 000, 0.1 ); } .page-finance .table .cell:first-child { padding-left: 1rem; } .page-finance .table .cell:last-child { padding-right: 1rem; } .page-finance .table .cell a { text-decoration: none; cursor: pointer; color: #555; display: block; } .page-finance .table .cell.view a { color: #8B55C7; } .page-finance .table .cell .missing { color: rgba( 255, 000, 000, 0.3 ); font-weight: normal; cursor: auto; } .page-finance .table .cell select, .page-finance .table .cell input { margin: 0; padding-top: 0; padding-bottom: 0; height: 1.7rem; } .page-finance .table #filter .cell { position: relative; } .page-finance .table #filter .cell .button { display: block; margin: 0; padding: 0; margin-bottom: 0; width: 2rem; background-color: rgba( 000, 000, 000, 0.2 ); line-height: 1.9rem; overflow: hidden; } .page-finance .table #filter .cell .button:nth-child( 1 ) { margin-bottom: 0.2rem; } .page-finance .table #filter .cell .button:hover { background-color: rgba( 000, 000, 000, 0.4 ); } .page-finance .table #filter .cell .filterHeader { display: block; margin-bottom: 1rem; } .page-finance .table .row.Success, .page-finance .table .row.Success:hover { background-color: rgba( 252, 203, 072, 0.2 ); background-color: rgba( 076, 173, 075, 0.1 ); } .page-finance .table .row.Failure, .page-finance .table .row.Failure:hover { background-color: rgba( 253, 090, 083, 0.05 ); } .page-finance .table .row.hide { display: none; } .page-finance .table .row#filter { background-color: rgba( 000, 000, 000, 0.1 ); } .page-finance .table .row#filter .cell { padding-right: 0.5rem; } .page-finance .table .row#filter .cell:last-child { padding-right: 1rem; } .page-finance .table .row#filter .filterMatching { padding: 0; margin-bottom: 0.5rem; text-align: center; padding-right: 1rem; } .page-finance .table .row.dataRow .cell { border-right: 1px dotted rgba( 000, 000, 000, 0.06 ); padding-top: 0.2rem; padding-bottom: 0.2rem; } .page-finance .table .row .cell { padding-left: 0.5rem; padding-right: 0.5rem; } .page-finance.view .table .row .cell { padding: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .page-finance .table .row .member { padding-left: 2.5rem !important; } .page-finance .table .row .accountHolderName { width: 10rem; max-width: 10rem; } .page-finance .table .row .fee { text-align: center; width: 5rem; max-width: 5rem; } .page-finance .table .row .status { width: 20rem; max-width: 20rem; } .page-finance .table .row .action { width: 20rem; max-width: 20rem; padding-right: 3rem !important; } .page-finance .table .row .transactionCode { text-align: center; width: 5rem; max-width: 5rem; } .page-finance .table .row .sortCode { text-align: center; width: 7rem; max-width: 7rem; } .page-finance .table .row .accountNumber { text-align: center; width: 8rem; max-width: 8rem; } .page-finance .table .row .referenceID { text-align: center; width: 8rem; max-width: 8rem; } @media screen and ( max-width: 1600px ) { .page-finance.view .table .row .cell, .page-finance.results .table .row .cell { padding: 0.5rem; padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .page-finance .table .row .member { width: calc( ( 100vw - 62rem ) / 1 ); max-width: calc( ( 100vw - 62rem ) / 1 ); } .page-finance .table .row .referenceID { width: 6rem; max-width: 6rem; } .page-finance .table .row .accountNumber { width: 6rem; max-width: 6rem; } .page-finance .table .row .sortCode { width: 6rem; max-width: 6rem; } .page-finance .table .row .accountHolderName { width: 10rem; max-width: 10rem; } .page-finance .table .row .transactionCode { width: 5rem; max-width: 5rem; } .page-finance .table .row .fee { width: 4rem; max-width: 4rem; } .page-finance .table .row .status { width: 12rem; max-width: 12rem; } .page-finance .table .row .action { width: 12rem; max-width: 12rem; } } @media screen and ( max-width: 1300px ) { .page-finance .table .row .member { width: calc( ( 100vw - 53rem ) / 1 ); max-width: calc( ( 100vw - 53rem ) / 1 ); } .page-finance .table .row .referenceID { width: 5rem; max-width: 5rem; } .page-finance .table .row .accountNumber { width: 5rem; max-width: 5rem; } .page-finance .table .row .sortCode { width: 5rem; max-width: 5rem; } .page-finance .table .row .accountHolderName { width: 10rem; max-width: 10rem; } .page-finance .table .row .transactionCode { width: 4rem; max-width: 4rem; } .page-finance .table .row .fee { width: 3rem; max-width: 3rem; } .page-finance .table .row .status { width: 10rem; max-width: 10rem; } .page-finance .table .row .action { width: 10rem; max-width: 10rem; } } @media screen and ( max-width: 1050px ) { .page-finance .table .row, .page-finance .table .row select { font-size: 0.65rem; } .page-finance .table .row select { padding-left: 0.0rem; padding-right: 0.0rem; } .page-finance .table .row .member { width: calc( ( 100vw - 42.5rem ) / 1 ); max-width: calc( ( 100vw - 42.5rem ) / 1 ); } .page-finance .table .row .referenceID { width: 4rem; max-width: 4rem; } .page-finance .table .row .accountNumber { width: 4rem; max-width: 4rem; } .page-finance .table .row .sortCode { width: 4rem; max-width: 4rem; } .page-finance .table .row .accountHolderName { width: 8rem; max-width: 8rem; } .page-finance .table .row .transactionCode { width: 3rem; max-width: 3rem; } .page-finance .table .row .fee { width: 2.5rem; max-width: 2.5rem; } .page-finance .table .row .status { width: 8rem; max-width: 8rem; } .page-finance .table .row .action { width: 8rem; max-width: 8rem; } } @media screen and ( max-width: 800px ) { .page-finance .table .row, .page-finance .table .row select { font-size: 0.65rem; } .page-finance .table .row select { padding-left: 0.0rem; padding-right: 0.0rem; } .page-finance .table .row .member { width: calc( ( 100vw - 27rem ) / 1 ); max-width: calc( ( 100vw - 27rem ) / 1 ); } .page-finance .table .row .referenceID { width: 6rem; max-width: 6rem; } .page-finance .table .row .accountNumber, .page-finance .table .row .sortCode, .page-finance .table .row .accountHolderName, .page-finance .table .row .transactionCode, .page-finance .table .row .fee { display: none; } .page-finance .table .row .status { width: 10rem; max-width: 10rem; } .page-finance .table .row .action { width: 10rem; max-width: 10rem; } } @media screen and ( max-width: 660px ) { .page-finance.results .tableHeader, .page-finance.view .tableHeader { position: static; display: none; } .page-finance.results .table .header, .page-finance.view .table .header { display: none; } .page-finance.results .table, .page-finance.view .table { display: block !important; width: 100% !important; max-width: 100% !important; } .page-finance.results .table .row, .page-finance.view .table .row { display: block !important; width: 100% !important; max-width: 100% !important; padding-top: 1rem; padding-bottom: 1rem; } .page-finance.results .table .row:after, .page-finance.view .table .row:after { content: ""; display: table; clear: both; } .page-finance.results .table .cell, .page-finance.view .table .cell { display: block !important; width: 100% !important; max-width: 100% !important; border-bottom: none; float: left; text-align: left !important; font-size: 0.9rem; } .page-finance.results .table .row .cell select, .page-finance.view .table .row .cell select { font-size: 0.9rem; width: calc( 100% - 9rem ); } .page-finance.results .table .row .cell, .page-finance.view .table .row .cell { padding-left: 1rem !important; padding-right: 1rem !important; } .page-finance.results .table .row, .page-finance.view .table .row { border-bottom: 2px solid rgba( 000, 000, 000, 0.2 ); } .page-finance.results .table .row .cell:before, .page-finance.view .table .row .cell:before { content: " "; display: block; float: left; width: 8rem; text-align: right; margin-right: 1rem; font-weight: bold; } .page-finance.results .table .row .cell.member:before, .page-finance.view .table .row .cell.member:before { content: "Member"; } .page-finance.results .table .row .cell.referenceID:before, .page-finance.view .table .row .cell.referenceID:before { content: "Reference"; } .page-finance.results .table .row .cell.accountNumber:before, .page-finance.view .table .row .cell.accountNumber:before { content: "Account No."; } .page-finance.results .table .row .cell.sortCode:before, .page-finance.view .table .row .cell.sortCode:before { content: "Sort Code"; } .page-finance.results .table .row .cell.accountHolderName:before, .page-finance.view .table .row .cell.accountHolderName:before { content: "Account Holder"; } .page-finance.results .table .row .cell.transactionCode:before, .page-finance.view .table .row .cell.transactionCode:before { content: "Trans. Code"; } .page-finance.results .table .row .cell.fee:before, .page-finance.view .table .row .cell.fee:before { content: "Fee"; } .page-finance.results .table .row .cell.status:before, .page-finance.view .table .row .cell.status:before { content: "Status"; } .page-finance.results .table .row .cell.action:before, .page-finance.view .table .row .cell.action:before { content: "Action"; } } .page-finance .table .row .member .icon-mail.missing { float: right; } .page-finance .table .row.missingEmail .action select.emailError { border-color: red !important; } .page-finance .table .row.missingEmail .action select option[data-requiresEmail="1"] { color: rgba( 000, 000, 000, 0.2 ) !important; } .page-finance .table .row.Success .icon-mail.missing { color: rgba( 000, 000, 000, 0.2 ); } .page-finance .table .row.Failure .icon-mail.missing { color: #464646; } .page-finance .table .row .cell.member a:before { content: ""; display: block; width: 0.5rem; height: 0.5rem; border-radius: 0.8rem; float: left; margin-right: 0.3rem; position: relative; top: 0.1rem; border: 1px solid rgba( 000, 000, 000, 0.1 ); } .page-finance .table .row.Failure .cell.member a:before { background-color: #FD4F49; border: 1px solid rgba( 000, 000, 000, 0.1 ); } .page-finance .table .row.Success .cell.member a:before { background-color: #43A342; border: 1px solid rgba( 000, 000, 000, 0.1 ); } .page-finance .table .cell.actions { text-align: right; width: 5rem; } .page-finance .table .cell.transactionID { width: 7rem; } .page-finance .table .cell.noRequests { text-align: center; width: 5rem; } .page-finance .table .cell.totalRequested { text-align: right; width: 8rem; } .page-finance .table .cell.totalPaid { text-align: right; width: 8rem; } .page-finance .table .cell.totalUnpaid { text-align: right; width: 8rem; } .page-finance .table .cell.actions a { text-decoration: none; cursor: pointer; color: #555; display: inline-block; } @media screen and ( max-width: 900px ) { .hideSmall { display: none !important; } } @media screen and ( max-width: 900px ) { .page-finance .table .cell.actions { width: 4rem; } .page-finance .table .cell.transactionID { width: 7rem; } .page-finance .table .cell.noRequests { width: 4.5rem; } .page-finance .table .cell.totalRequested { width: 6rem; } .page-finance .table .cell.totalPaid { width: 6rem; } .page-finance .table .cell.totalUnpaid { width: 6rem; } } #recordFinanceResultsPopover .statusSummary { } #recordFinanceResultsPopover .statusSummary h4 { font-size: 1.1rem; line-height: 1.4rem; } #recordFinanceResultsPopover .statusSummary h4:not(:first-child) { border-top: 1px solid rgba( 000, 000, 000, 0.1 ); padding-top: 1rem; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; } #recordFinanceResultsPopover .statusSummary h4 span { font-size: 1.0rem; color: rgba( 000, 000, 000, 0.7 ); text-transform: none; display: block; } #recordFinanceResultsPopover .statusSummary .summaryTable { margin-bottom: 2rem; } #recordFinanceResultsPopover .summaryTable .row .cell:last-child { text-align: right; } .page-renewals #basicPageWrapper { position: relative; } .page-renewals #renewalsHeader { position: -webkit-sticky; position: sticky; top: 5rem; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); border-bottom: 4px solid #7245A4; padding: 2rem; padding-bottom: 0; margin: -2rem; margin-bottom: 2rem; z-index: 2; } .page-renewals h1 { margin-bottom: 0; } .page-renewals #contents h2 { color: #8B55C7; } .page-renewals h2 span { text-transform: uppercase; color: #464646; font-size: 0.65em; margin-top: 0.25rem; display: block; } .page-renewals h2 span a { color: #464646; } .page-renewals #contents h3 { color: #464646; border-bottom: 2px solid #464646; font-size: 1rem; text-transform: uppercase; margin-top: 5rem; } .page-renewals #contents h3:first-of-type { margin-top: 0rem; } .page-renewals h3 span { float: right; } .page-renewals .navigation { position: absolute; top: 2rem; right: 2rem; width: 100%; text-align: right; } .page-renewals .navigation .button { color: #ffffff; margin: 0; text-decoration: none; width: auto; display: inline-block; margin: 0; margin-bottom: 0.25rem; padding: 1rem; padding-top: 0rem; padding-bottom: 0rem; height: 2.6rem; line-height: 2.6rem; position: relative; } .page-renewals .navigation .button:hover { background-color: #ffffff; color: #8B55C7; } .page-renewals .navigation .button.toggleNonFee:before { font-family: "mercury-icons"; position: relative; margin-right: 0.25rem; bottom: -0.1rem; } .page-renewals .navigation .button.toggleNonFee.inactive { background-color: #464646; } .page-renewals .navigation .button.toggleNonFee.inactive:hover { color: #464646; background-color: #ffffff; } .page-renewals .navigation .button.toggleNonFee:before, .page-renewals .navigation .button.toggleNonFee.inactive:hover:before { content: "\ed6f"; } .page-renewals .navigation .button.toggleNonFee.inactive:before, .page-renewals .navigation .button.toggleNonFee:hover:before { content: "\ed6c"; } .page-renewals .navigation .button.previous:before { content: "\edc3"; font-family: "mercury-icons"; position: relative; margin-right: 0.25rem; bottom: 0; } .page-renewals .navigation .button.next { top: -0.1rem; } .page-renewals .navigation .button.next:before { content: "\edbb"; font-family: "mercury-icons"; position: absolute; margin-left: 0.25rem; bottom: 0.1rem; right: 0.75rem; } .page-renewals .navigation .button.next { padding-right: 1.85rem; } .page-renewals .table .row:not(.header):hover { background-color: rgba( 255, 255, 255, 0.2 ); background-color: rgba( 0, 0, 0, 0.05 ); } .page-renewals .table .header .cell { font-weight: bold; } .page-renewals .table .cell { border-color: rgba( 000, 000, 000, 0.1 ); } .page-renewals .table .cell a { text-decoration: none; cursor: pointer; color: #555; } .page-renewals .table .cell.view a { color: #8B55C7; } .page-renewals .table .cell .missing { color: rgba( 255, 000, 000, 0.3 ); font-weight: normal; cursor: auto; } .page-renewals .table .cell.name { max-width: calc( ( 100vw - 50rem - 4rem ) * 0.6 ); width: calc( ( 100vw - 50rem - 4rem ) * 0.6 ); } .page-renewals .table .cell.membershipType { max-width: calc( ( 100vw - 51.5rem - 4rem ) * 0.4 ); width: calc( ( 100vw - 51.5rem - 4rem ) * 0.4 ); } .page-renewals .table .cell.payment { text-align: center; padding-right: 0.5rem; max-width: 9.5rem; width: 9.5rem; } .page-renewals .table .cell.paymentDifference { text-align: left; padding-right: 0.5rem; max-width: 8rem; width: 8rem; } .page-renewals .table .cell.paymentDifference:before { content: ""; display: block; width: 0.5rem; height: 0.5rem; border-radius: 0.8rem; float: left; margin-right: 0.3rem; position: relative; top: 0.1rem; } .page-renewals .table .cell.paymentDifference.warning:before { background-color: #FCC43F; border: 1px solid rgba( 000, 000, 000, 0.1 ); } .page-renewals .table .cell.paymentDifference.crucialWarning:before { background-color: #FD4F49; border: 1px solid rgba( 000, 000, 000, 0.1 ); } .page-renewals .table .cell.paymentType { max-width: 2rem; width: 2rem; text-align: center; } .page-renewals .table .cell.dateOfBirth { max-width: 7rem; width: 7rem; text-align: center; } .page-renewals .table .cell.email { max-width: 4rem; width: 4rem; text-align: center; } .page-renewals .table .cell.telephone { max-width: 7rem; width: 7rem; text-align: center; } .page-renewals .table .cell.payment.zeroFee, .page-renewals .table .cell.paymentDifference.zeroFee { color: rgba( 000, 000, 000, 0.25 ); } .page-renewals .table .cell.view { text-align: right; width: 2rem; } .page-renewals .showSmall, .page-renewals .showSmall { display: none; } @media screen and ( max-width: 1200px ) and ( min-width: 1001px ) { .page-renewals .membershipType .hideSmall { display: none; } .page-renewals .membershipType .showSmall { display: block; } .page-renewals .table .cell.name { max-width: calc( ( 100vw - 54rem - 4rem ) ); width: calc( ( 100vw - 54rem - 4rem ) ); } .page-renewals .table .cell.membershipType { max-width: 4rem; width: 4rem; } } @media screen and ( max-width: 1100px ) and ( min-width: 901px ) { .page-renewals .hideSmall, .page-renewals .hideSmall { display: none; } .page-renewals .showSmall, .page-renewals .showSmall { display: block; } .page-renewals .table .cell:not(.view) a:before, .page-renewals .table .cell .missing:before { font-size: 0.9rem; } .page-renewals .table .cell.name { max-width: calc( ( 100vw - 41rem - 4rem ) ); width: calc( ( 100vw - 41rem - 4rem ) ); } .page-renewals .table .cell.membershipType { max-width: 6rem; width: 6rem; } .page-renewals .table .cell.payment { max-width: 10rem; width: 10rem; } .page-renewals .table .cell.paymentType { display: none; } .page-renewals .table .cell.arrow { max-width: 1.5rem; width: 1.5rem; } .page-renewals .table .cell.dateOfBirth { max-width: 7rem; width: 7rem; } .page-renewals .table .cell.email { max-width: 3rem; width: 3rem; } .page-renewals .table .cell.telephone { max-width: 8rem; width: 8rem; } .page-renewals .table .cell.view { width: 1.5rem; } .page-renewals .table .cell.paymentDifference { width: 4rem; } } @media screen and ( max-width: 800px ) { .page-renewals .table .cell.name { max-width: calc( ( 100% - 34rem - 4rem ) ); width: calc( ( 100% - 34rem - 4rem ) ); } } .page-renewals .table .row.header .cell .table.phoneTable { font-size: 0.5rem; text-transform: uppercase; color: #969696; margin-top: 0.2rem; } .page-renewals .table .row .cell .table.phoneTable .row .cell { } .page-renewals .table .row .cell .table.phoneTable .row { background-color: transparent; } .page-renewals .table .row .cell .table.phoneTable .row .cell { text-align: center; padding: 0; } .page-renewals .table .row .cell .table.phoneTable .row .cell { text-align: center; } .page-renewals .table .row .cell .table.phoneTable .row .cell .missing { color: rgba( 000, 000, 000, 0.05 ); } .page-renewals .table .row .cell .table.phoneTable.allMissing .row .cell .missing { color: rgba( 255, 000, 000, 0.3 ); } @media screen and ( max-width: 900px ) { .page-renewals .table, .page-renewals .row, .page-renewals .cell { display: block !important; } .page-renewals .row:after { content: ""; display: table; clear: both; } .page-renewals .table .row { border-bottom: 2px solid rgba( 000, 000, 000, 0.1 ); padding-bottom: 1rem; padding-top: 1rem; } .page-renewals .table .row:nth-child( 2 ) { padding-top: 0; } .page-renewals .table .row:last-child { border-bottom: none; padding-bottom: 0; } .page-renewals .table .row:not(.header):hover { background-color: transparent; } .page-renewals .table .row.header { display: none !important; } .page-renewals .cell { float: left; text-align: left; border: none !important; } .page-renewals .table { display: block; } .page-renewals .table .row .cell.name { width: 100%; max-width: 100%; } .page-renewals .table .row .cell.membershipType { width: 100%; max-width: 100%; } .page-renewals .table .row .cell.payment { width: auto; max-width: 100%; margin-right: 1rem; } .page-renewals .table .row .cell.paymentType { width: auto; max-width: 100%; margin-right: 1rem; } .page-renewals .table .row .cell.paymentDifference { width: auto; max-width: 100%; } .page-renewals .table .row .cell.dateOfBirth { width: 100%; max-width: 100%; text-align: left; } .page-renewals .table .row .cell.email { width: 100%; max-width: 100%; text-align: left; } .page-renewals .table .row .cell.telephone { width: 100%; max-width: 100%; text-align: left; } .page-renewals .table .row .cell.view { width: 100%; max-width: 100%; text-align: left; } .page-renewals .table .row .cell.name:before, .page-renewals .table .row .cell.membershipType:before, .page-renewals .table .row .cell.payment:before, .page-renewals .table .row .cell.dateOfBirth:before, .page-renewals .table .row .cell.email:before, .page-renewals .table .row .cell.telephone:before, .page-renewals .table .row .cell.view:before { display: block; float: left; width: 5rem; font-weight: bold; text-align: right; margin-right: 1rem; } .page-renewals .table .row .cell.name:before { content: "Name"; } .page-renewals .table .row .cell.membershipType:before { content: "Plan"; } .page-renewals .table .row .cell.payment:before { content: "Fee"; } .page-renewals .table .row .cell.dateOfBirth:before { content: "D.O.B."; } .page-renewals .table .row .cell.email:before { content: "Email"; } .page-renewals .table .row .cell.telephone:before { content: "Phone"; } .page-renewals .table .row .cell.view:before { content: "View"; } .page-renewals .table .row .cell .table.phoneTable { float: left; display: inline; margin: 0; padding: 0; width: auto; } .page-renewals .table .row .cell .table.phoneTable, .page-renewals .table .row .cell .table.phoneTable .row, .page-renewals .table .row .cell .table.phoneTable .cell { display: inline; margin: 0; padding: 0; } .page-renewals .table .row .cell .table.phoneTable .row .cell { margin-right: 1rem; } .page-renewals .table .row .cell .table.phoneTable .row .cell:before { margin-right: 0.4rem; } .page-renewals .table .row .cell .table.phoneTable .row .cell:nth-child(1):before { content: "Home:"; } .page-renewals .table .row .cell .table.phoneTable .row .cell:nth-child(2):before { content: "Mobile:"; } .page-renewals .table .row .cell .table.phoneTable .row .cell:nth-child(3):before { content: "Work:"; } } .page-renewals .table .row .cell.name .includedMembers, .page-renewals .table .row .cell.name .additionalMembers { background-color: rgba( 000, 000, 000, 0.07 ); padding: 0.4rem; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.7rem; border-radius: 0.2rem; cursor: help; position: relative; top: -2px; margin-left: 0.2rem; } .page-renewals .table .row .cell.name .includedMembers:before, .page-renewals .table .row .cell.name .additionalMembers:before { position: relative; bottom: -2px; } .page-renewals .table .row .cell.payment .icon-arrow-right:before { color: rgba( 000, 000, 000, 0.2 ); } .page-renewals .table .row .cell.payment.warning .icon-arrow-right:before { color: #E5B83F; } .page-renewals .table .row .cell.payment.crucialWarning .icon-arrow-right:before { color: #FD4F49; } .page-renewals .table .row .cell.payment .icofont:before { color: rgba( 000, 000, 000, 0.2 ); } .page-renewals .table .row > .cell:nth-child( 1 ) { padding-left: 0.5rem; } .page-renewals .table .row > .cell:last-child { padding-right: 0.5rem; } .page-renewals .table .row.warning > .cell:nth-child( 1 ), .page-renewals .table .row.crucialWarning > .cell:nth-child( 1 ) { position: relative; border-left: 0.25rem solid rgba( 000, 000, 000, 0.2 ); padding-left: calc( 0.5rem - 0.25rem ); } .page-renewals .table .row.warning > .cell:nth-child( 1 ) { border-left-color: #E5B83F; } .page-renewals .table .row.crucialWarning > .cell:nth-child( 1 ) { border-left-color: #FD4F49; } .page-renewals .table .row.warning:hover { background-color: rgba( 252, 203, 072, 0.2 ); } .page-renewals .table .row.crucialWarning:hover { background-color: rgba( 253, 090, 083, 0.1 ); } .page-court-calendar #basicPageWrapper { position: relative; } .page-court-calendar #courtBookingHeader { position: -webkit-sticky; position: sticky; top: 5rem; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); border-bottom: 4px solid #B7413D; padding: 2rem; padding-bottom: 15px; margin: -1rem; margin-bottom: 1rem; z-index: 2; } .page-court-calendar h1 { margin-bottom: 0; } .page-court-calendar #contents h2 { color: #B7413D; } .page-court-calendar h2 span { text-transform: uppercase; color: #464646; font-size: 0.65em; margin-top: 0.25rem; display: block; } .page-court-calendar h2 span a { color: #464646; } .page-court-calendar #contents h3 { color: #464646; border-bottom: 2px solid #464646; font-size: 1rem; text-transform: uppercase; margin-top: 5rem; } .page-court-calendar #contents h3:first-of-type { margin-top: 0rem; } .page-court-calendar h3 span { float: right; } .page-court-calendar .navigation { position: absolute; top: 2rem; right: 2rem; width: 100%; text-align: right; } .page-court-calendar .navigation .button { color: #ffffff; margin: 0; text-decoration: none; width: auto; display: inline-block; margin: 0; margin-bottom: 0; padding: 1rem; padding-top: 0rem; padding-bottom: 0rem; } .page-court-calendar .navigation .button.toggleNonFee:before { font-family: "mercury-icons"; position: relative; margin-right: 0.25rem; bottom: -0.1rem; } .page-court-calendar .navigation .button.toggleNonFee.inactive { background-color: #464646; } .page-court-calendar .navigation .button.toggleNonFee.inactive:hover { color: #464646; background-color: #ffffff; } .page-court-calendar .navigation .button.toggleNonFee:before, .page-court-calendar .navigation .button.toggleNonFee.inactive:hover:before { content: "\ed6f"; } .page-court-calendar .navigation .button.toggleNonFee.inactive:before, .page-court-calendar .navigation .button.toggleNonFee:hover:before { content: "\ed6c"; } .page-court-calendar .navigation .button.previous:before { content: "\edc3"; font-family: "mercury-icons"; position: relative; margin-right: 0.25rem; bottom: -0.1rem; } .page-court-calendar .navigation .button.back:before { content: "\edb7"; font-family: "mercury-icons"; position: relative; margin-right: 0.25rem; bottom: -0.1rem; } .page-court-calendar .navigation .button.next { padding-right: 1.75rem; } .page-court-calendar .navigation .button.next:before { content: "\edbb"; font-family: "mercury-icons"; position: absolute; right: 0.75rem; margin-left: 0.25rem; bottom: 0.0rem; } .page-court-calendar .table { border-radius: 0.2rem; overflow: hidden; padding-bottom: 0.2rem; font-size: 0.85em; } .page-court-calendar .table .row .cell { border-bottom-color: rgba( 000, 000, 000, 0.1 ); } .page-court-calendar .table .row.header { background-color: #464646; color: #ffffff; font-weight: bold; } .page-court-calendar .table .cell { padding: 0.5rem; } .page-court-calendar .bookingsTable .cell:first-child { padding-left: 1.5rem; position: relative; } .page-court-calendar .bookingsTable .row:not(.header) .cell:first-child:before { content: ""; display: inline-block; background-color: red; width: 0.5rem; height: 0.5rem; position: absolute; left: 0.5rem; top: 0.70rem; border-radius: 1rem; } .page-court-calendar .bookingsTable .row.admin .cell:first-child:before { background-color: #016E9D; } .page-court-calendar .bookingsTable .row.member .cell:first-child:before { background-color: #009D4D; } .page-court-calendar .bookingsTable .row.maintenance .cell:first-child:before { background-color: #909190; } .page-court-calendar .bookingsTable .row.closure .cell:first-child:before { background-color: #E66761; } .page-court-calendar .bookingsTable .cell.time { width: 7rem; } .page-court-calendar .bookingsTable .cell.court { width: 4rem; } .page-court-calendar .bookingsTable .cell.type { width: 7.5rem; } .page-court-calendar .bookingsHeader { position: -webkit-sticky; position: sticky; top: 5rem; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); border-bottom: 4px solid #BF4A45; padding: 2rem; padding-bottom: 15px; margin: -1rem; margin-bottom: 1rem; z-index: 2; } @media screen and ( min-width: 961px ) { .page-court-calendar #tennis .bookingsHeader { margin-right: -1.5rem; padding-right: 1.5rem; } .page-court-calendar #squash .bookingsHeader { margin-left: -1.5rem; padding-left: 1.5rem; } } @media screen and ( max-width: 960px ) { .page-court-calendar #squash .bookingsHeader { margin-top: 3rem; } } .page-court-calendar .bookingsHeader .links { position: absolute; top: 3rem; right: 2rem; } .page-court-calendar #tennis .bookingsHeader .links { right: 1.5rem; } .page-court-calendar .columns:after, .page-book-court .columns:after { content: ""; display: table; clear: both; } .page-court-calendar .column, .page-book-court .column { width: calc( 50% - ( 3rem / 2 ) ); float: left; margin-right: 3rem; } .page-court-calendar .column:last-child, .page-book-court .column:last-child { margin-right: 0; } @media screen and ( max-width: 960px ) { .page-court-calendar .column, .page-book-court .column { width: 100%; float: none; margin-right: 0; } } #reportsWrapper { width: 47.5%; margin-right: 5%; float: left; } #reportsWrapper:nth-child( 2n - 2 ) { margin-right: 0; } #reportsWrapper canvas { width: 100%; } #reports .table .row .cell:last-child { text-align: right; } #reports .table .row .cell a { text-decoration: none; } #reports:after { content: ""; display: table; clear: both; } #reports #chart { display: block; background-color: rgba( 255, 255, 255, 0.3 ); padding: 1.5rem; transition: color 0.2s linear, background-color 0.3s linear; } #reports #chart:hover { background-color: rgba( 255, 255, 255, 0.7 ); } #reports canvas { width: 100%; margin-bottom: 1rem; height: 18vw; max-height: 50vh; } #reports #chart h2 { font-size: 0.7em; text-align: center; background-color: #00883c; color: #ffffff; text-transform: uppercase; margin: -1.5rem; padding: 1rem; padding-bottom: 0.75rem; margin-bottom: 1rem; } #reports .noPad h2 { margin: 0; } #reports .memberships h2 { background-color: #457CDB; } #reports .courts h2 { background-color: #DB4744; } #reports .finance h2 { background-color: #8051BE; } #reports .metaTable { display: table; width: 100%; } @media screen and ( max-width: 1200px ) { #reports .metaTable { font-size: 0.8em; } } @media screen and ( max-width: 800px ) { #reports .metaTable { font-size: 0.9em; } } #reports .metaTable .row { display: table-row; } #reports .metaTable .cell { display: table-cell; text-align: center; padding: 0.5rem; padding-left: 0.2rem; padding-right: 0.2rem; border-bottom: 2px solid rgba( 200, 200, 200, 0.5 ); } #reports .metaTable .row:last-child .cell { border-bottom: none; } #reports .metaTable .cell:first-child { text-align: left; } #reports .metaTable .cell:last-child { text-align: right; } #reports .metaTable.rightColCenter .cell:last-child { text-align: center; } #reports .metaTable .row.header .cell { border-bottom: none; text-transform: uppercase; text-align: center; font-size: 0.7em; font-weight: bold; color: #ffffff; background-color: #00883c; } #reports .metaTable .row.header.subtle .cell { color: rgba( 000, 000, 000, 0.2 ); background-color: transparent; } #reports .metaTable .cell.dataIndicator:before { content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 1rem; } #reports .membershipStatus .cell.dataIndicator.active:before { background-color: #3ea43c; } #reports .membershipStatus .cell.dataIndicator.renewal:before { background-color: #FDBE20; } #reports .membershipStatus .cell.dataIndicator.expiring:before { background-color: #FF4239; } #reports .genderSplit .cell.dataIndicator.male:before { background-color: #0090F3; } #reports .genderSplit .cell.dataIndicator.female:before { background-color: #FE3856; } #reports .joiningVsLeaving .cell.dataIndicator.joining:before { background-color: #3ea43c; } #reports .joiningVsLeaving .cell.dataIndicator.leaving:before { background-color: #FF4239; } #reports .billedVsPaid .cell.dataIndicator.paid:before { background-color: #3ea43c; } #reports .billedVsPaid .cell.dataIndicator.billed:before { background-color: #FF4239; } #reports .billedVsPaid .cell.unpaid { color: #CC342D; font-weight: bold; text-transform: uppercase; } #reports #data { margin-top: 2rem; } #reports #data .dataGroup { margin-bottom: 5rem; position: relative; } #reports #data .dataGroup { margin-bottom: 5rem; } #reports #data .dataGroup h3 { padding-top: 0.5rem; padding-bottom: 0.5rem; margin: 0; } #reports #data .dataGroup .noData { font-size: 1.2rem; text-align: center; color: rgba( 000, 000, 000, 0.2 ); line-height: 5rem; } #reports #data .dataGroup .groupHeader { padding-bottom: 0.5rem; border-bottom: 2px solid rgba( 000, 000, 000, 0.2 ); position: relative; } #reports #data .dataGroup .groupHeader .button { display: inline-block; width: auto; position: absolute; margin: 0; padding: 0.5rem; line-height: 0.8rem; background-color: rgba( 000, 000, 000, 0.4 ); top: 4.85rem; z-index: 2; } #reports #data .dataGroup .groupHeader .button:before { margin-right: 0.2rem; } #reports #data .dataGroup .groupHeader .button:hover { background-color: rgba( 000, 000, 000, 0.8 ); } #reports #data .dataGroup .groupHeader .button.exportJoining { right: calc( ( 100% + 3rem ) / 2 + 0.4rem ); } #reports #data .dataGroup .groupHeader .button.exportLeaving { right: 0.4rem; } #reports #data .dataGroup h4 { margin: 0; margin-top: 1rem; padding: 0.5rem; color: #fff; background-color: #464646; border-top-left-radius: 0.2rem; border-top-right-radius: 0.2rem; background-color: rgba( 000, 000, 000, 0.69 ); } #reports #data .dataGroup h4 { border-top: 0.3rem solid #464646; } #reports #data .dataGroup .joining h4 { border-top-color: #38A534; } #reports #data .dataGroup .leaving h4 { border-top-color: #FF4239; } #reports #data .dataGroup .table .row:first-child .cell { background-color: #464646; color: #ffffff; } #reports #data .dataGroup .table .row:not(.header):hover { background-color: rgba( 000, 000, 000, 0.01 ); } #reports #data .dataGroup .table a { display: block; color: #464646; text-decoration: none; } #reports #reportsHeader .generalDownloads { position: relative; margin-right: 0.3rem; display: inline-block; } #reports #reportsHeader .generalDownloads h3 { margin: 0; padding: 0; position: absolute; top: -1.4rem; left: 0.2rem; right: 0.2rem; text-align: center; padding-bottom: 0.2rem; text-transform: uppercase; font-size: 0.9em; font-weight: bold; color: rgba( 000, 000, 000, 0.5 ); border-bottom: 2px dotted rgba( 000, 000, 000, 0.1 ); } #reports #reportsHeader .generalDownloads .button { float: none; } #reports #reportsHeader { position: -webkit-sticky; position: sticky; top: 5rem; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); border-bottom: 4px solid #565656; padding: 2rem; margin: -2rem; margin-bottom: 2rem; z-index: 3; min-height: 8.4rem; } #reports #reportsHeader .buttons { float: right; margin-top: 1.5rem; } #reports #reportsHeader .button { display: inline-block; color: #ffffff; width: auto; } #reports #reportsHeader:after { content: ""; display: table; clear: both; } #reports #contents #reportsHeader h2 { color: #565656; float: left; } #reports #contents #reportsHeader h2 span { text-transform: uppercase; color: #464646; font-size: 0.65em; margin-top: 0.25rem; display: block; line-height: 1.7rem; } #reports #contents #reportsHeader a:not(.button) { color: #565656; text-decoration: none; } #reports #data.joiningVsLeaving .table .row .cell.date { width: 8rem; } #reports #data.joiningVsLeaving .table .row .cell.name { } #reports #data.joiningVsLeaving .table .row .cell.plan { width: 12rem; } #reports #data.joiningVsLeaving .table .row .cell.fee { width: 12rem; text-align: right; } #reports #data.joiningVsLeaving .table .row .cell.fee.zeroFee { color: rgba( 000, 000, 000, 0.2 ); } #reports #data.joiningVsLeaving .table .row.tableFooter .cell.fee { line-height: 1.4rem; } #reports #reportsHeader .filter { position: relative; margin-right: 1.5rem; display: inline-block; width: auto; } #reports #reportsHeader .filter h3 { margin: 0; padding: 0; position: absolute; top: -1.4rem; left: 0.2rem; right: 0.2rem; text-align: center; padding-bottom: 0.2rem; text-transform: uppercase; font-size: 0.9em; font-weight: bold; color: rgba( 000, 000, 000, 0.5 ); border-bottom: 2px dotted rgba( 000, 000, 000, 0.1 ); } #reports #reportsHeader .filter .button { float: none; } #reports #reportsHeader .filter select, #reports #reportsHeader .filter input { display: inline-block; width: auto; } #reports #reportsHeader .filter select { padding-right: 2rem; } #reports #reportsHeader .filter label { display: inline-block; width: auto; position: absolute; bottom: -0.5rem; color: rgba( 000, 000, 000, 0.3 ); font-weight: bold; } #reports .columns .column { position: -webkit-sticky; /* Safari */ position: sticky; top: 15rem; } .page-config #basicPageWrapper { position: relative; } .page-config .button { background-color: #565656; } .page-config a { color: #565656; text-decoration: none; } .page-config .button:hover { background-color: #696969; } .page-config a:hover { color: #141414; } .page-config .table .button { margin: 0; } .page-config .table .cell:last-child { text-align: right; } .page-config.view #contents, .page-config.results #contents { padding: 0; } .page-config #configHeader { position: -webkit-sticky; position: sticky; top: 5rem; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); border-bottom: 4px solid #565656; padding: 2rem; margin: -2rem; margin-bottom: 2rem; z-index: 3; min-height: 8.4rem; } .page-config #configHeader .button { float: right; color: #ffffff; width: auto; } .page-config #configHeader:after { content: ""; display: table; clear: both; } .page-config #contents #configHeader h2 { color: #565656; float: left; } .page-config #contents #configHeader a:not(.button) { color: #565656; text-decoration: none; } .page-config h2 { margin-bottom: 0; } .page-config h2 span { text-transform: uppercase; color: #464646; font-size: 0.65em; margin-top: 0.25rem; display: block; line-height: 1.7rem; } .page-config h2 span span { font-size: 1em; display: inline; } .page-config h2 span a { color: #464646; } .page-config .table { table-layout: auto; } .page-config .table .row .cell.name { width: 16rem; } .page-config .table .row .cell.subject { width: 20rem; } .page-config .table .row .cell.snippit { width: calc( 100% - 46rem ); } .page-config .table .row .cell.systemOnly { width: 6rem; text-align: center; } .page-config .table .row .cell.actions { width: 4rem; } .page-config .table .row .cell.actions .locked { color: rgba( 000, 000, 000, 0.2 ); } @media screen and ( max-width: 1200px ) { .page-config .table .row .cell.name { width: calc( ( 100% - 10rem ) / 4 ); } .page-config .table .row .cell.subject { width: calc( ( 100% - 10rem ) / 4 ); } .page-config .table .row .cell.snippit { width: calc( ( 100% - 10rem ) / 2 ); } } @media screen and ( max-width: 930px ) { .page-config .table .row .cell.name { width: calc( ( 100% - 10rem ) / 2 ); } .page-config .table .row .cell.subject { width: calc( ( 100% - 10rem ) / 2 ); } .page-config .table .row .cell.snippit { display: none; } } @media screen and ( max-width: 660px ) { .page-config .table .row .cell.name { width: calc( ( 100% - 10rem ) ); } .page-config .table .row .cell.subject { display: none; } } @media screen and ( max-width: 430px ) { .page-config .table .row .cell.name { width: calc( ( 100% - 4rem ) ); } .page-config .table .row .cell.systemOnly { display: none; } } .page-config .columns.split32 .column:nth-child( 1 ) { width: calc( ( 100% - 3rem ) / 3 * 2 ); } .page-config .columns.split32 .column:nth-child( 2 ) { width: calc( ( 100% - 3rem ) / 3 * 1 ); } .page-config #templateVariables { } .page-config #templateVariables span.insertTagTrigger { display: block; background-color: rgba( 000, 000, 000, 0.1 ); margin-bottom: 0.2rem; padding: 0.4rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 0.2rem; font-weight: bold; } .page-config #templateVariables span.insertTagTrigger:hover { background-color: rgba( 000, 000, 000, 0.05 ); cursor: pointer; } .page-config #templateVariables span.insertTagTrigger span { float: right; font-family: monospace; color: rgba( 000, 000, 000, 0.4 ); } .page-config #templateVariables span.insertTagTrigger:hover span { color: rgba( 000, 150, 000, 0.8 ); } .page-config .styleButtons { float: right; position: relative; bottom: -1.25rem; z-index: 2; } .page-config .styleButtons .styleTrigger { background-color: rgba( 000, 000, 000, 0.2 ); border-radius: 0.2rem; padding: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; text-transform: uppercase; font-size: 0.6rem; cursor: pointer; } .page-config .styleButtons .styleTrigger:hover { background-color: rgba( 000, 000, 000, 0.1 ); } .page-config .styleButtons .styleTrigger.bold { font-weight: bold; } .page-config .styleButtons .styleTrigger.italics { font-style: italic; } .page-logs #basicPageWrapper { position: relative; } .page-logs.view #contents, .page-logs.results #contents { padding: 0; } .page-logs #logsHeader { position: -webkit-sticky; position: sticky; top: 5rem; left: 0; right: 0; background-color: rgba( 255, 255, 255, 0.9 ); border-bottom: 4px solid #464646; padding: 2rem; padding-top: 1rem; padding-bottom: 1rem; margin: -2rem; margin-bottom: 2rem; z-index: 3; min-height: 8.4rem; } .page-logs.view #logsHeader, .page-logs.results #logsHeader { margin: 0; } .page-logs #logsHeader:after { content: ""; display: table; clear: both; } .page-logs .navigation { position: absolute; top: 2.5rem; right: 2rem; width: 100%; text-align: right; } .page-logs h2 { margin-bottom: 0; } .page-logs h2 span { text-transform: uppercase; color: #464646; font-size: 0.65em; margin-top: 0.25rem; display: block; line-height: 1.7rem; } .page-logs .pager { } .page-logs .pager li { display: inline-block; margin-right: 0.25rem; margin-bottom: 0.5rem; } .page-logs .pager li a, .page-logs .pager li span { display: block; background-color: rgba( 255, 255, 255, 0.2 ); border: 1px solid rgba( 000, 000, 000, 0.2 ); width: 2rem; height: 2rem; text-align: center; line-height: 1.8rem; text-decoration: none; color: inherit; border-radius: 0.2rem; } .page-logs .pager li span.inactive { color: rgba( 000, 000, 000, 0.1 ); background-color: rgba( 255, 255, 255, 0.05 ); border-color: rgba( 000, 000, 000, 0.1 ); } .page-logs .pager li a:hover { background-color: rgba( 000, 000, 000, 0.1 ); } .page-logs .pager li a.active { background-color: #464646; color: #ffffff; } .page-login { background-color: #00883E; } .page-login #contentWrapper { max-width: 500px; margin: auto; margin-top: 10vh; background-color: #E6E9E2; box-shadow: 0 0 0 0.75rem rgba( 255, 255, 255, 0.2 ), 0.2rem 0.2rem 1rem rgba( 000, 000, 000, 0.2 ); border-radius: 0.2rem; overflow: hidden; } .membersList { background-color: #E5E7E2; background-color: #EAF1E2; } #membersSelector .meta { height: 5rem; background-color: #e6e6e6; padding-bottom: 1rem; border-bottom: 4px solid #ccc; } .membersList .meta .filter .count { font-size: 0.8em; text-transform: uppercase; padding-left: 1rem; padding-right: 1rem; font-weight: bold; position: relative; width: 100%; display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 7rem; line-height: 1.1rem; } .membersList .meta .filter .count .filterActions { float: right; margin-right: 0.5rem; } .membersList .meta .filter .count .filterActions span, .membersList .meta .filter .count .filterActions a { text-decoration: none; color: #464646 !important; font-size: 1.3rem; cursor: pointer; margin-left: 0.4rem; top: -0.2rem; position: relative; } .membersList .meta .filter .count .filterActions a:hover { color: #FF4239 !important; } .membersList .meta .filter .count .filterActions span:hover { color: #2287FF !important; } .membersList .meta .filter .count .filterActions span.add:hover, .membersList .meta .filter .count .filterActions a.add:hover { color: #008100 !important; } .membersList .meta .filter .count .filterActions span.delete, .membersList .meta .filter .count .filterActions a.delete { margin-left: 1.5rem; } .membersList .meta .filter .buttons { display: table; width: 100%; } .membersList .meta .filter .buttons span, .membersList .meta .filter .buttons a { display: table-cell; text-decoration: none; cursor: pointer; background-color: #eee; border: 1px solid #ccc; border-left: none; border-top: none; text-align: center; position: relative; } .membersList .meta .filter .buttons span[data-shortcut]:after, .membersList .meta .filter .buttons a[data-shortcut]:after { content: attr( data-shortcut ); position: absolute; bottom: 0.0rem; right: 0.0rem; background-color: #00883C; border: 4px solid #EDEDED; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; border-top-left-radius: 0.4rem; border-radius: 4rem !important; font-family: monospace; text-transform: uppercase; font-weight: bold; font-size: 0.75rem; opacity: 0; color: #ffffff; transition: opacity 0.1s ease-in-out; } .membersList .meta .filter .buttons span[data-shortcut-char]:after, .membersList .meta .filter .buttons a[data-shortcut-char]:after { content: attr( data-shortcut-char ); } .page-membership-types .membersList .meta .filter .buttons span[data-shortcut]:after, .page-membership-types .membersList .meta .filter .buttons a[data-shortcut]:after { background-color: #457CDB; } .membersList .meta .filter .buttons #pinMenuTrigger.active[data-shortcut]:after { border-color: #E2E7EE; } .showHelp .membersList .meta .filter .buttons span[data-shortcut]:after, .showHelp .membersList .meta .filter .buttons a[data-shortcut]:after { opacity: 1; } .membersList .meta .filter .buttons span:last-child, .membersList .meta .filter .buttons a:last-child { border-right: none; } .membersList .meta .filter .buttons span:before, .membersList .meta .filter .buttons a:before { color: #565656; display: block; padding: 0.5rem; font-size: 1.75rem; } .membersList .meta .filter .buttons span:hover:before, .membersList .meta .filter .buttons a:hover:before { background-color: #fff; color: #777; } .membersList .meta .filter .buttons .add:hover:before, { background-color: #E1E9E1; border-color: #9CCA9C; color: #008100; } .membersList .meta .filter .buttons .download:hover:before { background-color: #E9E4E1; border-color: #CABA9C; color: #E28E00; } .membersList .meta .filter .buttons span:hover:before { background-color: #E3E8EF; border-color: #A5C9F5; color: #2C8BFF; } .membersList .meta .filter .buttons span.active:before { background-color: #E3E8EF; border-color: #A5C9F5; color: #2C8BFF; } #membersSelector .members { overflow-x: auto; max-height: calc( 100vh - 5rem - 3.5rem ); position: relative; } @media screen and ( min-width: 1024px ) { #membersSelector .members { max-height: calc( 100vh - 8rem - 4rem ); } } @media screen and ( min-width: 1200px ) { #membersSelector .members { max-height: calc( 100vh - 10rem - 5rem ); max-height: calc( 100vh - 10rem - 4rem ); } } #membersSelector .members .memberLetter { background-color: #00893B; color: #ffffff; font-weight: bold; padding: 1rem; } .membersList .members .member { color: #545454; text-decoration: none; padding: 0.5rem; border-bottom: 1px solid #ccc; display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; position: relative; transition: background-color 0.2s linear; } .membersList .members .member:hover { background-color: rgba( 255, 255, 255, 0.6 ); } .membersList .members .member.active { background-color: rgba( 255, 255, 255, 0.8 ); background-color: #464646; color: #ffffff; } .membersList .members #letterSelector { position: sticky; top: 0; left: 0; right: 0; padding: 1rem; background-color: rgba( 200, 200, 200, 0.8 ); z-index: 2; } .membersList .members #letterSelector select { margin: 0; } #membersSelector .members .member .name { font-weight: bold; display: block; margin-bottom: 0.5rem; margin-right: 5.25rem; font-size: 0.7rem; } #membersSelector .members .member .indicatorIcons { display: none; display: block; margin-top: 0.2rem; font-size: 1px; text-align: center; }/* #membersSelector .members .member:hover .indicatorIcons { display: block; } */ #membersSelector .members .member .indicatorIcon { display: inline-block; margin-right: 0.1rem; color: rgba( 000, 025, 000, 0.4 ); background-color: rgba( 000, 000, 000, 0.03 ); font-size: 0.9rem; width: 1.5rem; height: 1.4rem; line-height: 1.5rem; overflow: hidden; text-align: center; transition: background-color 0.2s 0.4s ease-in-out, color 0.2s 0.4s ease-in-out; border-radius: 0.1rem; } #membersSelector .members .member .indicatorIcons:after { content: "!"; display: table; clear: both; } #membersSelector .members .member .indicatorIcon.membershipType, #membersSelector .members .member .indicatorIcon.age { float: left; } #membersSelector .members .member .indicatorIcon.membershipType { float: left; } #membersSelector .members .member .indicatorIcon.membershipStatus, #membersSelector .members .member .indicatorIcon.sex { float: right; } #membersSelector .members .member:hover .indicatorIcon, #membersSelector .members .member.active .indicatorIcon { background-color: #464646; color: #ffffff; } #membersSelector .members .member .indicatorIcon.wide { width: auto; padding-left: 0.4rem; padding-right: 0.4rem; display: block; width: 5rem; overflow: hidden; } #membersSelector .members .member .indicatorIcon.sex.male { line-height: 1.6rem; } #membersSelector .members .member:hover .indicatorIcon.sex.male, #membersSelector .members .member.active .indicatorIcon.sex.male { background-color: #0090F3; } #membersSelector .members .member:hover .indicatorIcon.sex.female, #membersSelector .members .member.active .indicatorIcon.sex.female { background-color: #FC3855; } #membersSelector .members .member:hover .indicatorIcon.membershipStatus.current, #membersSelector .members .member.active .indicatorIcon.membershipStatus.current { background-color: #3EA43C; } #membersSelector .members .member:hover .indicatorIcon.membershipStatus.expiring, #membersSelector .members .member.active .indicatorIcon.membershipStatus.expiring { background-color: #FDBE20; color: #704B00; } #membersSelector .members .member:hover .indicatorIcon.membershipStatus.lapsed, #membersSelector .members .member.active .indicatorIcon.membershipStatus.lapsed { background-color: #FF4239; } #membersSelector .members .member .indicatorIcon.age, #membersSelector .members .member .indicatorIcon.membershipType { font-family: monospace; font-weight: bold; font-size: 0.7rem; } #membersSelector .members .member.active .indicatorIcon.age, #membersSelector .members .member.active .indicatorIcon.membershipType { background-color: #666; color: #ffffff; } #membersSelector .members .member:hover .indicatorIcon.membershipAccess, #membersSelector .members .member.active .indicatorIcon.membershipAccess { background-color: #FDBE20; color: #704B00; } #membersSelector .members .member:hover .indicatorIcon.membershipPaymentType.icon-cash, #membersSelector .members .member.active .indicatorIcon.membershipPaymentType.icon-cash { background-color: #008938; } #membersSelector .members .member:hover .indicatorIcon.membershipPaymentType.icon-credit-card, #membersSelector .members .member.active .indicatorIcon.membershipPaymentType.icon-credit-card { background-color: #804CC0; } #membersSelector .members .member:hover .indicatorIcon.membershipTypeIcon, #membersSelector .members .member.active .indicatorIcon.membershipTypeIcon { background-color: #00883c; } #membersSelector .members .member:hover .indicatorIcon.associated, #membersSelector .members .member.active .indicatorIcon.associated { background-color: #FDBE20; } #membersSelector .members .member:hover .indicatorIcon.associated.unlinked, #membersSelector .members .member.active .indicatorIcon.associated.unlinked { background-color: #FF4239; } #membersSelector .members .member .membershipID { color: #637E6E; font-weight: bold; font-family: monospace; font-size: 0.9em; position: absolute; top: 0.75rem; right: 0.5rem; } #membersSelector .members .member.active .membershipID { color: #ffffff; } #membersSelector .members .member .membershipID:before { content: "#"; } #membersSelector #helpBar { position: absolute; bottom: 0; left: 0; right: 0; background-color: #E5E6E5; border-top: 4px solid #CBCCCB; height: 3.5rem; line-height: 3.5rem; padding-left: 1rem; color: #969696; z-index: 10; font-size: 1.5rem; transition: color 0.2s ease-in-out; } #membersSelector #helpBar #iconGuide { cursor: pointer; } #membersSelector #helpBar #iconGuide span { opacity: 0; font-size: 1.1rem; text-transform: uppercase; position: relative; top: -0.2rem; transition: opacity 0.05s ease-in-out; } #membersSelector #helpBar #iconGuide:before { opacity: 1; } #membersSelector #helpBar #iconGuide:hover { color: #2287FF; } #membersSelector #helpBar #iconGuide:hover span { opacity: 1; } #membersSelector .statusToggle { margin-right: 0; position: absolute; top: 0; right: 0; } #membersSelector .membershipTypeToggle { margin-right: 0; position: absolute; top: 0; left: 0; } #membersSelector .statusToggle label, #membersSelector .membershipTypeToggle label { display: block; margin: 0; padding: 0; width: 2rem; height: 1.95rem; text-align: center; line-height: 2.2rem; font-size: 1rem; float: left; color: #aaa; cursor: pointer; } #membersSelector .statusToggle label { border-left: 1px solid #d2d2d2; } #membersSelector .membershipTypeToggle label { border-right: 1px solid #d2d2d2; } #membersSelector .statusToggle label.activeMembers.active { background-color: #CFE9B3; color: #3EA43C; } #membersSelector .statusToggle label.expiringMembers.active { background-color: #FEEAAF; color: #FDBE20; } #membersSelector .statusToggle label.lapsedMembers.active { background-color: #F0CBC5; color: #FF4239; } #membersSelector .statusToggle label:after, #membersSelector .membershipTypeToggle label:after { display: none; } #membersSelector .statusToggle input, #membersSelector .membershipTypeToggle input { display: none; } #membersSelector .membershipTypeToggle label.active { background-color: #606060; color: #fff; } .membersList #helpBar .filterActions { float: right; margin-right: 0.5rem; } .membersList #helpBar .filterActions span, .membersList #helpBar .filterActions a { text-decoration: none; color: #464646 !important; font-size: 1.3rem; cursor: pointer; margin-left: 0.4rem; top: -0.2rem; position: relative; } .membersList #helpBar .filterActions a:hover { color: #FF4239 !important; } .membersList #helpBar .filterActions span:hover { color: #2287FF !important; } .membersList #helpBar .filterActions span.add:hover, .membersList #helpBar .filterActions a.add:hover { color: #008100 !important; } .membersList #helpBar .filterActions span.delete, .membersList #helpBar .filterActions a.delete { } .overlay { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba( 255, 255, 255, 0.6 ); background-color: rgba( 000, 000, 000, 0.2 ); z-index: 11; } .popover { position: fixed; top: 10vh; left: 40%; background-color: #fff; width: 20%; min-width: 400px; margin: auto; z-index: 12; border-radius: 0.4rem; border: 0.4rem solid #00893B; } .popover.noPad, .popover.noPad .innerWrapper { padding: 0 !important; } .popover.wide { width: 30%; left: 35%; min-width: 600px; } @media screen and ( max-width: 1715px ) { .popover.wide { left: calc( ( 10% - 600px ) / 2 ); min-width: 600px; } } @media screen and (max-width: 2000px ) { .popover { left: calc( ( 100vw - 400px ) / 2 ); } .popover.wide { left: calc( ( 100vw - 750px ) / 2 ); } } .popover h2.title { background-color: #00893B; margin: 0; margin-bottom: 0 !important; padding: 2rem; padding-top: 1rem; padding-bottom: 1rem; color: #ffffff !important; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.3rem; } .popover.noPad h2.title { margin: 0; margin-bottom: 0 !important; } .popover.noPad .logTable { margin: 0; } .popover .innerWrapper { max-height: calc( 80vh - 6rem ); overflow-y: auto; padding: 1rem; padding-bottom: 2rem !important; } .popover .closeButton { position: absolute; top: -0.4rem; right: -1.2rem; cursor: pointer; } .popover .closeButton:before { border: 0.4rem solid #00893B; background-color: #ffffff; padding: 0.5rem; border-radius: 10rem; width: 2rem; height: 2rem; font-size: 0.8rem; text-align: center; line-height: 1.2rem; transition: color 0.1s linear; } .popover .closeButton:hover:before { color: #FF3F2F; } .helpText { margin-top: 1rem; color: #565656; font-weight: normal; font-size: 0.9em; line-height: 1.5em; margin-bottom: 1rem; } .popover ul { margin-top: 0.0rem; color: #565656; font-weight: normal; margin-bottom: 1rem; font-size: 0.9em; } .popover .helpText + ul { margin-top: -0.5rem; } .popover ul li { padding-left: 1.25rem !important; margin: 0; position: relative; margin-bottom: 0.5rem; } .popover ul li:before { content: "\2022"; display: inline-block; position: absolute; left: 0.5rem; } .popover .innerWrapper > .helpText { margin-top: 0; } .page-membership-types .popover, .page-membership-types .popover .closeButton:before, .popover.membershipType, .popover.MembershipTypes, .popover.types, .closeButton.membershipType::before, .closeButton.types::before { border-color: #3460B1; } .page-membership-types .popover h2.title, .page-membership-types .popover .button, .page-membership-types input[type=submit], .popover.membershipType h2.title, .popover.membershipType .button, .popover.MembershipTypes h2.title, .popover.MembershipTypes .button, .popover.types h2.title, .popover.types .button { background-color: #3460B1; } .popover.courtBooking, .popover.courts .closeButton.courts::before { border-color: #DD453F; } .popover.courtBooking h2.title, popover.courtBooking .button, .popover.courts h2.title, .popover.courts .button { background-color: #DD453F; } .page-renewals .popover, .page-renewals .popover .closeButton:before, .page-finance .popover, .page-finance .popover .closeButton:before, .popover.payment, .popover.payments, .closeButton.payments::before { border-color: #67399C; } .page-finance .popover h2.title, .page-finance .popover .button, .page-finance .popover input[type=submit], .page-renewals .popover h2.title, .page-renewals .popover .button, .page-renewals .popover input[type=submit], .popover.payment h2.title, .popover.payment .button, .popover.payments h2.title, .popover.payments .button { background-color: #67399C; } .popover.misc, .popover.config, .closeButton.misc::before, .closeButton.config::before { border-color: #555655; } .popover.misc h2.title, .popover.misc .button, .popover.config h2.title, .popover.config .button { background-color: #555655; } #BookingDetailsPopover.popover.admin { border-color: #016E9D; } #BookingDetailsPopover.popover.admin h2.title, #BookingDetailsPopover.popover.admin .button { background-color: #016E9D; } #BookingDetailsPopover.popover.admin a { color: #016E9D; } #BookingDetailsPopover.popover.maintenance { border-color: #464646; } #BookingDetailsPopover.popover.maintenance h2.title, #BookingDetailsPopover.popover.maintenance .button { background-color: #464646; } #BookingDetailsPopover.popover.maintenance a { color: #464646; } #BookingDetailsPopover.popover.blockBooking { border-color: #612F99; } #BookingDetailsPopover.popover.blockBooking h2.title, #BookingDetailsPopover.popover.blockBooking .button { background-color: #612F99; } #BookingDetailsPopover.popover.blockBooking a { color: #612F99; } #BookingDetailsPopover.popover.closure { border-color: #A24844; } #BookingDetailsPopover.popover.closure h2.title, #BookingDetailsPopover.popover.closure .button { background-color: #A24844; } #BookingDetailsPopover.popover.closure a { color: #A24844; } .popover #filterForm input, .popover #filterForm select { width: calc( 100% - 10rem ); margin-right: 0.5rem; } .popover #filterForm .removeField { display: inline-block; } .popover #filterForm .removeField:after { width: 1rem; overflow: auto; font-family: mercury-icons; content: "\ed6c"; display: inline-block; height: 1.0rem; color: #ddd; cursor: pointer; } .popover #filterForm .removeField:hover:after { color: #FD4541; transition: color 0.3s linear; } .popover #filterForm .matchingType { width: 8rem; margin-right: 0.5rem; } .popover #filterForm .dateRange .matchingType, .popover #filterForm .singleDate .matchingType { width: 10rem; } .popover #filterForm .dateRange input { width: calc( ( 100% - 7rem - 3rem - 5rem ) / 2 ); } .popover #filterForm .singleDate input { width: calc( ( 100% - 7rem - 5rem ) ); } .popover #filterForm .dateRange span.separator { width: 2rem; margin-right: 0.5rem; display: inline-block; text-align: center; } .popover #filterForm .noField .matchingType { width: calc( 100% - 2rem ); } .logTable { display: table; width: 100%; background-color: #F8F9F8; box-shadow: inset 0 0 0 0.2rem rgba( 000, 000, 000, 0.2 ); border-radius: 0.4rem; overflow: hidden; margin-bottom: 3rem; margin-top: 1rem; table-layout: fixed; } .logTable .row { display: table-row; } .logTable .row:hover .cell { background-color: rgba( 255, 255, 255, 0.4 ); } .logTable .row:hover .cell { box-shadow: inset 0 0.2rem 0 0.0rem #fff, inset 0 -0.2rem 0 0.0rem #fff; } .logTable .row:hover .cell:first-child { box-shadow: inset 0.2rem 0rem 0 0.0rem rgba( 000, 000, 000, 0.6 ), inset 0.4rem 0rem 0 0.0rem #fff, inset 0 0.2rem 0 0.0rem #fff, inset 0 -0.2rem 0 0.0rem #fff; } .logTable .row:hover .cell:last-child { box-shadow: inset -0.2rem 0rem 0 0.0rem rgba( 000, 000, 000, 0.6 ), inset -0.4rem 0rem 0 0.0rem #fff, inset 0 0.2rem 0 0.0rem #fff, inset 0 -0.2rem 0 0.0rem #fff; } .logTable .row.header .cell, .popover .logTable .row .cell { box-shadow: none !important; } .logTable .cell { display: table-cell; padding: 1rem; padding-bottom: 0.7rem; border-bottom: 2px solid rgba( 000, 000, 000, 0.05 ); line-height: 1.5em; } .logTable .row .cell:first-child { font-weight: bold; width: 250px; } .logTable .row .cell:last-child { text-align: right } .logTable .row.header .cell { background-color: #464646; color: #fff; font-weight: bold; } .logTable .item.details { display: table-row; } .logTable .row a { text-decoration: none; color: #464646; cursor: pointer; } .logTable .row a.button { color: #ffffff; } .logTable .row a:before { background-color: #464646; margin-right: 0.5rem; color: #fff; padding: 0.25rem; border-radius: 0.25rem; font-size: 0.8em; } .logTable .row a:hover { color: #00883a; } .logTable .row a.button { color: #ffffff; } .logTable .row a:hover:before { background-color: #00883a; } .logTable .row .cell.alignLeft { text-align: left; } .popover .logTable { border: none; box-shadow: none; border-top-left-radius: 0; border-top-right-radius: 0; } #transactionDetails { display: none; } .trigger { cursor: pointer; } [class^="icon-membershipType-"]:before, [class^="icon-types-"]:before { color: #457CDB; margin-right: 0.25rem; } [class^="icon-member-"]:before, [class^="icon-members-"]:before { color: #008938; margin-right: 0.25rem; } [class^="icon-courtBooking-"]:before, [class^="icon-courts-"]:before { color: #DB4744; margin-right: 0.25rem; } [class^="icon-payment-"]:before, [class^="icon-payments-"]:before { color: #804CC0; margin-right: 0.25rem; } .icon-membershipType-add:before, .icon-types-add:before { content: "\e9d5"; } .icon-membershipType-edit:before, .icon-types-edit:before { content: "\e9d0"; } .icon-membershipType-export:before, .icon-types-export:before { content: "\ea87"; } .icon-member-add:before, .icon-members-add:before { content: "\eaf9"; } .icon-member-edit:before, .icon-members-edit:before { content: "\eaf7"; } .icon-member-export:before, .icon-members-export:before { content: "\ea87"; } .icon-member-payment:before, .icon-members-payment:before { content: "\ea12"; } .icon-member-email:before, .icon-members-email:before { content: "\ea32"; } .icon-courtBooking-add:before, .icon-courts-add:before { content: "\ea54"; } .icon-courtBooking-edit:before, .icon-courts-edit:before { content: "\ea60"; } .icon-courtBooking-export:before, .icon-courts-export:before { content: "\ea87"; } .icon-payment-add:before, .icon-payments-add:before { content: "\ea12"; } .icon-payment-edit:before, .icon-payments-edit:before { content: "\ea15"; } .icon-payment-export:before, .icon-payments-export:before { content: "\ea87"; } .calendar { display: table; width: 100%; background-color: #F8F9F8; box-shadow: 0 0 0 0.2rem rgba( 000, 000, 000, 0.5 ); border-radius: 0.2rem; overflow: hidden; margin-bottom: 3rem; margin-top: 1rem; table-layout: fixed; position: relative; } .calendar.headless { box-shadow: none; table-layout: auto; margin: 0 !important; } .calendar .row { height: 2.5rem; } .calendar .cell { padding: 0.5rem !important; border-right: 1px solid rgba( 000, 000, 000, 0.2 ); border-color: rgba( 000, 000, 000, 0.2 ) !important; } .calendar .cell:first-child { border-right-style: solid; border-right-width: 2px; background-color: rgba( 000, 000, 000, 0.05 ); width: 4rem !important; text-align: center; line-height: 2rem; font-weight: bold; } .calendar.headless .cell:first-child { font-weight: normal; font-size: 0.9rem; } .calendar .header .cell { background-color: #DF514D; color: #782725; padding: 1rem !important; border-right: 1px solid rgba( 000, 000, 000, 0.2 ); text-align: center; } .calendar.headless, .calendar.headless .cell, .calendar.headless .header .cell { background-color: transparent; border-left: none; border-right: none; border-color: rgba( 000, 000, 000, 0.05 ) !important; } .calendar .header .cell:first-child { text-align: left; border-right-width: 2px; } .calendar .cell:last-child, .calendar .header .cell:last-child { border-right: none; } .calendar .cell.bookable { padding: 0 !important; } .calendar .cell.bookable a { display: block; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; line-height: 2.6rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: rgba( 000, 000, 000, 0.4 ); } .calendar .cell.bookable a span { display: none; } .calendar .cell.bookable:hover { background-color: rgba( 000, 255, 000, 0.1 ); cursor: pointer; } .calendar .cell.bookable:hover a span { display: inline; } .calendar .cell { padding: 0.2rem !important; position: relative; padding: 0.5rem; } .calendar .cell .booking { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; font-size: 0.7rem; font-weight: bold; text-transform: uppercase; position: absolute; top: 0; left: 0; height: calc( 100% ); width: calc( 100% ); z-index: 1; overflow: hidden; } .calendar .cell .booking span { left: 0.75rem; position: relative; top: 0.85rem; width: calc( 100% - 1.5rem ); display: block; line-height: 1.3em; } .calendar .cell .booking.span1 span { top: 0.85rem; line-height: 1.3em; overflow: hidden; max-height: 1rem; } .calendar .cell.member .booking { background: repeating-linear-gradient( -45deg, #E2F1E9, #E2F1E9 5px, #F8F9F8 5px, #F8F9F8 10px ); box-shadow: inset 0 0 0 4px #F8F9F8, inset 0 0 0 6px #009344; } .calendar .cell.admin .booking { background: repeating-linear-gradient( -45deg, #E2EBF1, #E2EBF1 5px, #F8F8F9 5px, #F8F8F9 10px ); box-shadow: inset 0 0 0 4px #F8F8F9, inset 0 0 0 6px #006393; } .calendar .cell.closure .booking { background: repeating-linear-gradient( -45deg, #F7F2F1, #F7F2F1 5px, #F8F9F8 5px, #F8F9F8 10px ); box-shadow: inset 0 0 0 4px #F8F9F8, inset 0 0 0 6px rgba(227, 92, 87, 1 ); } .calendar .cell.maintenance .booking { background: repeating-linear-gradient( -45deg, #EAEBEA, #EAEBEA 5px, #F8F9F8 5px, #F8F9F8 10px ); box-shadow: inset 0 0 0 4px #F8F9F8, inset 0 0 0 6px #868686; } .calendar .cell.blockBooking .booking { background: repeating-linear-gradient( -45deg, #EFEBF4, #EFEBF4 5px, #F8F9F8 5px, #F8F9F8 10px ); box-shadow: inset 0 0 0 4px #F8F9F8, inset 0 0 0 6px #8B5BC5; } .calendar .cell .booking:hover { background: #F8F9F8; cursor: pointer; } .calendar .cell .booking.span2 { height: calc( 2 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span3 { height: calc( 3 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span4 { height: calc( 4 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span5 { height: calc( 5 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span6 { height: calc( 6 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span7 { height: calc( 7 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span8 { height: calc( 8 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span9 { height: calc( 9 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span10 { height: calc( 10 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span11 { height: calc( 11 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span12 { height: calc( 12 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span13 { height: calc( 13 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span14 { height: calc( 14 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span15 { height: calc( 15 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span16 { height: calc( 16 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span17 { height: calc( 17 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span18 { height: calc( 18 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span19 { height: calc( 19 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span20 { height: calc( 20 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span21 { height: calc( 21 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span22 { height: calc( 22 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span23 { height: calc( 23 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span24 { height: calc( 24 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span25 { height: calc( 25 * ( 100% + 2px ) - 2px ); } .calendar .cell .booking.span26 { height: calc( 26 * ( 100% + 2px ) - 2px ); } .calendar .timeLine { position: absolute; left: 0; right: 0; top: 1rem; height: 2px; background-color: rgba( 255, 000, 000, 0.3 ); display: block; z-index: 2; } #icon-template #contents { padding: 0 !important; margin: 0; } .iconHolder { width: 12.5%; float: left; text-align: center; border: 1px solid #ccc; padding: 1rem; font-weight: bold; font-size: 16px; } .iconHolder [class^="icon-"] { display: block; width: 100%; font-size: 7vw; margin-top: 1rem; color: #008740; } .clearing { clear: both; margin-top: 8rem; } #members #contents, #add-member #contents, #membership-types #contents, #add-membership-type #contents { margin-bottom: 0; padding: 0; min-height: auto; } #membership-types #memberDetails #memberHeader, #add-membership-type #memberDetails #memberHeader { border-bottom-color: #457CDB; } #membership-types #memberDetails h1 span, #add-membership-type #memberDetails h1 span, #membership-types #memberDetails .blockLinks li.active, #membership-types #memberDetails .blockLinks li.active span:before, #add-membership-type #memberDetails .blockLinks li.active, #add-membership-type #memberDetails .blockLinks li.active span:before { color: #457CDB !important; } #membership-types .button, #add-membership-type .button, .button.membershipTypes { background-color: #457CDB; } #membership-types .button:hover, #add-membership-type .button:hover, .button.membershipTypes:hover { background-color: #3C6BBE; } #membership-types .membersList, #add-membership-type .membersList { background-color: #E1E5F1 !important; } .page-membership-types, .page-add-membership-type { background-color: #E1E7E9; } .page-court-calendar h1 span, .page-court-calendar .blockLinks li.active, .page-court-calendar .blockLinks li.active span:before { color: #DD453F !important; } .page-court-calendar .button, .page-court-calendar input[type=submit], .page-book-court .button, .page-book-court input[type=submit], .button.courts { background-color: #DD453F; } .page-court-calendar .button:hover, .page-court-calendar input[type=submit]:hover, .page-book-court .button:hover, .page-book-court input[type=submit]:hover, .button.courts:hover { background-color: #CA3933; } .page-court-calendar, .page-book-court { background-color: #EBE5E3; } .page-finance h1 span, .page-finance .blockLinks li.active, .page-finance .blockLinks li.active span:before, .page-renewals h1 span, .page-renewals .blockLinks li.active, .page-renewals .blockLinks li.active span:before { color: #8047C2 !important; } .page-finance .button, .page-renewals .button, .button.finance { background-color: #8047C2; } .page-finance .button:hover, .page-renewals .button:hover, .button.finance:hover { background-color: #6B3BA2; } .page-finance, .page-renewals { background-color: #E2E0E9; } #config .button, .page-config .button, .page-config input[type=submit], .button.config { background-color: #565656; } #config .button:hover, .page-config .button:hover, .page-config input[type=submit]:hover, .button.config:hover { background-color: #383838; } #reports .button { background-color: #565656; } #reports .button:hover { background-color: #383838; } table.withBorder { border: 1px solid rgba( 000, 000, 000, 0.5 ) !important; } table.withBorder th, table.withBorder td { border: 1px solid rgba( 000, 000, 000, 0.5 ) !important; } .blockLinks li span.tab.error:after { content: "\ed52"; font-family: "mercury-icons"; position: absolute; top: 0.75vw; right: 0.75vw; font-size: 1.5vw; color: red; } @media screen and ( max-width: 1200px ) { .blockLinks li span.tab.error:after { top: 1.5vw; right: 1.5vw; font-size: 2.5vw; } } @font-face { font-family: 'mercury-icons'; src: url('../assets/fonts/mercury-icons/mercury-icons.eot?h56wvc'); src: url('../assets/fonts/mercury-icons/mercury-icons.eot?h56wvc#iefix') format('embedded-opentype'), url('../assets/fonts/mercury-icons/mercury-icons.ttf?h56wvc') format('truetype'), url('../assets/fonts/mercury-icons/mercury-icons.woff?h56wvc') format('woff'), url('../assets/fonts/mercury-icons/mercury-icons.svg?h56wvc#mercury-icons') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'westernTennis'; src: url('../assets/fonts/westerntennis-icons/westerntennis-icons.eot?v60rbs'); src: url('../assets/fonts/westerntennis-icons/westerntennis-icons.eot?v60rbs#iefix') format('embedded-opentype'), url('../assets/fonts/westerntennis-icons/westerntennis-icons.ttf?v60rbs') format('truetype'), url('../assets/fonts/westerntennis-icons/westerntennis-icons.woff?v60rbs') format('woff'), url('../assets/fonts/westerntennis-icons/westerntennis-icons.svg?v60rbs#westernTennis') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icofont'; src: url('../assets/fonts/icofont/icofont.eot?v=1.0.0-beta'); src: url('../assets/fonts/icofont/icofont.eot?v=1.0.0-beta#iefix') format('embedded-opentype'), url('../assets/fonts/icofont/icofont.ttf?v=1.0.0-beta') format('truetype'), url('../assets/fonts/icofont/icofont.woff?v=1.0.0-beta') format('woff'), url('../assets/fonts/icofont/icofont.svg?v=1.0.0-beta#icofont') format('svg'); font-weight: normal; font-style: normal; } .form-container label { display: block; text-align: center; font-weight: bold; color: white; margin-bottom: 10px; font-size: 20px; } .form-container { background-color: green; width: 750px; margin: auto; padding: 20px; border-radius: 10px; line-height: 0px; } .form-container input[type="date"], .form-container input[type="time"], .form-container input[type="text"], .form-container select { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 5px; border: none; } .form-container input[type="submit"] { background-color: white; color: green; padding: 10px; border-radius: 5px; border: none; font-weight: bold; } input[type=checkbox] { width: 16px !important; height: 16px; text-align: left; border: none; padding: 0; margin-bottom: 15px; border-radius: 0; background-color: transparent; box-shadow: none; display: inline!important; margin-left: 20px; margin-top: 20px; } .my-label { font-size: 16px; font-weight: bold; color: greenyellow!important; text-align: center; display: inline-block; width: 49%; } .court-selector { display: flex; flex-wrap: wrap; width: 50%; margin: 0 auto; } .output-repeat-table { overflow-y: scroll; display: grid; justify-content: center; align-items: center; max-height: 800px; background-color: #e6ffe6; padding-top:20px; padding-bottom:20px; } .output-repeat-table thead { font-size: 25px; font-weight: 700; } .output-repeat-table th, .output-repeat-table td { border: 1px solid black; padding: 10px; } .output-repeat-table th { font-size: 25px; font-weight: 700; } .output-repeat-table td { padding-right: 20px; } .output-repeat-table tbody { font-size: 25px; font-weight: 700; } .rounded { border-radius: 9999px; } .bg-green-500 { background-color: #34D399; height: 45px; width: inherit; color: white; font-weight: 800; font-size: 23px; } .bg-yellow-500 { background-color: #FBBF24; } #time_range { text-align: center; color: white; font-size: 20px; }