@font-face {
  font-family: 'spanel-icons-font';
  src: url('spanel-icons-font.eot?2250079');
  src: url('spanel-icons-font.eot?2250079#iefix') format('embedded-opentype'),
       url('spanel-icons-font.woff2?2250079') format('woff2'),
       url('spanel-icons-font.woff?2250079') format('woff'),
       url('spanel-icons-font.ttf?2250079') format('truetype'),
       url('spanel-icons-font.svg?2250079#spanel-icons-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'spanel-icons-font';
    src: url('spanel-icons-font.svg?2250079#spanel-icons-font') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "spanel-icons-font";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-sp-apache:before { content: '\e800'; } /* '' */
.icon-sp-litespeed:before { content: '\e801'; } /* '' */
.icon-sp-nginx:before { content: '\e802'; } /* '' */
.icon-sp-openlitespeed:before { content: '\e803'; } /* '' */
.icon-sp-mariadb:before { content: '\e804'; } /* '' */
.icon-sp-postgresql:before { content: '\e805'; } /* '' */
.icon-sp-uh-loginsecurity:before { content: '\e819'; } /* '' */
.icon-sp-uh-emailaccounts:before { content: '\e81a'; } /* '' */
.icon-sp-uh-autoresponders:before { content: '\e81b'; } /* '' */
.icon-sp-uh-backup:before { content: '\e81c'; } /* '' */
.icon-sp-uh-cloudflare:before { content: '\e81d'; } /* '' */
.icon-sp-uh-cron:before { content: '\e81e'; } /* '' */
.icon-sp-uh-emailcatchall:before { content: '\e81f'; } /* '' */
.icon-sp-uh-diskusage:before { content: '\e820'; } /* '' */
.icon-sp-uh-dns:before { content: '\e821'; } /* '' */
.icon-sp-uh-addons:before { content: '\e822'; } /* '' */
.icon-sp-uh-contactmail:before { content: '\e823'; } /* '' */
.icon-sp-uh-requestFeature:before { content: '\e824'; } /* '' */
.icon-sp-uh-filemanager:before { content: '\e825'; } /* '' */
.icon-sp-uh-emailforward:before { content: '\e826'; } /* '' */
.icon-sp-uh-emailfilters:before { content: '\e827'; } /* '' */
.icon-sp-uh-ftpaccounts:before { content: '\e828'; } /* '' */
.icon-sp-uh-joomla:before { content: '\e829'; } /* '' */
.icon-sp-uh-changelanguage:before { content: '\e82a'; } /* '' */
.icon-sp-uh-mailrouting:before { content: '\e82b'; } /* '' */
.icon-sp-uh-mysqldatabases:before { content: '\e82c'; } /* '' */
.icon-sp-uh-nodejsmanager:before { content: '\e82d'; } /* '' */
.icon-sp-uh-changepass:before { content: '\e82e'; } /* '' */
.icon-sp-uh-pgsqladmin:before { content: '\e82f'; } /* '' */
.icon-sp-uh-phpversions:before { content: '\e830'; } /* '' */
.icon-sp-uh-phpmyadmin:before { content: '\e831'; } /* '' */
.icon-sp-uh-pgsqldatabases:before { content: '\e832'; } /* '' */
.icon-sp-uh-redirects:before { content: '\e833'; } /* '' */
.icon-sp-uh-resourceusage:before { content: '\e834'; } /* '' */
.icon-sp-uh-spamassassin:before { content: '\e835'; } /* '' */
.icon-sp-uh-softaculous:before { content: '\e836'; } /* '' */
.icon-sp-uh-sshield:before { content: '\e837'; } /* '' */
.icon-sp-uh-ssl:before { content: '\e838'; } /* '' */
.icon-sp-uh-subdomains:before { content: '\e839'; } /* '' */
.icon-sp-uh-sshterminal:before { content: '\e83a'; } /* '' */
.icon-sp-uh-manageusers:before { content: '\e83b'; } /* '' */
.icon-sp-uh-emailtrackdelivery:before { content: '\e83c'; } /* '' */
.icon-sp-uh-webmail:before { content: '\e83d'; } /* '' */
.icon-sp-uh-statistics:before { content: '\e83e'; } /* '' */
.icon-sp-uh-monitoring:before { content: '\e83f'; } /* '' */
.icon-sp-uh-wordpress:before { content: '\e840'; } /* '' */
.icon-sp-uh-accesslog:before { content: '\e841'; } /* '' */
.icon-sp-uh-errorlog:before { content: '\e842'; } /* '' */
.icon-sp-uh-phperrorlog:before { content: '\e843'; } /* '' */
.icon-sp-file-type-icon-unknown:before { content: '\e844'!important; } /* '' */
.icon-sp-file-type-icon-inode\/x-empty:before { content: '\e845'!important; } /* '' */
.icon-sp-file-type-icon-inode\/symlink:before { content: '\e846'!important; } /* '' */
.icon-sp-file-type-icon-text/directory:before { content: '\e847'!important; } /* '' */
.icon-sp-file-type-icon-text\/x-algol68:before { content: '\e848'!important; } /* '' */
.icon-sp-file-type-icon-image\/svg\+xml:before { content: '\e849'!important; } /* '' */
.icon-sp-file-type-icon-video\/x-msvideo:before { content: '\e806'!important; } /* '' */
.icon-sp-file-type-icon-text\/css:before { content: '\e807'!important; } /* '' */
.icon-sp-file-type-icon-image\/gif:before { content: '\e808'!important; } /* '' */
.icon-sp-file-type-icon-image\/jpeg:before { content: '\e809'!important; } /* '' */
.icon-sp-file-type-icon-text\/html:before { content: '\e80a'!important; } /* '' */
.icon-sp-file-type-icon-text\/javascript:before { content: '\e80b'!important; } /* '' */
.icon-sp-file-type-icon-video\/quicktime:before { content: '\e80c'!important; } /* '' */
.icon-sp-file-type-icon-audio\/mpeg:before { content: '\e80d'!important; } /* '' */
.icon-sp-file-type-icon-video\/mp4:before { content: '\e80e'!important; } /* '' */
.icon-sp-file-type-icon-application\/pdf:before { content: '\e80f'!important; } /* '' */
.icon-sp-file-type-icon-image\/png:before { content: '\e810'!important; } /* '' */
.icon-sp-file-type-icon-text\/x-php:before { content: '\e811'!important; } /* '' */
.icon-sp-file-type-icon-image\/vnd\.adobe\.photoshop:before { content: '\e812'!important; } /* '' */
.icon-sp-file-type-icon-application\/vnd\.rar:before { content: '\e813'!important; } /* '' */
.icon-sp-file-type-icon-application\/x-gzip:before, .icon-sp-file-type-icon-application\/gzip:before { content: '\e814'!important; } /* '' */
.icon-sp-file-type-icon-vnd\.groove-tool-template:before { content: '\e815'!important; } /* '' */
.icon-sp-file-type-icon-text\/plain:before { content: '\e816'!important; } /* '' */
.icon-sp-file-type-icon-image\/webp:before { content: '\e817'!important; } /* '' */
.icon-sp-file-type-icon-application\/zip:before { content: '\e818'!important; } /* '' */
.icon-sp-uh-profilesettings:before { content: '\e84a'; } /* '' */
.icon-sp-uh-rainloop:before { content: '\e84b'; } /* '' */
.icon-sp-uh-roundcube:before { content: '\e84c'; } /* '' */