// Extra icons to fit db defiend tyopes (cf pagebuilder)
.icon { //fontawesome solid is the default
    font-family: "Font Awesome 5 Free Solid", "Font Awesome 5 Free" !important;
    font-weight: 900;
    &.icon-regular {
        font-family: "Font Awesome 5 Free Regular", "Font Awesome 5 Free" !important;
        font-weight: 400;
    }
    &.icon-brand {
        font-family: "Font Awesome 5 Brands Regular", "Font Awesome 5 Free" !important;
        font-weight: 400;
    }
    &.right {
        padding-left: 5px;
    }
    &.left {
        padding-right: 5px;
    }
    &.block-loading {
        margin-top: 20px;
        margin-left: 30px;
    }
}

.icon-placeholder {
    opacity:0;
    pointer-events: none;
    cursor: default;
}

.icon-annotation:before {
    content: fa-content($fa-var-pen-square);
}
.icon-peerassessment:before {
    content: fa-content($fa-var-list-alt);
}
.icon-signoff:before {
    content: fa-content($fa-var-check-square);
}
.icon-fileimagevideo:before,
.icon-video:before {
    content: fa-content($fa-var-film);
}
.icon-blog:before {
    content: fa-content($fa-var-pen);
}

.icon-general:before,
.icon-occupation:before {
    content: fa-content($fa-var-briefcase);
}

.icon-internal:before {
    content: fa-content($fa-var-user);
}

.icon-external:before {
    content: fa-content($fa-var-external-link-alt);
}

.icon-text:before {
    content: fa-content($fa-var-font);
}

.icon-filedownload:before {
    content: fa-content($fa-var-download);
}

.icon-gallery:before {
    content: fa-content($fa-var-image);
}

.icon-internalmedia:before {
    content: fa-content($fa-var-video);
}

.icon-pdf:before {
    content: fa-content($fa-var-file-pdf);
}

.icon-blogaddress:before,
.icon-officialwebsite:before,
.icon-personalwebsite:before {
    content: fa-content($fa-var-rss);
}

.icon-html:before {
    content: fa-content($fa-var-code);
}

.icon-view:before,
.icon-myviews:before,
.icon-groupviews:before {
    content: fa-content($fa-var-file);
}

.icon-personalskill:before,
.icon-personalgoal:before,
.icon-membership:before,
.icon-employmenthistory:before,
.icon-workskill:before,
.icon-workgoal:before,
.icon-academicskill:before,
.icon-academicgoal:before,
.icon-careergoal:before,
.icon-coverletter:before,
.icon-educationhistory:before,
.icon-interest:before,
.icon-blogpost:before {
    content: fa-content($fa-var-file-alt);
}

.icon-certification:before {
    content: fa-content($fa-var-certificate);
}

.icon-recentposts:before {
    content: fa-content($fa-var-clock);
}

.icon-taggedposts:before {
    content: fa-content($fa-var-tags);
}

.icon-creativecommons:before {
    content: fa-content($fa-var-creative-commons);
}

.icon-navigation:before {
    content: fa-content($fa-var-location-arrow);
}

.icon-newviews:before {
    content: fa-content($fa-var-file);
}

.icon-plans:before {
    content: fa-content($fa-var-map);
}

.icon-tasks:before {
    content: fa-content($fa-var-tasks);
}

.icon-recentforumposts:before {
    content: fa-content($fa-var-comments);
}

.icon-textbox:before {
    content: fa-content($fa-var-pen-square);
}

.icon-watchlist:before {
    content: fa-content($fa-var-eye);
}

.icon-groupinfo:before,
.icon-profileinfo:before {
    content: fa-content($fa-var-info);
}

.icon-socialprofile:before {
    content: fa-content($fa-var-thumbs-up);
}

.icon-entireresume:before {
    content: fa-content($fa-var-star);
}

.icon-resumefield:before {
    content: fa-content($fa-var-star-half);
}

.icon-myfriends:before {
    content: fa-content($fa-var-user-plus);
}

.icon-groupmembers:before,
.icon-mygroups:before {
    content: fa-content($fa-var-users);
}

.icon-externalfeed:before {
    content: fa-content($fa-var-rss);
}

.icon-externalvideo:before {
    content: fa-content($fa-var-youtube);
}

.icon-googleapps:before {
    content: fa-content($fa-var-google);
}

.icon-wall:before {
    content: fa-content($fa-var-quote-left);
}

.icon-audio:before {
    content: fa-content($fa-var-music);
}

.icon-task:before {
    content: fa-content($fa-var-tasks);
}

.icon-plan:before {
    content: fa-content($fa-var-calendar-check);
}

.icon-collection:before {
    content: fa-content($fa-var-folder-open);
}

.icon-introduction:before {
    content: fa-content($fa-var-file-alt);
}

.icon-homenumber:before,
.icon-businessnumber:before {
    content: fa-content($fa-var-phone);
}

.icon-address:before {
    content: fa-content($fa-var-road);
}

.icon-town:before {
    content: fa-content($fa-var-home);
}

.icon-city:before {
    content: fa-content($fa-var-building);
}

.icon-country:before {
    content: fa-content($fa-var-globe);
}

.icon-personalinformation:before {
    content: fa-content($fa-var-sticky-note);
}

.icon-studentid:before {
    content: fa-content($fa-var-graduation-cap);
}

.icon-mobilenumber:before {
    content: fa-content($fa-var-mobile);
}

.icon-on-hover {

    ~ .icon-action {
        opacity: 0;
        visibility: hidden;
        padding-top: 5px;
    }
    &:hover {
        ~ .icon {
            opacity: 1;
            visibility: visible;
            &.text-watermark {
                opacity: 0.2;
            }
        }
    }
}

.icon-fieldset {
    padding-right: 20px;
}

.mahara-rss-icon {
    color: $rss-icon-color;
}