.gen-icon:before
{
    font-family: 'skoletube';
}

.gen-icon.loading:before
{
    animation: spin 2s infinite linear;
    content: "\E826" !important;
    font-family: 'skoletube';
    display: inline-block;
}

.gen-icon.loading:empty:before
{
    animation: spin-middle 2s infinite linear;
}

.gen-icon.gen-date:before
{
    content:'\e81d';
}

.gen-icon.gen-alpha:before
{
    content:'\e821';
}

.gen-icon.gen-pows:before
{
    content:'\e823';
}

.gen-icon.gen-order-asc:before
{
    content:'\e819';
}

.gen-icon.gen-copylink:before
{
    content:'\e87e';
}

.gen-icon.gen-copyembed:before
{
    content:'\e87d';
}

.gen-icon.gen-copyqr:before
{
    content:'\e870';
}

.gen-icon.gen-download:before
{
    content:'\e880';
}

.gen-icon.gen-addmymedia:before
{
    content:'\e871';
}

.gen-icon.gen-uploadnew:before
{
    content:'\e88e';
}

.gen-icon.gen-groupset:before
{
    content:'\e883';
}

.gen-icon.gen-mediaadm:before
{
    content:'\e881';
}

.gen-icon.gen-invitecd:before
{
    content:'\e887';
}

.gen-icon.gen-uniimpor:before
{
    content:'\e88a';
}

.gen-icon.gen-parentcd:before
{
    content:'\e88d';
}

.gen-icon.gen-delete:before
{
    content:'\e877';
}

.gen-icon.gen-viewmedia:before
{
    content:'\e886';
}

.gen-icon.gen-makeadmin:before
{
    content:'\e881';
}

.gen-icon.gen-removeadmin:before
{
    content:'\e894';
}

.gen-icon.gen-mediaplay:before
{
    content:'\e854';
}

.gen-icon.gen-external:before
{
    content:'\f08e';
}

.gen-icon.gen-mediapause:before
{
    content:'\f28b';
}

.gen-icon.gen-mediastop:before
{
    content:'\f28d';
}

.gen-icon.gen-rename:before
{
    content:'\e899';
}

.gen-icon.gen-edit:before
{
    content:'\e888';
}

.gen-icon.gen-colorize:before
{
    content:'\e882';
}

.gen-icon.gen-accesskey:before
{
    content:'\e887';
}

.gen-icon.gen-viewinfo:before
{
    content:'\e88d';
}

.gen-icon.gen-collection:before
{
    content:'\e884';
}

.gen-icon.gen-delcollection:before
{
    content:'\e89f';
}

.gen-icon.gen-newgroup:before
{
    content: "\E85e";
}

.gen-icon.gen-watch:before
{
    content: "\E822";
}

.gen-icon.gen-logout:before
{
    content: "\E840";
}

.gen-icon.gen-leave:before
{
    content: "\E89d";
}

.gen-icon.gen-approve:before
{
    content: "\E890";
}

.gen-icon.gen-transfer:before
{
    content: "\E833";
}

.gen-icon.gen-userwaiting:before
{
    content: "\E834";
}

.gen-icon.gen-mediawaiting:before
{
    content: "\E8b5";
}

.gen-icon.gen-owner:before
{
    content: "\E858";
}

.gen-icon.gen-ownerof:before
{
    content: "\E823";
}

.gen-icon.gen-memberof:before
{
    content: "\E859";
}

.infinity_active.playing:after
{
    content: "\E854";
}

.infinity_active.selected:after
{
    content: "\E890";
}

.gen-icon.gen-toinlinelist:before
{
    content: "\E806";
}

.gen-icon.gen-toblocklist:before
{
    content: "\E895";
}

.gen-icon.gen-numberofmedia:before
{
    content: "\E8b7";
}

.gen-icon.gen-numberofusers:before
{
    content: "\E8b6";
}

.gen-icon.gen-hide:before
{
    content: "\e872";
}

.gen-icon.gen-prev:before
{
    content: "\e892";
}

.gen-icon.gen-next:before
{
    content: "\e893";
}

.gen-icon.gen-media:before
{
    content: "\e878";
}

.gen-icon.gen-members:before
{
    content: "\e879";
}

.gen-icon.gen-sorting:before
{
    content: "\e819";
}

.gen-icon.gen-comments:before
{
    content: "\e876";
}

.gen-icon.gen-share:before
{
    content: "\e87d";
}

.gen-icon.gen-leader:before
{
    content: '\e823';
}

.gen-icon.gen-leader.gen-leadervar:before
{
    content: '\e837';
}

.gen-icon.gen-notifications:before
{
    content: "\f0f3";
}

.gen-icon.gen-invitations:before
{
    content: "\e8a0";
}

.gen-icon.gen-mymedia:before
{
    content: "\e867";
}

.gen-icon.gen-mygroups:before
{
    content: "\e868";
}

.gen-icon.gen-myplaylists:before
{
    content: "\e869";
}

.gen-icon.gen-addplaylist:before
{
    content: "\e832";
}

.gen-icon.gen-playlist:before
{
    content: "\e86b";
}

.gen-icon.gen-myprofile:before
{
    content: "\e86a";
}

.gen-icon.gen-resourcegroup:before
{
    content: "\e808";
}

.gen-icon.gen-uploader:before
{
    content: "\e80b";
}

.gen-icon.gen-uploader-multi:before
{
    content: "\e85f";
}

.gen-icon.gen-uploader-embed:before
{
    content: "\e861";
}

.gen-icon.gen-uploader-qr:before
{
    content: "\e870";
}

.gen-icon.gen-logout:before
{
    content: "\e84d";
}

.gen-icon.gen-multisel:before
{
    content: "\e8a6";
}

.gen-icon.gen-supportchat:before
{
    content: "\e8af";
}

.gen-icon.gen-mail:before
{
    content: "\e8a8";
}

.gen-icon.gen-arrowmail:before
{
    content: "\e8aa";
}

.gen-icon.gen-clock:before
{
    content: "\e8ae";
}

.gen-icon.gen-media:before
{
    content: "\e867";
}

.gen-icon.gen-groups:before
{
    content: "\e8b6";
}

.gen-icon.gen-changepupil:before
{
    content: "\e813";
}

.gen-icon.gen-settings:before
{
    content: "\e87a";
}

.gen-icon.gen-notifications-white:before
{
    content: '\e896';
}

.gen-icon.gen-recycle:before
{
    content: '\e8a4';
}

.gen-icon.gen-emptytrash:before
{
    content: '\e8a5';
}

.gen-icon.gen-restore:before
{
    content: '\e85c';
}

.gen-icon.gen-threedots:before
{
    content: '\e874';
}

.gen-icon.gen-group:before
{
    content: '\e886';
}

.gen-icon.gen-copylink-grp:before
{
    content: '\e897';
}

.gen-icon.gen-filter:before
{
    content: '\e8ab';
}

.gen-icon.gen-tags:before
{
    content: '\e8ad';
}

.gen-icon.gen-searchtitle:before
{
    content: '\e8b4';
}

.gen-icon.gen-anymedia:before
{
    content: '\e89b';
}

.gen-icon.gen-video:before
{
    content: '\e89a';
}

.gen-icon.gen-images:before
{
    content: '\e8ac';
}

.gen-icon.gen-audio:before
{
    content: '\e8b1';
}

.gen-icon.gen-documents:before
{
    content: '\e8b2';
}

.gen-icon.gen-embed:before
{
    content: '\e8b0';
}

.gen-icon.gen-description:before
{
    content: '\e8b2';
}

.gen-icon.gen-remove:before
{
    content: '\e81c';
}

.gen-icon.gen-rightarrow:before
{
    content: '\E843';
}

.gen-icon.gen-leftarrow:before
{
    content: '\E842';
}

.gen-icon.gen-playlistmenu:before
{
    content: '\E8C4';
}

.gen-icon.gen-uparrow:before
{
    content: '\E8a7';
}

.gen-icon.gen-downarrow:before
{
    content: '\E81b';
}

.gen-icon.gen-close:before
{
    content: '\E816';
}

.gen-icon.genmenu-item.gen-leader-after:after
{
    content: '\e823' !important;
    font-size: 3em;
    visibility: visible;
    color: #000;
}

.gen-icon.gen-institution:before
{
    content: '\e8ba';
}

.gen-icon.gen-userselect:before
{
    content: '\e8b9';
}

.gen-icon.gen-select:before
{
    content: '\e8a3';
}

.gen-icon.gen-unselect:before
{
    content: '\e8a1';
}

.gen-icon.gen-back:before
{
    content: '\e817';
}

.gen-icon.gen-info:before
{
    content: '\e82e';
}

.gen-icon.gen-burger:before
{
    content: '\e835';
}

.gen-icon.gen-copyclipboard:before
{
    content: '\e8c3';
}

.gen-icon.gen-remix:before
{
    content: '\e808';
}

.gen-icon.gen-fullscreen:before
{
    content: "\e86c";
}

.gen-icon.gen-write:before
{
    content: "\e841";
}

.gen-icon.gen-preview:before
{
    content: "\e802";
}

.gen-icon.gen-save:before
{
    content: "\e829";
}

.gen-icon.gen-publish:before
{
    content: "\e828";
}

.gen-icon.gen-slideshow:before
{
    content: "\e8b7";
}

.gen-icon.gen-newdoc:before
{
    content: "\e825";
}

.gen-icon.gen-pictures:before
{
    content: "\e851";
}

.gen-icon.gen-music:before
{
    content: "\e82a";
}

.gen-icon.gen-podcast:before
{
    content: "\F2CE";
}

.gen-icon.gen-plus:before
{
    content: "\E860";
}

.gen-icon.gen-eyeclose:before
{
    content: "\E872";
}

.gen-icon.gen-eyeopen:before
{
    content: "\E873";
}

.gen-icon.gen-red:before
{
    color:rgb(236,76,119);
}

.gen-icon.gen-blue:before
{
    color:#1D7FF3;
}

.gen-icon.gen-initials:before
{
    content: attr(data-icon) " ";
}

.group_leader .gen-icon.gen-leadervar:before
{
    content: '\e823';
}

.pinhide .gen-icon.gen-hide:before
{
    content: "\e873";
}

.gen-icon.gen-button
{
    text-align: center;
}

.gen-icon.gen-button:hover
{
    text-decoration: none;
}

.gen-icon.gen-ai:before
{
    content: '\e8c8';
}

.gen-icon.gen-button:before
{
    height: 1.5em;
    width: 1.5em;
    display: block;
    font-size: 2em;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5em;
    background: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 0.2em;
    margin: 0 auto 0.2em;
}

.gen-icon.gen-tickable:after
{
    transform: translate(0,-50%) scale(0.4);
    visibility: hidden;
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 2.275);
    right: 0.3em;
    top: 50%;
    font-size:0.8em;
    content: '\e80c';
    font-family: 'skoletube';
    position: absolute;
}

.gen-icon.gen-tickable.tick:after
{
    visibility: visible;
    transform: translate(0,-50%) scale(1);
}