@font-face {
  font-family: IcoMoon;
  src: url(fonts/IcoMoon.eot);
  src: url(fonts/IcoMoon.eot?#iefix) format("embedded-opentype"),
    url(fonts/IcoMoon.woff) format("woff"),
    url(fonts/IcoMoon.ttf) format("truetype"),
    url(fonts/IcoMoon.svg#IcoMoon) format("svg");
  font-weight: 400;
  font-style: normal;
}
[data-icon]:before {
  font-family: IcoMoon;
  content: attr(data-icon);
  speak: none;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-home,
.icon-home-2,
.icon-home-3,
.icon-office,
.icon-newspaper,
.icon-pencil,
.icon-pencil-2,
.icon-quill,
.icon-pen,
.icon-blog,
.icon-droplet,
.icon-paint-format,
.icon-image,
.icon-image-2,
.icon-images,
.icon-camera,
.icon-music,
.icon-headphones,
.icon-play,
.icon-film,
.icon-camera-2,
.icon-dice,
.icon-pacman,
.icon-spades,
.icon-clubs,
.icon-pawn,
.icon-bullhorn,
.icon-connection,
.icon-podcast,
.icon-feed,
.icon-book,
.icon-books,
.icon-library,
.icon-file,
.icon-profile,
.icon-file-2,
.icon-file-3,
.icon-file-4,
.icon-copy,
.icon-copy-2,
.icon-copy-3,
.icon-paste,
.icon-paste-2,
.icon-paste-3,
.icon-stack,
.icon-folder,
.icon-folder-open,
.icon-tag,
.icon-tags,
.icon-barcode,
.icon-ticket,
.icon-cart,
.icon-cart-2,
.icon-cart-3,
.icon-coin,
.icon-credit,
.icon-calculate,
.icon-support,
.icon-phone,
.icon-phone-hang-up,
.icon-address-book,
.icon-notebook,
.icon-envelop,
.icon-pushpin,
.icon-location,
.icon-location-2,
.icon-compass,
.icon-map,
.icon-map-2,
.icon-history,
.icon-clock,
.icon-clock-2,
.icon-alarm,
.icon-alarm-2,
.icon-bell,
.icon-calendar,
.icon-calendar-2,
.icon-print,
.icon-keyboard,
.icon-screen,
.icon-laptop,
.icon-mobile,
.icon-mobile-2,
.icon-tablet,
.icon-tv,
.icon-cabinet,
.icon-drawer,
.icon-drawer-2,
.icon-drawer-3,
.icon-box-add,
.icon-box-remove,
.icon-download,
.icon-upload,
.icon-disk,
.icon-storage,
.icon-undo,
.icon-redo,
.icon-flip,
.icon-flip-2,
.icon-undo-2,
.icon-forward,
.icon-reply,
.icon-bubble,
.icon-bubbles,
.icon-bubbles-2,
.icon-bubble-2,
.icon-bubbles-3,
.icon-bubbles-4,
.icon-user,
.icon-users,
.icon-user-2,
.icon-users-2,
.icon-user-3,
.icon-user-4,
.icon-quotes-left,
.icon-busy,
.icon-spinner,
.icon-spinner-2,
.icon-spinner-3,
.icon-spinner-4,
.icon-spinner-5,
.icon-spinner-6,
.icon-binoculars,
.icon-search,
.icon-zoom-in,
.icon-expand,
.icon-contract,
.icon-expand-2,
.icon-contract-2,
.icon-key,
.icon-key-2,
.icon-lock,
.icon-lock-2,
.icon-unlocked,
.icon-wrench,
.icon-settings,
.icon-equalizer,
.icon-cog,
.icon-cogs,
.icon-cog-2,
.icon-hammer,
.icon-wand,
.icon-aid,
.icon-bug,
.icon-pie,
.icon-stats,
.icon-bars,
.icon-bars-2,
.icon-gift,
.icon-trophy,
.icon-mug,
.icon-food,
.icon-leaf,
.icon-rocket,
.icon-meter,
.icon-meter2,
.icon-dashboard,
.icon-hammer-2,
.icon-fire,
.icon-lab,
.icon-magnet,
.icon-remove,
.icon-remove-2,
.icon-briefcase,
.icon-airplane,
.icon-truck,
.icon-road,
.icon-accessibility,
.icon-target,
.icon-shield,
.icon-lightning,
.icon-switch,
.icon-power-cord,
.icon-signup,
.icon-list,
.icon-numbered-list,
.icon-menu,
.icon-menu-2,
.icon-tree,
.icon-cloud,
.icon-cloud-download,
.icon-cloud-upload,
.icon-download-2,
.icon-upload-2,
.icon-download-3,
.icon-upload-3,
.icon-globe,
.icon-earth,
.icon-link,
.icon-flag,
.icon-attachment,
.icon-eye,
.icon-eye-blocked,
.icon-eye-2,
.icon-bookmark,
.icon-bookmarks,
.icon-brightness-medium,
.icon-brightness-contrast,
.icon-contrast,
.icon-star,
.icon-diamonds,
.icon-qrcode,
.icon-stopwatch,
.icon-redo-2,
.icon-zoom-out,
.icon-glass,
.icon-list-2,
.icon-star-2,
.icon-shocked,
.icon-enter,
.icon-loop,
.icon-star-3,
.icon-heart,
.icon-heart-2,
.icon-heart-broken,
.icon-thumbs-up,
.icon-thumbs-up-2,
.icon-happy,
.icon-happy-2,
.icon-smiley,
.icon-confused,
.icon-confused-2,
.icon-neutral,
.icon-neutral-2,
.icon-wondering,
.icon-wondering-2,
.icon-point-up,
.icon-point-right,
.icon-point-down,
.icon-exit,
.icon-play-2,
.icon-pause,
.icon-stop,
.icon-backward,
.icon-forward-2,
.icon-play-3,
.icon-pause-2,
.icon-stop-2,
.icon-shuffle,
.icon-arrow-up-left,
.icon-arrow-up,
.icon-arrow-up-right,
.icon-arrow-right,
.icon-arrow-down-right,
.icon-arrow-down,
.icon-arrow-down-left,
.icon-arrow-left,
.icon-checkbox-checked,
.icon-checkbox-unchecked,
.icon-checkbox-partial,
.icon-radio-checked,
.icon-radio-unchecked,
.icon-crop,
.icon-scissors,
.icon-filter,
.icon-filter-2,
.icon-paragraph-right,
.icon-paragraph-justify,
.icon-paragraph-left,
.icon-paragraph-center,
.icon-paragraph-right-2,
.icon-paragraph-justify-2,
.icon-indent-increase,
.icon-indent-decrease,
.icon-new-tab,
.icon-instagram,
.icon-twitter,
.icon-twitter-2,
.icon-twitter-3,
.icon-feed-2,
.icon-feed-3,
.icon-feed-4,
.icon-youtube,
.icon-youtube-2,
.icon-steam,
.icon-steam-2,
.icon-github,
.icon-github-2,
.icon-github-3,
.icon-github-4,
.icon-github-5,
.icon-wordpress,
.icon-wordpress-2,
.icon-lastfm,
.icon-lastfm-2,
.icon-delicious,
.icon-stumbleupon,
.icon-stumbleupon-2,
.icon-stackoverflow,
.icon-pinterest,
.icon-pinterest-2,
.icon-xing,
.icon-html5,
.icon-html5-2,
.icon-css3,
.icon-chrome,
.icon-firefox,
.icon-IE,
.icon-opera,
.icon-safari,
.icon-IcoMoon,
.icon-smiley-2,
.icon-tongue,
.icon-tongue-2,
.icon-sad,
.icon-sad-2,
.icon-wink,
.icon-wink-2,
.icon-grin,
.icon-grin-2,
.icon-cool,
.icon-cool-2,
.icon-angry,
.icon-angry-2,
.icon-evil,
.icon-evil-2,
.icon-shocked-2,
.icon-point-left,
.icon-warning,
.icon-notification,
.icon-question,
.icon-info,
.icon-info-2,
.icon-blocked,
.icon-cancel-circle,
.icon-checkmark-circle,
.icon-spam,
.icon-close,
.icon-checkmark,
.icon-checkmark-2,
.icon-spell-check,
.icon-minus,
.icon-plus,
.icon-backward-2,
.icon-forward-3,
.icon-first,
.icon-last,
.icon-previous,
.icon-next,
.icon-eject,
.icon-volume-high,
.icon-volume-medium,
.icon-volume-low,
.icon-volume-mute,
.icon-volume-mute-2,
.icon-volume-increase,
.icon-volume-decrease,
.icon-loop-2,
.icon-loop-3,
.icon-arrow-up-left-2,
.icon-arrow-up-2,
.icon-arrow-up-right-2,
.icon-arrow-right-2,
.icon-arrow-down-right-2,
.icon-arrow-down-2,
.icon-arrow-down-left-2,
.icon-arrow-left-2,
.icon-arrow-up-left-3,
.icon-arrow-up-3,
.icon-arrow-up-right-3,
.icon-arrow-right-3,
.icon-arrow-down-right-3,
.icon-arrow-down-3,
.icon-arrow-down-left-3,
.icon-arrow-left-3,
.icon-font,
.icon-text-height,
.icon-text-width,
.icon-bold,
.icon-underline,
.icon-italic,
.icon-strikethrough,
.icon-omega,
.icon-sigma,
.icon-table,
.icon-table-2,
.icon-insert-template,
.icon-pilcrow,
.icon-left-to-right,
.icon-right-to-left,
.icon-paragraph-left-2,
.icon-embed,
.icon-code,
.icon-console,
.icon-share,
.icon-mail,
.icon-mail-2,
.icon-mail-3,
.icon-mail-4,
.icon-google,
.icon-google-plus,
.icon-google-plus-2,
.icon-google-plus-3,
.icon-google-plus-4,
.icon-google-drive,
.icon-facebook,
.icon-facebook-2,
.icon-vimeo,
.icon-vimeo2,
.icon-vimeo-2,
.icon-lanyrd,
.icon-flickr,
.icon-flickr-2,
.icon-flickr-3,
.icon-flickr-4,
.icon-picassa,
.icon-picassa-2,
.icon-dribbble,
.icon-dribbble-2,
.icon-dribbble-3,
.icon-forrst,
.icon-forrst-2,
.icon-deviantart,
.icon-joomla,
.icon-blogger,
.icon-blogger-2,
.icon-tumblr,
.icon-tumblr-2,
.icon-yahoo,
.icon-tux,
.icon-apple,
.icon-finder,
.icon-android,
.icon-windows,
.icon-windows8,
.icon-soundcloud,
.icon-soundcloud-2,
.icon-skype,
.icon-reddit,
.icon-xing-2,
.icon-flattr,
.icon-foursquare,
.icon-foursquare-2,
.icon-paypal,
.icon-paypal-2,
.icon-paypal-3,
.icon-yelp,
.icon-libreoffice,
.icon-file-pdf,
.icon-file-openoffice,
.icon-file-word,
.icon-file-excel,
.icon-file-zip,
.icon-file-powerpoint,
.icon-file-xml,
.icon-tab,
.icon-paragraph-center-2,
.icon-facebook-3,
.icon-deviantart-2,
.icon-linkedin,
.icon-file-css {
  font-family: IcoMoon;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-home:before {
  content: "\e000";
}
.icon-home-2:before {
  content: "\e001";
}
.icon-home-3:before {
  content: "\e002";
}
.icon-office:before {
  content: "\e003";
}
.icon-newspaper:before {
  content: "\e004";
}
.icon-pencil:before {
  content: "\e005";
}
.icon-pencil-2:before {
  content: "\e006";
}
.icon-quill:before {
  content: "\e007";
}
.icon-pen:before {
  content: "\e008";
}
.icon-blog:before {
  content: "\e009";
}
.icon-droplet:before {
  content: "\e00a";
}
.icon-paint-format:before {
  content: "\e00b";
}
.icon-image:before {
  content: "\e00c";
}
.icon-image-2:before {
  content: "\e00d";
}
.icon-images:before {
  content: "\e00e";
}
.icon-camera:before {
  content: "\e00f";
}
.icon-music:before {
  content: "\e010";
}
.icon-headphones:before {
  content: "\e011";
}
.icon-play:before {
  content: "\e012";
}
.icon-film:before {
  content: "\e013";
}
.icon-camera-2:before {
  content: "\e014";
}
.icon-dice:before {
  content: "\e015";
}
.icon-pacman:before {
  content: "\e016";
}
.icon-spades:before {
  content: "\e017";
}
.icon-clubs:before {
  content: "\e018";
}
.icon-pawn:before {
  content: "\e019";
}
.icon-bullhorn:before {
  content: "\e01a";
}
.icon-connection:before {
  content: "\e01b";
}
.icon-podcast:before {
  content: "\e01c";
}
.icon-feed:before {
  content: "\e01d";
}
.icon-book:before {
  content: "\e01e";
}
.icon-books:before {
  content: "\e01f";
}
.icon-library:before {
  content: "\e020";
}
.icon-file:before {
  content: "\e021";
}
.icon-profile:before {
  content: "\e022";
}
.icon-file-2:before {
  content: "\e023";
}
.icon-file-3:before {
  content: "\e024";
}
.icon-file-4:before {
  content: "\e025";
}
.icon-copy:before {
  content: "\e026";
}
.icon-copy-2:before {
  content: "\e027";
}
.icon-copy-3:before {
  content: "\e028";
}
.icon-paste:before {
  content: "\e029";
}
.icon-paste-2:before {
  content: "\e02a";
}
.icon-paste-3:before {
  content: "\e02b";
}
.icon-stack:before {
  content: "\e02c";
}
.icon-folder:before {
  content: "\e02d";
}
.icon-folder-open:before {
  content: "\e02e";
}
.icon-tag:before {
  content: "\e02f";
}
.icon-tags:before {
  content: "\e030";
}
.icon-barcode:before {
  content: "\e031";
}
.icon-ticket:before {
  content: "\e032";
}
.icon-cart:before {
  content: "\e033";
}
.icon-cart-2:before {
  content: "\e034";
}
.icon-cart-3:before {
  content: "\e035";
}
.icon-coin:before {
  content: "\e036";
}
.icon-credit:before {
  content: "\e037";
}
.icon-calculate:before {
  content: "\e038";
}
.icon-support:before {
  content: "\e039";
}
.icon-phone:before {
  content: "\e03a";
}
.icon-phone-hang-up:before {
  content: "\e03b";
}
.icon-address-book:before {
  content: "\e03c";
}
.icon-notebook:before {
  content: "\e03d";
}
.icon-envelop:before {
  content: "\e03e";
}
.icon-pushpin:before {
  content: "\e03f";
}
.icon-location:before {
  content: "\e040";
}
.icon-location-2:before {
  content: "\e041";
}
.icon-compass:before {
  content: "\e042";
}
.icon-map:before {
  content: "\e043";
}
.icon-map-2:before {
  content: "\e044";
}
.icon-history:before {
  content: "\e045";
}
.icon-clock:before {
  content: "\e046";
}
.icon-clock-2:before {
  content: "\e047";
}
.icon-alarm:before {
  content: "\e048";
}
.icon-alarm-2:before {
  content: "\e049";
}
.icon-bell:before {
  content: "\e04a";
}
.icon-calendar:before {
  content: "\e04b";
}
.icon-calendar-2:before {
  content: "\e04c";
}
.icon-print:before {
  content: "\e04d";
}
.icon-keyboard:before {
  content: "\e04e";
}
.icon-screen:before {
  content: "\e04f";
}
.icon-laptop:before {
  content: "\e050";
}
.icon-mobile:before {
  content: "\e051";
}
.icon-mobile-2:before {
  content: "\e052";
}
.icon-tablet:before {
  content: "\e053";
}
.icon-tv:before {
  content: "\e054";
}
.icon-cabinet:before {
  content: "\e055";
}
.icon-drawer:before {
  content: "\e056";
}
.icon-drawer-2:before {
  content: "\e057";
}
.icon-drawer-3:before {
  content: "\e058";
}
.icon-box-add:before {
  content: "\e059";
}
.icon-box-remove:before {
  content: "\e05a";
}
.icon-download:before {
  content: "\e05b";
}
.icon-upload:before {
  content: "\e05c";
}
.icon-disk:before {
  content: "\e05d";
}
.icon-storage:before {
  content: "\e05e";
}
.icon-undo:before {
  content: "\e05f";
}
.icon-redo:before {
  content: "\e060";
}
.icon-flip:before {
  content: "\e061";
}
.icon-flip-2:before {
  content: "\e062";
}
.icon-undo-2:before {
  content: "\e063";
}
.icon-forward:before {
  content: "\e064";
}
.icon-reply:before {
  content: "\e065";
}
.icon-bubble:before {
  content: "\e066";
}
.icon-bubbles:before {
  content: "\e067";
}
.icon-bubbles-2:before {
  content: "\e068";
}
.icon-bubble-2:before {
  content: "\e069";
}
.icon-bubbles-3:before {
  content: "\e06a";
}
.icon-bubbles-4:before {
  content: "\e06b";
}
.icon-user:before {
  content: "\e06c";
}
.icon-users:before {
  content: "\e06d";
}
.icon-user-2:before {
  content: "\e06e";
}
.icon-users-2:before {
  content: "\e06f";
}
.icon-user-3:before {
  content: "\e070";
}
.icon-user-4:before {
  content: "\e071";
}
.icon-quotes-left:before {
  content: "\e072";
}
.icon-busy:before {
  content: "\e073";
}
.icon-spinner:before {
  content: "\e074";
}
.icon-spinner-2:before {
  content: "\e075";
}
.icon-spinner-3:before {
  content: "\e076";
}
.icon-spinner-4:before {
  content: "\e077";
}
.icon-spinner-5:before {
  content: "\e078";
}
.icon-spinner-6:before {
  content: "\e079";
}
.icon-binoculars:before {
  content: "\e07a";
}
.icon-search:before {
  content: "\e07b";
}
.icon-zoom-in:before {
  content: "\e07c";
}
.icon-expand:before {
  content: "\e07d";
}
.icon-contract:before {
  content: "\e07e";
}
.icon-expand-2:before {
  content: "\e07f";
}
.icon-contract-2:before {
  content: "\e080";
}
.icon-key:before {
  content: "\e081";
}
.icon-key-2:before {
  content: "\e082";
}
.icon-lock:before {
  content: "\e083";
}
.icon-lock-2:before {
  content: "\e084";
}
.icon-unlocked:before {
  content: "\e085";
}
.icon-wrench:before {
  content: "\e086";
}
.icon-settings:before {
  content: "\e087";
}
.icon-equalizer:before {
  content: "\e088";
}
.icon-cog:before {
  content: "\e089";
}
.icon-cogs:before {
  content: "\e08a";
}
.icon-cog-2:before {
  content: "\e08b";
}
.icon-hammer:before {
  content: "\e08c";
}
.icon-wand:before {
  content: "\e08d";
}
.icon-aid:before {
  content: "\e08e";
}
.icon-bug:before {
  content: "\e08f";
}
.icon-pie:before {
  content: "\e090";
}
.icon-stats:before {
  content: "\e091";
}
.icon-bars:before {
  content: "\e092";
}
.icon-bars-2:before {
  content: "\e093";
}
.icon-gift:before {
  content: "\e094";
}
.icon-trophy:before {
  content: "\e095";
}
.icon-mug:before {
  content: "\e096";
}
.icon-food:before {
  content: "\e097";
}
.icon-leaf:before {
  content: "\e098";
}
.icon-rocket:before {
  content: "\e099";
}
.icon-meter:before {
  content: "\e09a";
}
.icon-meter2:before {
  content: "\e09b";
}
.icon-dashboard:before {
  content: "\e09c";
}
.icon-hammer-2:before {
  content: "\e09d";
}
.icon-fire:before {
  content: "\e09e";
}
.icon-lab:before {
  content: "\e09f";
}
.icon-magnet:before {
  content: "\e0a0";
}
.icon-remove:before {
  content: "\e0a1";
}
.icon-remove-2:before {
  content: "\e0a2";
}
.icon-briefcase:before {
  content: "\e0a3";
}
.icon-airplane:before {
  content: "\e0a4";
}
.icon-truck:before {
  content: "\e0a5";
}
.icon-road:before {
  content: "\e0a6";
}
.icon-accessibility:before {
  content: "\e0a7";
}
.icon-target:before {
  content: "\e0a8";
}
.icon-shield:before {
  content: "\e0a9";
}
.icon-lightning:before {
  content: "\e0aa";
}
.icon-switch:before {
  content: "\e0ab";
}
.icon-power-cord:before {
  content: "\e0ac";
}
.icon-signup:before {
  content: "\e0ad";
}
.icon-list:before {
  content: "\e0ae";
}
.icon-numbered-list:before {
  content: "\e0af";
}
.icon-menu:before {
  content: "\e0b0";
}
.icon-menu-2:before {
  content: "\e0b1";
}
.icon-tree:before {
  content: "\e0b2";
}
.icon-cloud:before {
  content: "\e0b3";
}
.icon-cloud-download:before {
  content: "\e0b4";
}
.icon-cloud-upload:before {
  content: "\e0b5";
}
.icon-download-2:before {
  content: "\e0b6";
}
.icon-upload-2:before {
  content: "\e0b7";
}
.icon-download-3:before {
  content: "\e0b8";
}
.icon-upload-3:before {
  content: "\e0b9";
}
.icon-globe:before {
  content: "\e0ba";
}
.icon-earth:before {
  content: "\e0bb";
}
.icon-link:before {
  content: "\e0bc";
}
.icon-flag:before {
  content: "\e0bd";
}
.icon-attachment:before {
  content: "\e0be";
}
.icon-eye:before {
  content: "\e0bf";
}
.icon-eye-blocked:before {
  content: "\e0c0";
}
.icon-eye-2:before {
  content: "\e0c1";
}
.icon-bookmark:before {
  content: "\e0c2";
}
.icon-bookmarks:before {
  content: "\e0c3";
}
.icon-brightness-medium:before {
  content: "\e0c4";
}
.icon-brightness-contrast:before {
  content: "\e0c5";
}
.icon-contrast:before {
  content: "\e0c6";
}
.icon-star:before {
  content: "\e0c7";
}
.icon-diamonds:before {
  content: "\e0c8";
}
.icon-qrcode:before {
  content: "\e0c9";
}
.icon-stopwatch:before {
  content: "\e0ca";
}
.icon-redo-2:before {
  content: "\e0cb";
}
.icon-zoom-out:before {
  content: "\e0cc";
}
.icon-glass:before {
  content: "\e0cd";
}
.icon-list-2:before {
  content: "\e0ce";
}
.icon-star-2:before {
  content: "\e0cf";
}
.icon-shocked:before {
  content: "\e0d0";
}
.icon-enter:before {
  content: "\e0d1";
}
.icon-loop:before {
  content: "\e0d2";
}
.icon-star-3:before {
  content: "\e0d3";
}
.icon-heart:before {
  content: "\e0d4";
}
.icon-heart-2:before {
  content: "\e0d5";
}
.icon-heart-broken:before {
  content: "\e0d6";
}
.icon-thumbs-up:before {
  content: "\e0d7";
}
.icon-thumbs-up-2:before {
  content: "\e0d8";
}
.icon-happy:before {
  content: "\e0d9";
}
.icon-happy-2:before {
  content: "\e0da";
}
.icon-smiley:before {
  content: "\e0db";
}
.icon-confused:before {
  content: "\e0dc";
}
.icon-confused-2:before {
  content: "\e0dd";
}
.icon-neutral:before {
  content: "\e0de";
}
.icon-neutral-2:before {
  content: "\e0df";
}
.icon-wondering:before {
  content: "\e0e0";
}
.icon-wondering-2:before {
  content: "\e0e1";
}
.icon-point-up:before {
  content: "\e0e2";
}
.icon-point-right:before {
  content: "\e0e3";
}
.icon-point-down:before {
  content: "\e0e4";
}
.icon-exit:before {
  content: "\e0e5";
}
.icon-play-2:before {
  content: "\e0e6";
}
.icon-pause:before {
  content: "\e0e7";
}
.icon-stop:before {
  content: "\e0e8";
}
.icon-backward:before {
  content: "\e0e9";
}
.icon-forward-2:before {
  content: "\e0ea";
}
.icon-play-3:before {
  content: "\e0eb";
}
.icon-pause-2:before {
  content: "\e0ec";
}
.icon-stop-2:before {
  content: "\e0ed";
}
.icon-shuffle:before {
  content: "\e0ee";
}
.icon-arrow-up-left:before {
  content: "\e0ef";
}
.icon-arrow-up:before {
  content: "\e0f0";
}
.icon-arrow-up-right:before {
  content: "\e0f1";
}
.icon-arrow-right:before {
  content: "\e0f2";
}
.icon-arrow-down-right:before {
  content: "\e0f3";
}
.icon-arrow-down:before {
  content: "\e0f4";
}
.icon-arrow-down-left:before {
  content: "\e0f5";
}
.icon-arrow-left:before {
  content: "\e0f6";
}
.icon-checkbox-checked:before {
  content: "\e0f7";
}
.icon-checkbox-unchecked:before {
  content: "\e0f8";
}
.icon-checkbox-partial:before {
  content: "\e0f9";
}
.icon-radio-checked:before {
  content: "\e0fa";
}
.icon-radio-unchecked:before {
  content: "\e0fb";
}
.icon-crop:before {
  content: "\e0fc";
}
.icon-scissors:before {
  content: "\e0fd";
}
.icon-filter:before {
  content: "\e0fe";
}
.icon-filter-2:before {
  content: "\e0ff";
}
.icon-paragraph-right:before {
  content: "\e100";
}
.icon-paragraph-justify:before {
  content: "\e101";
}
.icon-paragraph-left:before {
  content: "\e102";
}
.icon-paragraph-center:before {
  content: "\e103";
}
.icon-paragraph-right-2:before {
  content: "\e104";
}
.icon-paragraph-justify-2:before {
  content: "\e105";
}
.icon-indent-increase:before {
  content: "\e106";
}
.icon-indent-decrease:before {
  content: "\e107";
}
.icon-new-tab:before {
  content: "\e108";
}
.icon-instagram:before {
  content: "\e109";
}
.icon-twitter:before {
  content: "\e10a";
}
.icon-twitter-2:before {
  content: "\e10b";
}
.icon-twitter-3:before {
  content: "\e10c";
}
.icon-feed-2:before {
  content: "\e10d";
}
.icon-feed-3:before {
  content: "\e10e";
}
.icon-feed-4:before {
  content: "\e10f";
}
.icon-youtube:before {
  content: "\e110";
}
.icon-youtube-2:before {
  content: "\e111";
}
.icon-steam:before {
  content: "\e112";
}
.icon-steam-2:before {
  content: "\e113";
}
.icon-github:before {
  content: "\e114";
}
.icon-github-2:before {
  content: "\e115";
}
.icon-github-3:before {
  content: "\e116";
}
.icon-github-4:before {
  content: "\e117";
}
.icon-github-5:before {
  content: "\e118";
}
.icon-wordpress:before {
  content: "\e119";
}
.icon-wordpress-2:before {
  content: "\e11a";
}
.icon-lastfm:before {
  content: "\e11b";
}
.icon-lastfm-2:before {
  content: "\e11c";
}
.icon-delicious:before {
  content: "\e11d";
}
.icon-stumbleupon:before {
  content: "\e11e";
}
.icon-stumbleupon-2:before {
  content: "\e11f";
}
.icon-stackoverflow:before {
  content: "\e120";
}
.icon-pinterest:before {
  content: "\e121";
}
.icon-pinterest-2:before {
  content: "\e122";
}
.icon-xing:before {
  content: "\e123";
}
.icon-html5:before {
  content: "\e124";
}
.icon-html5-2:before {
  content: "\e125";
}
.icon-css3:before {
  content: "\e126";
}
.icon-chrome:before {
  content: "\e127";
}
.icon-firefox:before {
  content: "\e128";
}
.icon-IE:before {
  content: "\e129";
}
.icon-opera:before {
  content: "\e12a";
}
.icon-safari:before {
  content: "\e12b";
}
.icon-IcoMoon:before {
  content: "\e12c";
}
.icon-smiley-2:before {
  content: "\e12d";
}
.icon-tongue:before {
  content: "\e12e";
}
.icon-tongue-2:before {
  content: "\e12f";
}
.icon-sad:before {
  content: "\e130";
}
.icon-sad-2:before {
  content: "\e131";
}
.icon-wink:before {
  content: "\e132";
}
.icon-wink-2:before {
  content: "\e133";
}
.icon-grin:before {
  content: "\e134";
}
.icon-grin-2:before {
  content: "\e135";
}
.icon-cool:before {
  content: "\e136";
}
.icon-cool-2:before {
  content: "\e137";
}
.icon-angry:before {
  content: "\e138";
}
.icon-angry-2:before {
  content: "\e139";
}
.icon-evil:before {
  content: "\e13a";
}
.icon-evil-2:before {
  content: "\e13b";
}
.icon-shocked-2:before {
  content: "\e13c";
}
.icon-point-left:before {
  content: "\e13d";
}
.icon-warning:before {
  content: "\e13e";
}
.icon-notification:before {
  content: "\e13f";
}
.icon-question:before {
  content: "\e140";
}
.icon-info:before {
  content: "\e141";
}
.icon-info-2:before {
  content: "\e142";
}
.icon-blocked:before {
  content: "\e143";
}
.icon-cancel-circle:before {
  content: "\e144";
}
.icon-checkmark-circle:before {
  content: "\e145";
}
.icon-spam:before {
  content: "\e146";
}
.icon-close:before {
  content: "\e147";
}
.icon-checkmark:before {
  content: "\e148";
}
.icon-checkmark-2:before {
  content: "\e149";
}
.icon-spell-check:before {
  content: "\e14a";
}
.icon-minus:before {
  content: "\e14b";
}
.icon-plus:before {
  content: "\e14c";
}
.icon-backward-2:before {
  content: "\e14d";
}
.icon-forward-3:before {
  content: "\e14e";
}
.icon-first:before {
  content: "\e14f";
}
.icon-last:before {
  content: "\e150";
}
.icon-previous:before {
  content: "\e151";
}
.icon-next:before {
  content: "\e152";
}
.icon-eject:before {
  content: "\e153";
}
.icon-volume-high:before {
  content: "\e154";
}
.icon-volume-medium:before {
  content: "\e155";
}
.icon-volume-low:before {
  content: "\e156";
}
.icon-volume-mute:before {
  content: "\e157";
}
.icon-volume-mute-2:before {
  content: "\e158";
}
.icon-volume-increase:before {
  content: "\e159";
}
.icon-volume-decrease:before {
  content: "\e15a";
}
.icon-loop-2:before {
  content: "\e15b";
}
.icon-loop-3:before {
  content: "\e15c";
}
.icon-arrow-up-left-2:before {
  content: "\e15d";
}
.icon-arrow-up-2:before {
  content: "\e15e";
}
.icon-arrow-up-right-2:before {
  content: "\e15f";
}
.icon-arrow-right-2:before {
  content: "\e160";
}
.icon-arrow-down-right-2:before {
  content: "\e161";
}
.icon-arrow-down-2:before {
  content: "\e162";
}
.icon-arrow-down-left-2:before {
  content: "\e163";
}
.icon-arrow-left-2:before {
  content: "\e164";
}
.icon-arrow-up-left-3:before {
  content: "\e165";
}
.icon-arrow-up-3:before {
  content: "\e166";
}
.icon-arrow-up-right-3:before {
  content: "\e167";
}
.icon-arrow-right-3:before {
  content: "\e168";
}
.icon-arrow-down-right-3:before {
  content: "\e169";
}
.icon-arrow-down-3:before {
  content: "\e16a";
}
.icon-arrow-down-left-3:before {
  content: "\e16b";
}
.icon-arrow-left-3:before {
  content: "\e16c";
}
.icon-font:before {
  content: "\e16d";
}
.icon-text-height:before {
  content: "\e16e";
}
.icon-text-width:before {
  content: "\e16f";
}
.icon-bold:before {
  content: "\e170";
}
.icon-underline:before {
  content: "\e171";
}
.icon-italic:before {
  content: "\e172";
}
.icon-strikethrough:before {
  content: "\e173";
}
.icon-omega:before {
  content: "\e174";
}
.icon-sigma:before {
  content: "\e175";
}
.icon-table:before {
  content: "\e176";
}
.icon-table-2:before {
  content: "\e177";
}
.icon-insert-template:before {
  content: "\e178";
}
.icon-pilcrow:before {
  content: "\e179";
}
.icon-left-to-right:before {
  content: "\e17a";
}
.icon-right-to-left:before {
  content: "\e17b";
}
.icon-paragraph-left-2:before {
  content: "\e17c";
}
.icon-embed:before {
  content: "\e17d";
}
.icon-code:before {
  content: "\e17e";
}
.icon-console:before {
  content: "\e17f";
}
.icon-share:before {
  content: "\e180";
}
.icon-mail:before {
  content: "\e181";
}
.icon-mail-2:before {
  content: "\e182";
}
.icon-mail-3:before {
  content: "\e183";
}
.icon-mail-4:before {
  content: "\e184";
}
.icon-google:before {
  content: "\e185";
}
.icon-google-plus:before {
  content: "\e186";
}
.icon-google-plus-2:before {
  content: "\e187";
}
.icon-google-plus-3:before {
  content: "\e188";
}
.icon-google-plus-4:before {
  content: "\e189";
}
.icon-google-drive:before {
  content: "\e18a";
}
.icon-facebook:before {
  content: "\e18b";
}
.icon-facebook-2:before {
  content: "\e18c";
}
.icon-vimeo:before {
  content: "\e18d";
}
.icon-vimeo2:before {
  content: "\e18e";
}
.icon-vimeo-2:before {
  content: "\e18f";
}
.icon-lanyrd:before {
  content: "\e190";
}
.icon-flickr:before {
  content: "\e191";
}
.icon-flickr-2:before {
  content: "\e192";
}
.icon-flickr-3:before {
  content: "\e193";
}
.icon-flickr-4:before {
  content: "\e194";
}
.icon-picassa:before {
  content: "\e195";
}
.icon-picassa-2:before {
  content: "\e196";
}
.icon-dribbble:before {
  content: "\e197";
}
.icon-dribbble-2:before {
  content: "\e198";
}
.icon-dribbble-3:before {
  content: "\e199";
}
.icon-forrst:before {
  content: "\e19a";
}
.icon-forrst-2:before {
  content: "\e19b";
}
.icon-deviantart:before {
  content: "\e19c";
}
.icon-joomla:before {
  content: "\e19d";
}
.icon-blogger:before {
  content: "\e19e";
}
.icon-blogger-2:before {
  content: "\e19f";
}
.icon-tumblr:before {
  content: "\e1a0";
}
.icon-tumblr-2:before {
  content: "\e1a1";
}
.icon-yahoo:before {
  content: "\e1a2";
}
.icon-tux:before {
  content: "\e1a3";
}
.icon-apple:before {
  content: "\e1a4";
}
.icon-finder:before {
  content: "\e1a5";
}
.icon-android:before {
  content: "\e1a6";
}
.icon-windows:before {
  content: "\e1a7";
}
.icon-windows8:before {
  content: "\e1a8";
}
.icon-soundcloud:before {
  content: "\e1a9";
}
.icon-soundcloud-2:before {
  content: "\e1aa";
}
.icon-skype:before {
  content: "\e1ab";
}
.icon-reddit:before {
  content: "\e1ac";
}
.icon-xing-2:before {
  content: "\e1ad";
}
.icon-flattr:before {
  content: "\e1ae";
}
.icon-foursquare:before {
  content: "\e1af";
}
.icon-foursquare-2:before {
  content: "\e1b0";
}
.icon-paypal:before {
  content: "\e1b1";
}
.icon-paypal-2:before {
  content: "\e1b2";
}
.icon-paypal-3:before {
  content: "\e1b3";
}
.icon-yelp:before {
  content: "\e1b4";
}
.icon-libreoffice:before {
  content: "\e1b5";
}
.icon-file-pdf:before {
  content: "\e1b6";
}
.icon-file-openoffice:before {
  content: "\e1b7";
}
.icon-file-word:before {
  content: "\e1b8";
}
.icon-file-excel:before {
  content: "\e1b9";
}
.icon-file-zip:before {
  content: "\e1ba";
}
.icon-file-powerpoint:before {
  content: "\e1bb";
}
.icon-file-xml:before {
  content: "\e1bc";
}
.icon-tab:before {
  content: "\e1bd";
}
.icon-paragraph-center-2:before {
  content: "\e1be";
}
.icon-facebook-3:before {
  content: "\e1bf";
}
.icon-deviantart-2:before {
  content: "\e1c0";
}
.icon-linkedin:before {
  content: "\e1c1";
}
.icon-file-css:before {
  content: "\e1c2";
}
.adminpanel-section {
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 20px;
  background-color: #ffffff;
  box-shadow: 1px 1px 2px #888888;
}

.adminpanel-span {
  font-size: 36px;
  border-bottom: 1px solid #777777;
  padding-bottom: 10px;
  position: relative;
}

.adminpanel-span > a {
  position: absolute;
  bottom: 10px;
  font-size: 18px;
  right: 0px;
}

.adminpanel-table {
  margin: 3% 0%;
  width: 100%;
  border-collapse: collapse;
}

.adminpanel-table th {
  border-bottom: 1px solid #cccccc;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  text-align: left;
}

.adminpanel-table td {
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  min-width: 30px;
  border-bottom: 1px solid #c8c8c8;
}

.adminpanel-table .forms {
  text-align: -webkit-center;
}

.adminpanel-table .permissions {
  text-align: -webkit-center;
}

.adminpanel-table .hours {
  text-align: -webkit-center;
}

.adminpanel-table tr:hover {
  background-color: #c8c8c8;
}

.adminpanel-expand {
  background-image: url(/images/expand.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.adminpanel-icon {
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.adminpanel-approve {
  background-image: url(/images/approve.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.adminpanel-select {
  font-size: 16px;
}

.adminpanel-pending {
  background-image: url(/images/loading.gif);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.adminpanel-disapprove {
  background-image: url(/images/disapprove.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.adminpanel-yes {
  background-image: url(/images/approve.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
  height: 40px;
}

.adminpanel-no {
  background-image: url(/images/disapprove.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
  height: 40px;
}

.adminpanel-lead-name {
  width: 200px;
}

.adminpanel-lead-dropdown {
  height: 20px;
  width: 200px;
  display: none;
  border-radius: 1px;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

.subteam-adder-container {
  position: fixed;
  left: 20%;
  bottom: 7.5%;
  top: 15%;
  z-index: 11;
  width: 50%;
  height: 55%;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 1px 1px 2px #888888;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
}

.add-subteam {
  float: right;
}
.add-subteam :hover {
  opacity: 0.4;
}

.add-subteam-exit {
  float: right;
}

.add-subteam-exit :hover {
  opacity: 0.4;
}

.subteam-image-upload {
  height: 40px;
  width: 100%;
  margin-left: 5%;
}

.subteam-adder-black {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-color: #191919;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}

.subteam-adder-footer {
  text-align: right;
  width: 98%;
  position: absolute;
  bottom: 5%;
  margin: 0px auto;
}

.subteam-name {
  margin-left: 5%;
  margin-bottom: 15px;
}

.subteam-description {
  height: 80%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 15px;
}

.subteam-description > textarea {
  width: 100%;
  max-width: 100%;
  height: 50%;
  max-height: 50%;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

.pr_or_build {
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 15px;
}

.subteam-adder-button > input[type="submit"] {
  height: auto;
  float: right;
  border-radius: 3px;
  background-color: #0dca10;
  border: none;
  color: white;
  width: 150px;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  padding: 15px 0px;
  margin-right: 5%;
}

.adminpanel-delete {
  background-image: url(/images/trash.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
  height: 40px;
}
.calendar {
  margin: 20px;
  min-width: 790px;
  background-color: white;
  color: black;
}

.calendar-month-year {
  font-size: 28px;
  float: left;
  margin-bottom: 10px;
  display: inline;
}

.calendar-table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.calendar-table th {
  font-size: 18px;
  color: #06f000;
  width: 85px;
  background-color: black;
  padding: 15px;
  border: 1px solid white;
}

.calendar-table td {
  height: 100px;
  border: 1px solid black;
  vertical-align: top;
}

.calendar-left {
  background-image: url(/images/left-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  display: inline;
  float: left;
  position: relative;
  bottom: 5px;
}

.calendar-left:hover {
  -webkit-filter: opacity(60%);
  filter: opacity(60%);
}

.calendar-right:hover {
  -webkit-filter: opacity(60%);
  filter: opacity(60%);
}

.calendar-right {
  background-image: url(/images/right-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  display: inline;
  float: left;
  position: relative;
  bottom: 5px;
}

.calendar-day {
  padding: 1px 3%;
  background-color: #ebf0eb;
  font-weight: bold;
}

.calendar-day-expand {
  background-image: url(/images/expand.png);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 18px;
  height: 18px;
  float: right;
}

.calendar-day-expand:hover {
  -webkit-filter: opacity(60%);
  filter: opacity(60%);
  background-image: url(/images/expand.png) transparent;
}

.calendar-event-container {
  white-space: nowrap;
  overflow: hidden;
  padding: 5px 2px;
  height: 80px;
}

.calendar-event {
  font-size: 15px;
  vertical-align: center;
  background-color: #b0f0b0;
  border-radius: 5px;
  padding: 2px 2px 2px 5px;
  margin-bottom: 2px;
  width: 105%;
}

.calendar-subteam-icon {
  position: relative;
  top: 1px;
  left: 1px;
}

.calendar-event-title {
  display: inline;
}

.calendar-pop-up {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: black; /*ie fallback*/
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  overflow: auto;
  visibility: hidden;
}

.calendar-pop-up-text {
  overflow: auto;
  position: fixed;
  width: 97%;
  max-width: 400px;
  height: auto;
  z-index: 1001;
  top: 50%;
  left: 50%;
  margin: -225px 0 0 -200px;
  background: white;
  border-radius: 5px;
  padding: 15px;
}

.calendar-pop-up-exit {
  position: absolute;
  background-image: url(/images/exit.png);
  background-size: 26px 26px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 26px;
  height: 26px;
  right: 15px;
  top: 15px;
}

.calendar-pop-up-exit:hover {
  -webkit-filter: opacity(60%);
  filter: opacity(60%);
  background-image: url(/images/exit.png) transparent;
}

.calendar-event-add-icon {
  background-image: url(/images/add.png);
  background-size: 26px 26px;
  background-repeat: no-repeat;
  z-index: 10;
  width: 26px;
  height: 26px;
  margin-left: 10px;
}

.calendar-event-add-icon:hover {
  -webkit-filter: opacity(60%);
  filter: opacity(60%);
  background-image: url(/images/add.png) transparent;
}

.calendar-events-add-icon {
  background-image: url(/images/add.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  margin-top: -5px;
  float: left;
  z-index: 10;
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

.calendar-events-add-icon:hover {
  -webkit-filter: opacity(60%);
  filter: opacity(60%);
  background-image: url(/images/add.png) transparent;
}

.calendar-event-add-form {
  -webkit-filter: opacity(0%);
  filter: opacity(0%);
  display: none;
  height: 0px;
}

.calendar-add-events-form {
  display: block;
  height: auto;
}

.calendar-event-add-input {
  margin: 5px 5px;
  font-size: 16px;
}

.calendar-button {
  margin: auto;
  display: block;
  width: 80%;
  z-index: 4;
  background-color: #06f000; /* Green */
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}

.calendar-pending {
  background-image: url(/images/loading.gif);
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
  display: block;
  width: 40px;
  height: 40px;
}

.calendar-edit {
  background-image: url(/images/edit.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
  display: block;
  float: right;
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

.calendar-edit:hover {
  -webkit-filter: opacity(60%);
  filter: opacity(60%);
}

.calendar-trash:hover {
  -webkit-filter: opacity(60%);
  filter: opacity(60%);
}

.calendar-trash {
  background-image: url(/images/trash.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
  display: block;
  float: right;

  margin-right: 5px;
  width: 20px;
  height: 20px;
}
.col-1 {
  width: 8.33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
}
html {
  height: 100%;
}
body {
  font-family: "PT Sans", sans-serif;
  height: 100%;
  margin: 0px;
  max-width: 100%;
  overflow-x: hidden;

  background-color: #e8e8e8;
}

#pageview {
  -webkit-filter: opacity(0%);
  filter: opacity(0%);
}

select {
  background-color: #565656;
  border-color: transparent;
  border-radius: 2px;
  outline-color: transparent;
  color: #ffffff;
}

a:link {
  text-decoration: none;
  color: #06c000;
}

a:visited {
  text-decoration: none;
  color: #76c777;
}

a:hover {
  text-decoration: underline;
  color: #76c777;
}
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #333333;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333333;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333333;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333333;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #333333;
}
.error-text {
	margin: auto;
	text-align: center;
}
.login-page {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: url("/images/login.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover; 
  background-size: cover;
}

.login-pending {
	background-image: url(/images/loading.gif);
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
  display: block;
  width: 40px;
  height: 40px;
}

.login-daddy-table
{
  display: table;
  width: 100%;
  height: 100%;
}

.login-child-cell
{
  display: table-cell;
  vertical-align: middle;
}

.login-page-form-container {
  margin: auto;
  display: block;
  position: relative;
  top: 0; left: 0; bottom: 0; right: 0;
  border-radius: 4px;
  height: 445px;
  width: 410px;
  background-color: #000000;
  -webkit-filter: opacity(0%);
  filter: opacity(0%);
}

.login-page-form-logo {
  margin-left: 32%;
  margin-top: 3%;
  margin-bottom: 3%;
  margin-right: 32%;
}

.login-message {
  min-height: 20px;
  position: relative;
  text-align: center;
  color: red;
}

.login-field {
  margin: auto;
  outline: none;
  width: 80%;
  border-radius: 1px;
  border-color: rgb(120,120,120);
  height: 10%;
  font-size: 24px;
  margin-bottom: 6%;
  color: black;
  display: block;
  z-index: 4;
  background-color: rgb(100, 100, 100);
}

.login-field:focus {
  border-color: #56f050;
}

.login-forgot {
  margin-left: 34%;
  left: 0px;
  width: 40%;
  text-align: left;
  z-index: 4;
}

.login-register {
  padding-left: 10%;
  left: 0px;
  width: 40%;
  text-align: left;
  z-index: 4;
}

.login-button {
  margin: auto;
  display: block;
  width: 80%;
  z-index: 4;
  background-color: #06f000; /* Green */
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
}

.login-button:hover {
  background-color: #66ff60; /* Green */
}
.membershub-blog {
  min-height: 100vh;
  display: inline-block;
  height: auto;
  float: left;
  min-width: 438px;
  margin-right: 3%;
  width: 68%;
}


.membershub-icon {
  padding: 5px 6px 0px 0px;
  margin-right: 10px;
  line-height: 20px;
  display: inline-block;
}

.membershub-post-container {
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 2px #888888;
}

.membershub-post-container:hover {
  background-color: #FcFeFc;
}

.membershub-post-title {
  font-size: 36px;
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 5px;
}

.membershub-post-info {
  padding: 5px;
  margin-bottom: 5px;
  font-size: 12px;
}

.membershub-post-image {
  margin: auto;
  padding: 15px;
  width: 95%;
}

.membershub-post-content {
  width: 95%;
  margin: auto;
}

.membershub-right-container {
  min-height: 100vh;
  display: inline-block;
  height: auto;
  min-width: 194px;
  width: 29%;
}

.membershub-upcoming-events {
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 20px;
  background-color: #212121;
  box-shadow: 1px 1px 2px #000000;
  color: #06f000;
}

.membershub-post-expand
{
  float: right;
  height: 45px;
  width: 45px;
}

.membershub-post-expand :hover
{
  opacity: .4;
}

.membershub-load-more {
  width: 100%;
  height: 40px;
  text-align: center;
  margin: auto;
  font-size: 18px;
}

.membershub-details {
  margin-top: 1px;
  padding: 5px;
  border-bottom: 1px solid #aaaaaa;
}

.membershub-details:hover {
  background-color: #dcdcdc;
}
.menu-bar {
  position: fixed;
  margin-top: 0%;
  background-color: black;
  height: 70px;
  width: 70%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15%;
  padding-right: 15%;
  z-index: 10;
  display: table;
}

.menu-logo {
  height: 70px;
  width: 164px;
}

.menu-dropdown-image {
  vertical-align: middle;
  height: 70px;
  width: 70px;
}

.menu-dropdown:hover .menu-dropdown-image {
  background-color: #06f000;
}

input.menu-search:focus {
  border-color: #56f050;
}

.menu-cell-container
{
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  width: auto;
}

.menu-search-container
{
  height: 50%;
}

.menu-dropdown-content {
  right: 0px;
  display: none;
  border-radius: 1px;
  position: absolute;
  right: 0px;
  background-color: #1a1a1a;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.menu-dropdown {
  position: relative;
  display: inline-block;
}

.menu-dropdown:hover .menu-dropdown-content {
  display: block;
}

.menu-dropdown-content a {
  border-right: 3px solid #1a1a1a;
  color: #06f000;
  right: 0;
  width: 200px;
  border-top: 1px solid #0f0f0f;
  border-bottom: 1px solid #0f0f0f;
  text-decoration: none;
  display: block;
}

.menu-dropdown-content a:hover { border-right: 3px solid #06f000; }

.menu-dropdown-content a:hover .menu-icon { margin-right: 15px; }

.menu-search
{
  outline: none;
  margin-left: 20px;
  margin-right: 20px;
  height: 100%;
  width: 60%;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  border: 1px solid #3b3b3b;
  border-radius: 1px;
  background: #333333;
  color: #cccccc;
  font-family: "Arial", Sans-serif;
  font-size: 25px;
  background-image: url('/images/SearchLogo.png');
  background-position: 11px 11px; 
  background-repeat: no-repeat;
  padding-left: 40px;
}

.menu-icon {
  padding: 12px 16px;
  margin-right: 10px;
  line-height: 20px;
  display: inline-block;
}
.forums-posts {
  min-height: 100vh;
  display: inline-block;
  padding: 20px;
  height: auto;
  float: left;
  min-width: 438px;
  margin-right: 3%;
  width: 68%;
  border-radius: 3px;
  margin-bottom: 20px;
  background-color: #ffffff;
  box-shadow: 1px 1px 2px #888888;
}

.forums-span {
  font-size: 36px;
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 5px;
}

.forums-add-post {
  float: right;
}
.forums-add-post :hover {
  opacity: 0.4;
}

.forums-post-table {
  margin: 3%;
  width: 94%;
  border-collapse: collapse;
}

.forums-editor-container {
  position: fixed;

  left: 7.5%;
  bottom: 7.5%;
  z-index: 11;
  width: 85%;
  height: 85%;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 1px 1px 2px #888888;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
}

.forums-editor-title {
  width: 100%;
  height: auto;
}

.forums-editor-title > span {
  font-size: 40px;
}

.forums-editor-title > input {
  width: 60%;
  height: 30px;
  font-size: 25px;
}

.forums-editor-content {
  height: 80%;
}

.forums-editor-content > span {
  font-size: 35px;
}

.forums-editor-content > textarea {
  width: 100%;
  max-width: 100%;
  height: 50%;
  max-height: 70%;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

.forums-editor-image-upload {
  float: right;
  height: 40px;
  width: 35%;
}

.forums-post-container {
  width: 95%;
  height: 100px;
  margin: 10px auto 0px auto;
  padding: 10px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 1px 1px 2px #888888;
}

.forums-post-container > span {
  font-size: 30px;
}

.forums-post-container > p {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.forums-exit {
  float: right;
}

.forums-exit :hover {
  opacity: 0.4;
}

.forums-editor-footer {
  width: 98%;
  position: absolute;
  bottom: 10px;
  margin: 0px auto;
}

.forums-editor-black {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #191919;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}

.forums-editor-footer > span {
  font-size: 20px;
}

.forums-editor-footer > input {
  width: 200px;
}

.forums-editor-footer > datalist {
}

.forums-tag-container {
  border: 1px solid #777777;
  border-radius: 3px;
  margin: 10px 5px 10px 5px;
  padding: 10px;
  box-shadow: 1px 1px 2px #888888;
}

.forums-tags {
  border: 1px solid #777777;
  border-radius: 3px;
  padding: 3px;
  margin: 2px;
  display: none;
}

#remove-tag {
  width: 19px;
  float: right;
}

#remove-tag :hover {
  opacity: 0.5;
}

.forums-button > div {
  height: auto;
  float: right;
  border-radius: 3px;
  background-color: #0dca10;
  border: none;
  color: white;
  width: 150px;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  padding: 15px 0px;
}

.forums-button :hover {
  opacity: 0.6;
}

.forums-post-title {
  font-size: 65px;
  font-weight: 700;
}
.forums-post-time {
  font-size: 13px;
}
.forums-post-creator {
  font-size: 23px;
}

.forums-post-top {
  padding-bottom: 15px;
  border-bottom: 1px solid #777777;
}
.forums-post-middle {
  padding: 15px 0px;
  min-height: 50px;
  border-bottom: 1px solid #777777;
}
.forums-post-content {
  margin: 0px;
  font-size: 20px;
}

.forums-post-bottom {
  padding: 5px 0px;
}

.forums-post-bottom > span {
  position: relative;
  top: -5px;
}

.forums-post-bottom > div {
  display: inline-block;
}

.forums-post-bottom > div :hover {
  opacity: 0.4;
}

.forums-post-edit {
  float: right;
}

.forums-reply-delete {
  float: right;
}

.forums-reply-delete:hover {
  opacity: 0.4;
}

.forums-post-delete {
  float: right;
  height: 45px;
  width: 45px;
}

.forums-post-delete :hover {
  opacity: 0.4;
}

.forums-post-edit :hover {
  opacity: 0.5;
}

.forums-post-reply-button {
  width: 100px;
  font-size: 26px;
  background-color: #0dca10;
  padding: 5px 20px;
  text-align: center;
  color: white;
  border-radius: 3px;
  cursor: pointer;
  align-self: flex-end;
}

.forums-post-reply-button-container {
  float: right;
  /* cursor: pointer; */
  align-content: flex-end;
  display: table;
}

.forums-post-reply-button-container :hover {
  opacity: 0.5;
}

.forums-post-reply {
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 10px;
  background-color: #ffffff;
  box-shadow: 1px 1px 2px #888888;
  display: flow-root;
}

.forums-post-reply > span {
  font-size: 22px;
}

.forums-post-reply-left {
  padding: 0px 10px 0px 0px;
  margin: 0px 10px 0px 0px;
  border-right: 1px solid #aaaaaa;
  width: 150px;
  display: table-cell;
  font-size: 22px;
  vertical-align: top;
}

.forums-post-reply-right {
  text-align: left;
  width: 100%;
  height: 100%;
  /* display: table-cell; */
  padding: 0px 0px 0px 10px;
  font-size: 19px;
}

#reply-content {
  max-width: 97%;
  width: 97%;
  min-width: 97%;
  font-family: Arial, Helvetica, sans-serif;
}

.forums-post-reply-top > span {
  font-size: 19px;
  text-align: center;
  font-weight: 400;
}

.forums-reply-smalltext {
  font-size: 12px;
}
.filestorage-divider
{
  border-bottom: 1px solid #777777;
  Margin: 0px 0px 20px;
}

.filestorage-main-container
{
  background-color: white;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #888888;
  padding: 10px 10px 50px 10px;
}

.filestorage-download-file-container
{
  
  border: 1px solid #777777;
  border-radius: 0px 0px 3px 3px;
  background-color: white;
  box-shadow: 1px 1px 2px #888888;
  padding: 10px;
}

.filestorage-container
{
  width: 95%;
  margin: auto;
  
}

.filestorage-file-input
{
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.filestorage-file-input + label
{
	background-color: #06f000;
	color: white;
	cursor: pointer;
	font-size: 19px;
    font-weight: 700;
	padding: 10px;
	position: relative;
	top: 10px;
	border-radius: 3px;
}

.filestorage-upload-button
{
  height: 40px;
  float: right;
  border-radius: 3px;
  background-color: #06f000;
  border: none;
  color: white;
  width: 100px;
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
}

.filestorage-form
{
  border-top: 1px solid #777777;
  border-right: 1px solid #777777;
  border-left: 1px solid #777777;
  border-radius: 3px 3px 0px 0px;
  background-color: white;
  box-shadow: 1px 1px 2px #888888;
  height: 40px;
  overflow: hidden;
}

.filestorage-file-container
{
  display: inline-table;
  min-height: 70px;
}

.filestorage-file-box
{
  width: 300px;
  height: auto;
  margin: 10px 5px;
  display: table;
  border-radius: 3px;
  border: 1px solid #777777;
  background-color: #FFFFCC;
  min-height: 70px;
}

.filestorage-file-box > div
{
  width: 74%;
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
}

.filestorage-file-box > a
{
  width: 24%;
  height: 100%;
  display: table-cell;
  background-image: url(images/Download.png);
  background-position: 50% 50%; 
  background-repeat: no-repeat;
  background-color: rgba(77, 77, 77, .3);
}

.filestorage-filetop
{
  position: relative;
  top: 15px;
  left: 15px;
}




.register-form {
  visibility: hidden;
  height: 0px;
}

.register-form-title {
  margin: auto;
  display: block;
  position: relative;
  height: 42px;
  text-align: center;
  margin-top: -21%;
  margin-bottom: 12%;
  padding-left: 15%;
  font-size: 36px;
  color: #06f000;
}

.register-form-subtitle {
  margin: auto;
  display: block;
  position: relative;
  height: 42px;
  padding-left: 5%;
  margin-bottom: 2%;
  text-align: left;
  font-size: 24px;
  color: #fff;
}

.register-login {
  padding-left: 10%;
  left: 0px;
  position: absolute;
  margin-top: -45px;
  width: 40%;
  text-align: left;
  z-index: 4;
}

.register-select {
  font-size: 24px;
  margin-left: 10%;
  padding: 0% 5%;
  display: block;
  left: 0;
  margin-bottom: 6%;
}

.register-button {
  margin-right: 10%;
  margin-left: 50%;
  margin-bottom: 10px;
  bottom: 0;
  display: block;
  width: 40%;
  z-index: -1;
  background-color: #06f000; /* Green */
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
}

.register-button:hover {
  background-color: #66ff60; /* Green */
}
.subteamform-section {
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 20px;
  background-color: #ffffff;
  box-shadow: 1px 1px 2px #888888;
}

.subteamform-span {
  font-size: 36px;
  border-bottom: 1px solid #777777;
  padding-bottom: 10px;
  position: relative;
}

.subteamform-span > a {
  position: absolute;
  bottom: 10px;
  font-size: 18px;
  right: 0px;
}

.subteamform-yes {
  background-image: url(/images/approve.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.subteamform-no {
  background-image: url(/images/disapprove.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.subteamform-table {
  margin: 3%;
  width: 94%;
  border-collapse: collapse;
}

.subteamform-table th {
  border-bottom: 1px solid #cccccc;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  text-align: left;
}

.subteamform-table td {
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  min-width: 40px;
  border-bottom: 1px solid #c8c8c8;
}

.subteamform-yes {
  background-image: url(/images/approve.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.subteamform-no {
  background-image: url(/images/disapprove.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.subteamform-pending {
  background-image: url(/images/loading.gif);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.subteamform-icon {
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}
.subteaminfo-table
{
  display: table;
  width: 100%;
}

.subteaminfo-cell-members
{
  width: 25%;
  border-right: 1px solid #777777;
}

.subteaminfo-lead
{
  font-size: 35px;
  margin: 10px 0px 15px 0px;
}

.subteaminfo-cell-members-title
{
  border-bottom: 1px solid #777777;
  font-size: 200%;
}

.subteaminfo-cell-members-content > p
{
  text-align: left;
}

.subteaminfo-span
{
  font-size: 40px;
  border-bottom: 1px solid #777777;
}

.subteaminfo-remove {
  background-image: url(/images/disapprove.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  vertical-align: middle;
  z-index: 10;
  width: 40px;
}

.subteaminfo-post
{
  box-shadow: 1px 1px 2px #888888;
  padding: 10px;
  width: 95%;
  margin: 10px auto;
  border-radius: 3px;
  background-color: #FFFFFF;
  border: 1px solid #777777;
}
.subteaminfo-post > h5
{
  margin: 5px;
  padding-bottom: 5px;
  font-size: 25px;
  border-bottom: 1px solid #777777;
}

.subteaminfo-post-title
{
  font-size: 20px;
  width: 50%;
}

.subteaminfo-post-title > span
{
  font-size: 10px;
}

.subteaminfo-post-expand
{
  width: 48px;
  background-image: url("/images/expand.png");
  background-size: 48px 48px;
  background-repeat: no-repeat;
}

.subteaminfo-email-list
{
  float: right;
  font-size: 20px;
}
.page {
  padding-top: 130px;
  height: auto;
  min-height: 100vh;
  padding-left: 15%;
  padding-right: 15%;
  max-width: 100%;
  overflow-x: hidden;
}

.page-footer {
  height: auto;
  text-align: center;
  background: #171717;
  color: #aaaaaa;
  padding: 10px;
  display: block;
  margin: auto;
}

p.page-footer-text {
  display: block;
  margin: 5px;
}

p.page-footer-copyright {
  font-size: 12px;
}
.profileview-span {
  font-size: 36px;
  border-bottom: 1px solid #777777;
  padding-bottom: 10px;
  position: relative;
}

.profileview-name {
  font-size: 36px;
  margin: auto;
  font-family: "Starcraft_Normal";
}

.profileview-boldtext {
  font-size: 24px;
  font-family: "Starcraft_Normal";
  font-weight: bold;
}

.profileview-basictext {
  font-size: 16px;
  font-family: "Starcraft_Normal";
  margin: 10px 0px 0px 15px;
}

.profileview-bottomtable {
  width: 100%;
  border: 1px;
  table-layout: fixed;
  text-align: center;
  font-family: "Starcraft_Normal";
}
.forgot-password-form {
  visibility: hidden;
  height: 0px;
}

.password-form-title {
  margin: auto;
  display: block;
  position: relative;
  height: 42px;
  text-align: center;
  margin-top: -20%;
  margin-bottom: 12%;
  padding-left: 25%;
  font-size: 30px;
  color: #06f000;
  visibility: hidden;
}

.forgot-password {
  padding-left: 10%;
  left: 0px;
  width: 40%;
  text-align: left;
  z-index: 4;
}

.password-field {
  margin: auto;
  outline: none;
  width: 80%;
  border-radius: 1px;
  border-color: rgb(120, 120, 120);
  height: 10%;
  font-size: 24px;
  margin-bottom: 6%;
  color: black;
  display: block;
  z-index: 4;
  background-color: rgb(100, 100, 100);
}

.password-field:focus {
  border-color: #56f050;
}

.password-button {
  margin-right: 10%;
  margin-left: 50%;
  margin-bottom: 10px;
  bottom: 0;
  display: block;
  width: 40%;
  z-index: -1;
  background-color: #06f000; /* Green */
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
}

.password-button:hover {
  background-color: #66ff60; /* Green */
}

.password-incorrect {
  min-height: 20px;
  position: relative;
  text-align: center;
  color: red;
  padding-left: 25%;
  visibility: hidden;
}

.password-dont-match {
  min-height: 20px;
  position: relative;
  text-align: center;
  color: red;
  padding-left: 25%;
  visibility: hidden;
}

.reset-password-button {
  visibility: hidden;
  margin-right: 10%;
  margin-left: 50%;
  bottom: 0;
  display: block;
  width: 40%;
  z-index: -1;
  background-color: #06f000; /* Green */
  border: none;
  color: white;
  border-radius: 4px;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  height: 0px;
}

.reset-password-button:hover {
  background-color: #66ff60; /* Green */
}

.reset-password-info {
  visibility: hidden;
  height: 0px;
}
.secret:link {
	color : black;
	text-decoration : none;
}
.secret:visited {
	color : black;
	text-decoration : none;
}
.secret:hover {
	color : black;
	text-decoration : none;
}
.secret:active {
	color : black;
	text-decoration : none;
}
.secret {
	cursor : text;
	
}