@font-face {
  font-family: 'iconline';
  src: url('/bundles/onlineconsole/css/fonts/iconline.eot');
  src: url('/bundles/onlineconsole/css/fonts/iconline.eot#iefix') format('embedded-opentype'),
       url('/bundles/onlineconsole/css/fonts/iconline.woff') format('woff'),
       url('/bundles/onlineconsole/css/fonts/iconline.ttf') format('truetype'),
       url('/bundles/onlineconsole/css/fonts/iconline.svg#iconline') format('svg');
  font-weight: normal;
  font-style: normal;}
@font-face {font-family: 'Glyphicons Halflings';
  src: url('/bundles/onlineconsole/css/fonts/glyphicons-halflings-regular.eot');
  src: url('/bundles/onlineconsole/css/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('/bundles/onlineconsole/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/bundles/onlineconsole/css/fonts/glyphicons-halflings-regular.ttf') format('truetype');}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

/* Chrome hack */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {  font-family: 'iconline';
    src: url('/bundles/onlineconsole/css/fonts/iconline.svg?74746185#iconline') format('svg');
  }
}
*/
.smallico {
    font-size: 16px;
}
.bigico {
    font-size: 32px;
}
.hugeico {
    font-size: 64px;
}
.iconline, .picto {
  font-family: 'iconline';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  background: inherit;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.glyphicon:empty {width: 1em;}
.glyphicon-asterisk:before{content: "\2a";}
.glyphicon-plus:before{content: "\2b";}
.glyphicon-euro:before{content: "\20ac";}
.glyphicon-minus:before{content: "\2212";}
.glyphicon-cloud:before{content: "\2601";}
.glyphicon-envelope:before{content: "\2709";}
.glyphicon-pencil:before{content: "\270f";}
.glyphicon-glass:before{content: "\e001";}
.glyphicon-music:before{content: "\e002";}
.glyphicon-search:before{content: "\e003";}
.glyphicon-heart:before{content: "\e005";}
.glyphicon-star:before{content: "\e006";}
.glyphicon-star-empty:before{content: "\e007";}
.glyphicon-user:before{content: "\e008";}
.glyphicon-film:before{content: "\e009";}
.glyphicon-th-large:before{content: "\e010";}
.glyphicon-th:before{content: "\e011";}
.glyphicon-th-list:before{content: "\e012";}
.glyphicon-ok:before{content: "\e013";}
.glyphicon-remove:before{content: "\e014";}
.glyphicon-zoom-in:before{content: "\e015";}
.glyphicon-zoom-out:before{content: "\e016";}
.glyphicon-off:before{content: "\e017";}
.glyphicon-signal:before{content: "\e018";}
.glyphicon-cog:before{content: "\e019";}
.glyphicon-trash:before{content: "\e020";}
.glyphicon-home:before{content: "\e021";}
.glyphicon-file:before{content: "\e022";}
.glyphicon-time:before{content: "\e023";}
.glyphicon-road:before{content: "\e024";}
.glyphicon-download-alt:before{content: "\e025";}
.glyphicon-download:before{content: "\e026";}
.glyphicon-upload:before{content: "\e027";}
.glyphicon-inbox:before{content: "\e028";}
.glyphicon-play-circle:before{content: "\e029";}
.glyphicon-repeat:before{content: "\e030";}
.glyphicon-refresh:before{content: "\e031";}
.glyphicon-list-alt:before{content: "\e032";}
.glyphicon-lock:before{content: "\e033";}
.glyphicon-flag:before{content: "\e034";}
.glyphicon-headphones:before{content: "\e035";}
.glyphicon-volume-off:before{content: "\e036";}
.glyphicon-volume-down:before{content: "\e037";}
.glyphicon-volume-up:before{content: "\e038";}
.glyphicon-qrcode:before{content: "\e039";}
.glyphicon-barcode:before{content: "\e040";}
.glyphicon-tag:before{content: "\e041";}
.glyphicon-tags:before{content: "\e042";}
.glyphicon-book:before{content: "\e043";}
.glyphicon-bookmark:before{content: "\e044";}
.glyphicon-print:before{content: "\e045";}
.glyphicon-camera:before{content: "\e046";}
.glyphicon-font:before{content: "\e047";}
.glyphicon-bold:before{content: "\e048";}
.glyphicon-italic:before{content: "\e049";}
.glyphicon-text-height:before{content: "\e050";}
.glyphicon-text-width:before{content: "\e051";}
.glyphicon-align-left:before{content: "\e052";}
.glyphicon-align-center:before{content: "\e053";}
.glyphicon-align-right:before{content: "\e054";}
.glyphicon-align-justify:before{content: "\e055";}
.glyphicon-list:before{content: "\e056";}
.glyphicon-indent-left:before{content: "\e057";}
.glyphicon-indent-right:before{content: "\e058";}
.glyphicon-facetime-video:before{content: "\e059";}
.glyphicon-picture:before{content: "\e060";}
.glyphicon-map-marker:before{content: "\e062";}
.glyphicon-adjust:before{content: "\e063";}
.glyphicon-tint:before{content: "\e064";}
.glyphicon-edit:before{content: "\e065";}
.glyphicon-share:before{content: "\e066";}
.glyphicon-check:before{content: "\e067";}
.glyphicon-move:before{content: "\e068";}
.glyphicon-step-backward:before{content: "\e069";}
.glyphicon-fast-backward:before{content: "\e070";}
.glyphicon-backward:before{content: "\e071";}
.glyphicon-play:before{content: "\e072";}
.glyphicon-pause:before{content: "\e073";}
.glyphicon-stop:before{content: "\e074";}
.glyphicon-forward:before{content: "\e075";}
.glyphicon-fast-forward:before{content: "\e076";}
.glyphicon-step-forward:before{content: "\e077";}
.glyphicon-eject:before{content: "\e078";}
.glyphicon-chevron-left:before{content: "\e079";}
.glyphicon-chevron-right:before{content: "\e080";}
.glyphicon-plus-sign:before{content: "\e081";}
.glyphicon-minus-sign:before{content: "\e082";}
.glyphicon-remove-sign:before{content: "\e083";}
.glyphicon-ok-sign:before{content: "\e084";}
.glyphicon-question-sign:before{content: "\e085";}
.glyphicon-info-sign:before{content: "\e086";}
.glyphicon-screenshot:before{content: "\e087";}
.glyphicon-remove-circle:before{content: "\e088";}
.glyphicon-ok-circle:before{content: "\e089";}
.glyphicon-ban-circle:before{content: "\e090";}
.glyphicon-arrow-left:before{content: "\e091";}
.glyphicon-arrow-right:before{content: "\e092";}
.glyphicon-arrow-up:before{content: "\e093";}
.glyphicon-arrow-down:before{content: "\e094";}
.glyphicon-share-alt:before{content: "\e095";}
.glyphicon-resize-full:before{content: "\e096";}
.glyphicon-resize-small:before{content: "\e097";}
.glyphicon-exclamation-sign:before{content: "\e101";}
.glyphicon-gift:before{content: "\e102";}
.glyphicon-leaf:before{content: "\e103";}
.glyphicon-fire:before{content: "\e104";}
.glyphicon-eye-open:before{content: "\e105";}
.glyphicon-eye-close:before{content: "\e106";}
.glyphicon-warning-sign:before{content: "\e107";}
.glyphicon-plane:before{content: "\e108";}
.glyphicon-calendar:before{content: "\e109";}
.glyphicon-random:before{content: "\e110";}
.glyphicon-comment:before{content: "\e111";}
.glyphicon-magnet:before{content: "\e112";}
.glyphicon-chevron-up:before{content: "\e113";}
.glyphicon-chevron-down:before{content: "\e114";}
.glyphicon-retweet:before{content: "\e115";}
.glyphicon-shopping-cart:before{content: "\e116";}
.glyphicon-folder-close:before{content: "\e117";}
.glyphicon-folder-open:before{content: "\e118";}
.glyphicon-resize-vertical:before{content: "\e119";}
.glyphicon-resize-horizontal:before{content: "\e120";}
.glyphicon-hdd:before{content: "\e121";}
.glyphicon-bullhorn:before{content: "\e122";}
.glyphicon-bell:before{content: "\e123";}
.glyphicon-certificate:before{content: "\e124";}
.glyphicon-thumbs-up:before{content: "\e125";}
.glyphicon-thumbs-down:before{content: "\e126";}
.glyphicon-hand-right:before{content: "\e127";}
.glyphicon-hand-left:before{content: "\e128";}
.glyphicon-hand-up:before{content: "\e129";}
.glyphicon-hand-down:before{content: "\e130";}
.glyphicon-circle-arrow-right:before{content: "\e131";}
.glyphicon-circle-arrow-left:before{content: "\e132";}
.glyphicon-circle-arrow-up:before{content: "\e133";}
.glyphicon-circle-arrow-down:before{content: "\e134";}
.glyphicon-globe:before{content: "\e135";}
.glyphicon-wrench:before{content: "\e136";}
.glyphicon-tasks:before{content: "\e137";}
.glyphicon-filter:before{content: "\e138";}
.glyphicon-briefcase:before{content: "\e139";}
.glyphicon-fullscreen:before{content: "\e140";}
.glyphicon-dashboard:before{content: "\e141";}
.glyphicon-paperclip:before{content: "\e142";}
.glyphicon-heart-empty:before{content: "\e143";}
.glyphicon-link:before{content: "\e144";}
.glyphicon-phone:before{content: "\e145";}
.glyphicon-pushpin:before{content: "\e146";}
.glyphicon-usd:before{content: "\e148";}
.glyphicon-gbp:before{content: "\e149";}
.glyphicon-sort:before{content: "\e150";}
.glyphicon-sort-by-alphabet:before{content: "\e151";}
.glyphicon-sort-by-alphabet-alt:before{content: "\e152";}
.glyphicon-sort-by-order:before{content: "\e153";}
.glyphicon-sort-by-order-alt:before{content: "\e154";}
.glyphicon-sort-by-attributes:before{content: "\e155";}
.glyphicon-sort-by-attributes-alt:before{content: "\e156";}
.glyphicon-unchecked:before{content: "\e157";}
.glyphicon-expand:before{content: "\e158";}
.glyphicon-collapse-down:before{content: "\e159";}
.glyphicon-collapse-up:before{content: "\e160";}
.glyphicon-log-in:before{content: "\e161";}
.glyphicon-flash:before{content: "\e162";}
.glyphicon-log-out:before{content: "\e163";}
.glyphicon-new-window:before{content: "\e164";}
.glyphicon-record:before{content: "\e165";}
.glyphicon-save:before{content: "\e166";}
.glyphicon-open:before{content: "\e167";}
.glyphicon-saved:before{content: "\e168";}
.glyphicon-import:before{content: "\e169";}
.glyphicon-export:before{content: "\e170";}
.glyphicon-send:before{content: "\e171";}
.glyphicon-floppy-disk:before{content: "\e172";}
.glyphicon-floppy-saved:before{content: "\e173";}
.glyphicon-floppy-remove:before{content: "\e174";}
.glyphicon-floppy-save:before{content: "\e175";}
.glyphicon-floppy-open:before{content: "\e176";}
.glyphicon-credit-card:before{content: "\e177";}
.glyphicon-transfer:before{content: "\e178";}
.glyphicon-cutlery:before{content: "\e179";}
.glyphicon-header:before{content: "\e180";}
.glyphicon-compressed:before{content: "\e181";}
.glyphicon-earphone:before{content: "\e182";}
.glyphicon-phone-alt:before{content: "\e183";}
.glyphicon-tower:before{content: "\e184";}
.glyphicon-stats:before{content: "\e185";}
.glyphicon-sd-video:before{content: "\e186";}
.glyphicon-hd-video:before{content: "\e187";}
.glyphicon-subtitles:before{content: "\e188";}
.glyphicon-sound-stereo:before{content: "\e189";}
.glyphicon-sound-dolby:before{content: "\e190";}
.glyphicon-sound-5-1:before{content: "\e191";}
.glyphicon-sound-6-1:before{content: "\e192";}
.glyphicon-sound-7-1:before{content: "\e193";}
.glyphicon-copyright-mark:before{content: "\e194";}
.glyphicon-registration-mark:before{content: "\e195";}
.glyphicon-cloud-download:before{content: "\e197";}
.glyphicon-cloud-upload:before{content: "\e198";}
.glyphicon-tree-conifer:before{content: "\e199";}
.glyphicon-tree-deciduous:before{content: "\e200";}


.iconline-facebook:before { content: "\e61b"; }
.iconline-browser-ff:before { content: "\21"; }
.iconline-browser-ie-1:before { content: "\22"; }
.iconline-wire-1:before { content: "\23"; }
.iconline-wire-2:before { content: "\24"; }
.iconline-smartphone:before { content: "\26"; }
.iconline-laptop:before { content: "\27"; }
.iconline-desktop2:before { content: "\28"; }
.iconline-wifi:before { content: "\29"; }
.iconline-mail-plenty:before { content: "\2a"; }
.iconline-phone2:before { content: "\2b"; }
.iconline-mouse:before { content: "\2c"; }
.iconline-cat:before { content: "\2d"; }
.iconline-dog:before { content: "\2e"; }
.iconline-rabbit:before { content: "\2f"; }
.iconline-spider:before { content: "\30"; }
.iconline-file1:before { content: "\31"; }
.iconline-files:before { content: "\32"; }
.iconline-file-add:before { content: "\33"; }
.iconline-file-charts:before { content: "\34"; }
.iconline-file-pdf:before { content: "\35"; }
.iconline-file-zip:before { content: "\36"; }
.iconline-file-mail:before { content: "\37"; }
.iconline-archived:before { content: "\38"; }
.iconline-file-checked:before { content: "\39"; }
.iconline-phone-callback:before { content: "\3a"; }
.iconline-phone-call:before { content: "\3b"; }
.iconline-phone3:before { content: "\3e"; }
.iconline-help:before { content: "\3f"; }
.iconline-warning:before { content: "\41"; }
.iconline-phone:before { content: "\42"; }
.iconline-circled-phone:before { content: "\43"; }
.iconline-circled-basket:before { content: "\44"; }
.iconline-basket:before { content: "\45"; }
.iconline-os-linux2:before { content: "\46";  color:#000;}
.iconline-tools-wrench:before { content: "\48"; }
.iconline-tools-1:before { content: "\49"; }
.iconline-megaphone:before { content: "\4a"; }
.iconline-cog-alt:before { content: "\4c"; }
.iconline-cog:before { content: "\4d"; }
.iconline-screwdriver:before { content: "\4e"; }
.iconline-shield:before { content: "\51"; }
.iconline-stats-high:before { content: "\52"; }
.iconline-stats-low:before { content: "\53"; }
.iconline-sat:before { content: "\54"; }
.iconline-batman-logo:before { content: "\55"; }
.iconline-space-invader:before { content: "\56"; }
.iconline-browser-chrome:before { content: "\58"; }
.iconline-mushroom:before { content: "\5a"; }
.iconline-rocket:before { content: "\5e"; }
.iconline-terminal2:before { content: "\61"; }
.iconline-twitter:before { content: "\62"; }
.iconline-github:before { content: "\63"; }
.iconline-github-text:before { content: "\64"; }
.iconline-paypal:before { content: "\65"; }
.iconline-w3c:before { content: "\66"; }
.iconline-browser-ie:before { content: "\67"; }
.iconline-globe:before { content: "\6a"; }
.iconline-globe-inv:before { content: "\6b"; }
.iconline-traffic-cone:before { content: "\6c"; }
.iconline-os-linux:before { content: "\6d";  color:#000;}
.iconline-os-apple:before { content: "\6e";  color:#000;}
.iconline-shield2:before { content: "\6f"; }
.iconline-sitemap:before { content: "\70"; }
.iconline-tasks:before { content: "\71"; }
.iconline-hdd2:before { content: "\72"; }
.iconline-credit-card:before { content: "\73"; }
.iconline-retweet:before { content: "\74"; }
.iconline-os-windows:before { content: "\75"; color: #0BB4EF;}
.iconline-attach:before { content: "\76"; }
.iconline-circled-star:before { content: "\77"; }
.iconline-maintenance1:before, .iconline-circled-wrench:before { content: "\78"; }
.iconline-circled-help:before { content: "\79"; }
.iconline-circled-info:before { content: "\7a"; }
.iconline-paypal-empty:before { content: "\7c"; }
.iconline-batman:before { content: "\7d"; }
.iconline-darkvaddor:before { content: "\e800"; }
.iconline-mask:before { content: "\e801"; }
.iconline-stat-high:before { content: "\e803"; }
.iconline-windows:before { content: "\e804"; }
.iconline-window:before { content: "\e805"; }
.iconline-pacman:before { content: "\e806"; }
.iconline-network:before { content: "\e807"; }
.iconline-network2:before { content: "\e808"; }
.iconline-mouse-plenty:before { content: "\e809"; }
.iconline-patch:before { content: "\e80b"; }
.iconline-pills:before { content: "\e80c"; }
.iconline-phone-error:before { content: "\e80f"; }
.iconline-file-one:before { content: "\e810"; }
.iconline-wip:before { content: "\e811"; }
.iconline-rocket-1:before { content: "\e812"; }
.iconline-data:before { content: "\e813"; }
.iconline-network3:before { content: "\e814"; }
.iconline-wire:before { content: "\e815"; }
.iconline-headphone:before { content: "\e816"; }
.iconline-antiddos-20x20:before, .iconline-antiddos-40x40:before, .iconline-shield-2:before { content: "\e817"; }
.iconline-tools:before { content: "\e818"; }
.iconline-maintenance2:before, .iconline-circled-hammer:before { content: "\e819"; }
.iconline-maintenance3:before, .iconline-circled-screwdriver:before { content: "\e81a"; }
.iconline-data2:before { content: "\e81b"; }
.iconline-hdd:before { content: "\e81c"; }
.iconline-usb2:before { content: "\e81d"; }
.iconline-os-gentoo:before { content: "\e8";color: #624AAA; }
.iconline-exchange:before { content: "\e600"; }
.iconline-cloud-download:before { content: "\e601"; }
.iconline-cloud-upload:before { content: "\e602"; }
.iconline-star-half-full:before { content: "\e603"; }
.iconline-switch:before { content: "\e604"; }
.iconline-node:before { content: "\e606"; }
.iconline-client:before { content: "\e607"; }
.iconline-loading2:before { content: "\e605"; }

.picto-maintenance1:before {content: "\e819";}
.picto-maintenance2:before {content: "\e81a";}
.picto-maintenance3:before {content: "\78";}
.picto-vhcs:before {content: "\e623";}
.picto-live:before {content: "\e627";}
.picto-custom:before {content: "";}

.picto-debian-hover:before {content: "\e60b"; color: #C70036; }
.iconline-antiddos-40x40:before {content: "\e628"; font-size: 40px;}
.iconline-antiddos-20x20:before {content: "\e628"; font-size: 20px;}
.picto-xubuntu:before {content: "\e6";color: #0044AA;}
.picto-windows:before {content: "u"; color: #0BB4EF;}
.picto-webmin:before {content: "\e61c"; color: #4E80B7}
.picto-ubuntu:before {content: "\ed";color: #DE4815;}
.picto-slackware:before {content: "\e619";color: #000;}
.picto-redhat:before {content: "\e618";color: #000;}
.picto-proxmox:before {content: "\e620";color: #CC6600;}
.picto-opensuse:before {content: "\e616";color: #6EB928;}
.picto-openbsd:before {content: "\e625";color: #000;}
.picto-netbsd:before {content: "\e614";color: #F26712;}
.picto-mandriva:before {content: "\e613";color: #ECA108;}
.picto-mageia:before {content: "\e612";color: #299AD2;}
.picto-lubuntu:before {content: "\ea";color: #0068C8}
.picto-kubuntu:before {content: "\e9";color: #0079C1;}

.picto-esxi:before {content: "\ee";color: #7DADD5;color: #7DADD5;}
.picto-desktop:before {content: "\e60e";}
.picto-debian:before {content: "\e60b"; color: #C70036;}
.little-logo-online:before {content: "\e610";}
.little-logo-favicon:before {content: "\e615";}

.picto:after, .iconline:after {position: absolute;}
.iconline-os-fedora:before, .picto-fedora:before {
  content: "\e61e";
  color: #00457D;
  position: relative;
  top:0;
  left:0;
}
.iconline-os-fedora:after,.picto-fedora:after {
  right: 0;
  content: "\e622";
  color: #00AEDB;
  top:0;
}
.iconline-os-coreos:after, .picto-coreos:after, .picto-Coreos:after { content: "\e62c";}
.iconline-os-coreos:before, .picto-coreos:before, .picto-Coreos:before { content: "\e63d";}
.iconline-owncloud:before, .picto-owncloud:before, .picto-ownCloud:before { content: "\e63e"; color:#1D2D44;}
.iconline-perso-server:before { content: "\e63f"; color: #FF8C69;}
.iconline-os-freebsd:before, .picto-FreeBSD:before, .picto-freebsd:before { content: "\e624"; color: #FF3300; top:0; left:0;}
.iconline-os-freebsd:after, .picto-FreeBSD:after, .picto-freebsd:after{ content: "\e625"; color: #000; top:0; left:0;}
.iconline-os-kubuntu:before,.picto-kubuntu:before { content: "\e629";color: #0079C1;}
.iconline-os-lubuntu:before,.picto-lubuntu:before { content: "\e62a";color: #0068C8}
.iconline-os-mageia:before, .picto-mageia:before { content: "\e62b";color: #29304C;}
.iconline-os-mageia:after, .picto-mageia:after {top:0; left:0;content: "\e62d";color: #299AD2;}
.iconline-os-mandriva:before, .picto-mandriva:before { content: "\e62e"; color: #ECA108;right:0; }
.iconline-os-mandriva:after, .picto-mandriva:after { right:0;content: "\e62f"; color: #4C6ABC;}
.iconline-os-netbsd:after, .picto-netbsd:after  { content: "\e630"; color: #F26712;top:0; left:0;}
.iconline-os-netbsd:before, .picto-netbsd:before { content: "\e631"; color: #000;bottom:0; left:0;}
.iconline-online-net:before, .picto-online-net:before { content: "\e632"; }
.iconline-os-openbsd:after, .picto-openbsd:after { content: "\e634"; color: #000;top:0; left:0;}
.iconline-os-openbsd:before, .picto-openbsd:before { content: "\e633";color: #F9AF36; top:0; left:0;}

.iconline-os-proxmox, .picto-proxmox { font-size: 25%; display: inline-block;}
.iconline-os-proxmox:before, .picto-proxmox:before { content: "\e635"; font-size: 25%;color: #CC6600;top:0; left:0;vertical-align: top;}
.iconline-os-proxmox:after, .picto-proxmox:after { content: "\e636"; font-size: 25%;color: #000;left:0;top: 0;vertical-align: top;}
.iconline-os-redhat:before, .picto-redhat:before { content: "\e637"; color: #FF3300;top:0; left:0;}
.iconline-os-redhat:after, .picto-redhat:after { content: "\e638"; color: #000;top:0; left:0;}
.iconline-os-coreos:before, .picto-coreos:before, .picto-Coreos:before { color: #f1606d;}
.iconline-os-coreos:after, .picto-coreos:after, .picto-Coreos:after { color: #53a3da; left:0;}
.iconline-os-edubuntu:before,.picto-edubuntu:before , .iconline-os-ubuntu:before,.picto-ubuntu:before { content: "\e639"; color: #DE4815;}
.picto-ESXi:before, .picto-esxi:before,.iconline-os-vmware:before,.picto-vmware:before { content: "\e63a"; color: #83A3D4}
.iconline-os-xubuntu:before, .picto-xubuntu:before { content: "\e63c"; color: #0044AA;}
.iconline-usb:before { content: "\e626"; }
.iconline-cd:before { content: "\e627"; }
.iconline-antiddos:before, .picto-antiddos:before { content: "\e628"; }
.iconline-os-android:before, .picto-android:before { content: "\e608"; color: #A4C739;}
.iconline-os-sidux:before, .picto-sidux:before { content: "\e621";  color:#000;}
.iconline-os-gentoo, .picto-gentoo:before {content: "\e8";color: #9A99E7;}

.iconline-picto-desktop:before { content: "\e60c"; }
.iconline-picto-panel:before { content: "\e60e"; }
.iconline-picto-virtu:before { content: "\e614"; }
.iconline-picto-terminal:before { content: "\e611"; }
.iconline-picto-bg:before { content: "\e612"; }

.iconline-desktop:before, .picto-desktop:before { content: "\e60a"; }
.iconline-panel:before, .picto-panel:before { content: "\e60d"; }
.iconline-server:before, .picto-server:before { content: "\e60f"; }
.iconline-virtu:before, .picto-virtu:before { content: "\e613"; }
.iconline-desktop:before, .picto-desktop:after,
.iconline-virtu:before, .picto-virtu:after,
.iconline-server:before, .picto-server:after,
.iconline-panel:before, .picto-panel:after
 { content: "\e612"; }

.picto-desktop:after { color: #000; top:0; left:0;vertical-align: top}
.picto-server:before { color: #6524a6; top:0; left:0;vertical-align: top}
.picto-panel:before { color: #6524a6; top:0; left:0;vertical-align: top}
.picto-desktop:before { color: #6524a6; top:0; left:0;vertical-align: top}
.picto-virtu:before {  color: #6524a6; top:0; left:0;vertical-align: top}
.picto-panel:after { color: #000; top:3px; left:1px;vertical-align: top}
.picto-server:after { color: #000; top:3px; left:1px;vertical-align: top}
.picto-desktop:after {  color: #000; top:0px; left:1px;vertical-align: top}
.picto-virtu:after { color: #000;top:0px; left:1px;vertical-align: top}
.iconline-os-windows2, .picto-windows2 {
  color: transparent;
}
.iconline-os-windows2:before, .picto-windows2:before {
    background: url("/bundles/onlineconsole/images/windows-fg.svg") no-repeat scroll left top / contain rgba(0, 0, 0, 0);
    bottom: 0;
    color: transparent;
    content: "";
    left: 0;
    position: absolute;
    vertical-align: top;
    z-index: 20;
}
.iconline-os-windows2:after, .picto-windows2:after {
    color: #000;
    content: "";
    left: 0;
    position: relative;
    top: 0;
    vertical-align: top;
}
.iconline-os-centos:before, .picto-centos:before {
  content: "\e618";
  color: #000;
  background: url(/bundles/onlineconsole/images/centos-bg.svg) no-repeat left top;
  background-size: contain;
  top: 0;
  left: 0;
;}

.iconline-os-vhcs:before, .picto-vhcs:before { content: "\e623"; color:#000;}
.iconline-os-archlinux:before, .picto-archlinux:before { content: "\e609"; color:#000;}
.iconline-os-debian:before, .picto-debian:before { content: "\e60b"; color: #C70036; }
.iconline-logonline:before, .iconline-logonline:before { content: "\e610"; }
.iconline-online:before { content: "\e615"; }
.iconline-os-opensuse:before, .picto-opensuse:before { content: "\e616";color: #6EB928; }
.iconline-os-slackware:before, .picto-slackware:before { content: "\e619"; color: #000; color:#000;}
.iconline-os-ubuntu2:before, .picto-ubuntu2:before { content: "\e61a"; color: #DE4815;}
.iconline-os-webmin:before, .picto-webmin:before { content: "\e61c"; color: #4C7DC0}
.iconline-os-windows1:before, .picto-windows1:before { content: "u"; color: #0BB4EF;}

.picto-kvm:before {
    border: 1px solid;
    border-radius: 2px;
    content: "KVM";
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 100%;
    height: 100%;
    line-height: 100%;
    padding: 0 2px;
    background: inherit;
}
.picto-kvm:after {
    bottom: -8px;
    content: "F";
    display: inline-block;
    font-size: 50%;
    height: 50%;
    line-height: 50%;
    right: 0;
    text-shadow: -1px -1px 1px #fff;
    background: inherit;
}

.picto-ispconfig:before {
    color: #FF0000;
    content: "ISP";
    display: inline-block;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 70%;
    font-weight: bold;
    height: 100%;
    left: 0;
    line-height: 100%;
    padding-top: 0;
    position: relative;
    text-shadow: 1px 1px 1px #000;
    vertical-align: top;
}
.picto-ispconfig:after {
    bottom: 0;
    color: #000;
    content: "Config";
    display: inline-block;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 40%;
    font-weight: bold;
    left: 0;
    line-height: 100%;
    text-shadow: 1px 1px 1px #fff;
    vertical-align: bottom;
}

.little-logo-online-old {
  background: url(/bundles/onlineconsole/images/little-logo-online-old.png) no-repeat left top;
  width: 60px;
  height: 18px;
  display: inline-block;
}
.little-logo-dedibox {
  background: url(/bundles/onlineconsole/images/little-logo-dedibox.png) no-repeat left top;
  width: 47px;
  height: 18px;
  display: inline-block;
}
.logo_online {
  background: url(/bundles/onlineconsole/images/logo_online.png) no-repeat left top;
  width: 162px;
  height: 58px;
  display: inline-block;
}
.option-carotte {
  background: url(/bundles/onlineconsole/images/carotte.png) no-repeat left top;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.iconline-logonline:before {
 content: "\e610";
}
.picto-power8 {
  background: url(/bundles/onlineconsole/images/powerkvm.png) no-repeat center center;
}
.picto-power8 {
  background: url(/bundles/onlineconsole/images/powerkvm.svg) no-repeat center center;
  background-size: 50px auto;
  height: 32px;
  width: 50px;
  display: inline-block;
  margin: 0 auto;
}
.picto-powerkvm {
  background: url(/bundles/onlineconsole/images/powerkvm.png) no-repeat center center;
}
.picto-powerkvm {
  background: url(/bundles/onlineconsole/images/powerkvm.svg) no-repeat center center;
  background-size: 50px auto;
  height: 10px;
  width: 50px;
  display: inline-block;
}
.picto-kimchi {
  background: url(/bundles/onlineconsole/images/kimchi.png) no-repeat center center;
}
.picto-kimchi {
  background: url(/bundles/onlineconsole/images/kimchi.svg) no-repeat center center;
  background-size: 16px auto;
  height: 18px;
  width: 18px;
  display: inline-block;
  margin: 0 auto;
}
.picto-plex {
  background: url(/bundles/onlineconsole/images/plex.svg) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}
.iconline-os-plesk,
.picto-plesk {
  background: url(/bundles/onlineconsole/images/plesk.png) no-repeat center center;
  background: url(/bundles/onlineconsole/images/plesk.svg) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}

.bigico.iconline-os-bbb,
.bigico.picto-bbb {
    background-size: 32px auto;
    height: 32px;
    width: 32px;
}
.hugeico.iconline-os-bbb,
.hugeico.picto-bbb {
    background-size: 64px auto;
    height: 64px;
    width: 64px;
}

.iconline-os-bbb,
.picto-bbb {
  background: url(/bundles/onlineconsole/images/bbb.png) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}

.bigico.iconline-os-yunohost,
.bigico.picto-yunohost {
    background-size: 32px auto;
    height: 32px;
    width: 32px;
}
.hugeico.iconline-os-yunohost,
.hugeico.picto-yunohost {
    background-size: 64px auto;
    height: 64px;
    width: 64px;
}

.iconline-os-yunohost,
.picto-yunohost {
  background: url(/bundles/onlineconsole/images/yunohost.png) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}

.bigico.iconline-os-rocky,
.bigico.picto-rocky {
    background-size: 32px auto;
    height: 32px;
    width: 32px;
}
.hugeico.iconline-os-rocky,
.hugeico.picto-rocky {
    background-size: 64px auto;
    height: 64px;
    width: 64px;
}

.iconline-os-rocky,
.picto-rocky {
  background: url(/bundles/onlineconsole/images/rocky.png) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}

.bigico.iconline-os-oracle,
.bigico.picto-oracle {
    background-size: 32px auto;
    height: 32px;
    width: 32px;
}
.hugeico.iconline-os-oracle,
.hugeico.picto-oracle {
    background-size: 64px auto;
    height: 64px;
    width: 64px;
}

.iconline-os-oracle,
.picto-oracle {
  background: url(/bundles/onlineconsole/images/oracle.png) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}

.iconline-os-plesk-parallel, .picto-plesk-parallel {
  background: url(/bundles/onlineconsole/images/plesk.png) no-repeat center center;
  background: url(/bundles/onlineconsole/images/plesk.svg) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}

.picto-cpanel {
  background: url(/bundles/onlineconsole/images/cpanel.svg) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}
.picto-seedbox {
  background: url(/bundles/onlineconsole/images/seedbox.svg) no-repeat center center;
  background-size: 26px auto;
  height: 28px;
  width: 28px;
  display: inline-block;
  margin: 0 auto;
}
.hugeico.picto-plesk-parallel,
.hugeico.picto-plesk,
.hugeico.picto-cpanel,
.hugeico.picto-plex,
.hugeico.picto-seedbox {
  background-size: 280px auto;
  height: 280px;
  width: 280px;
}

.colour-debian { color: #C70036;}
.colour-windows {color: #0BB4EF;}
.colour-webmin {color: #4E80B7;}
.colour-slackware {color: #000;}
.colour-opensuse {color: #6EB928;}
.colour-openbsd {color: #000;}
.colour-netbsd {color: #F26712;}

.colour-gentoo {color: #624AAA;}
.colour-FreeBSD {color: #8B0000;}
.colour-freebsd {color:#8B0000;}
.colour-fedora {color: #3C6EB4;}
.colour-esxi {color: #7DADD5;}
.colour-ESXi {color: #7DADD5;}
.colour-mageia {color: #299AD2;}
.colour-proxmox {color: #CC6600;}

.colour-mandriva {color: #ECA108;}
.colour-ubuntu {color: #DE4815;}
.colour-xubuntu {color: #0044AA;}
.colour-lubuntu {color: #0068C8;}
.colour-kubuntu {color: #0079C1;}
.colour-edubuntu {color: #AA0000;}
.colour-centos {color: #000;}
.colour-Coreos, .colour-coreos {color: #53a3da;}
.colour-ownCloud, .colour-owncloud {color: #1D2D44;}
.colour-redhat {color: #000;}
.colour-antidos {color: #22A0CE;}

.bg-debian { background-color: #C70036;}
.bg-windows {background-color: #0BB4EF;}
.bg-webmin {background-color: #4E80B7;}
.bg-slackware {background-color: #000;}
.bg-opensuse {background-color: #6EB928;}
.bg-openbsd {background-color: #000;}
.bg-netbsd {background-color: #F26712;}

.bg-gentoo {background-color: #624AAA;}
.bg-FreeBSD {background-color: #8B0000;}
.bg-freebsd {background-color:#8B0000;}
.bg-fedora {background-color: #3C6EB4;}
.bg-esxi {background-color: #7DADD5;}
.bg-ESXi {background-color: #7DADD5;}
.bg-mageia {background-color: #299AD2;}
.bg-proxmox {background-color: #CC6600;}

.bg-mandriva {background-color: #ECA108;}
.bg-ubuntu {background-color: #DE4815;}
.bg-xubuntu {background-color: #0044AA;}
.bg-lubuntu {background-color: #0068C8;}
.bg-kubuntu {background-color: #0079C1;}
.bg-edubuntu {background-color: #AA0000;}
.bg-centos {background-color: #000;}
.bg-redhat {background-color: #000;}
.bg-ownCloud, .bg-owncloud{ background-color: #53a3da;}
.bg-coreos, .bg-Coreos{ background-color: #F1606D;}

/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
     -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated.hinge {
     -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {opacity: 1;}
  25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;}
  25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
  0%, 50%, 100% {opacity: 1;}
  25%, 75% {opacity: 0;}
}
@keyframes flash {
  0%, 50%, 100% {opacity: 1;}
  25%, 75% {opacity: 0;}
}
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes shake {
  0%, 100% {-webkit-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
  0%, 100% {-moz-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
  0%, 100% {-o-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
  20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  40% {-moz-transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  40% {-o-transform: translateY(-30px);}
  60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes tada {
  0% {-webkit-transform: scale(1);}
  10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
  100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
  0% {-moz-transform: scale(1);}
  10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
  100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
  0% {-o-transform: scale(1);}
  10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
  100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
  0% {transform: scale(1);}
  10%, 20% {transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
  100% {transform: scale(1) rotate(0);}
}
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
  20% { -webkit-transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
  20% { -moz-transform: rotate(15deg); }
  40% { -moz-transform: rotate(-10deg); }
  60% { -moz-transform: rotate(5deg); }
  80% { -moz-transform: rotate(-5deg); }
  100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
  20% { -o-transform: rotate(15deg); }
  40% { -o-transform: rotate(-10deg); }
  60% { -o-transform: rotate(5deg); }
  80% { -o-transform: rotate(-5deg); }
  100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}

/* www.teqnofox.in */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes pulse {
  0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.1); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
  0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.1); }
  100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
  0% { -o-transform: scale(1); }
  50% { -o-transform: scale(1.1); }
  100% { -o-transform: scale(1); }
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes flip {
    0% {  -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(.95);
    -o-animation-timing-function: ease-in;
  }
  100% {  -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}

.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;}


/* www.teqnofox.in */

@-webkit-keyframes wiggle {
  0% {
   -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
  100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
  0% {
   -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
  100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
  0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
  100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
  0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;}