/* ************************************************************************************************************* */


.ibt-a-w050 {
    width: 50px;
}

.ibt-a-w100 {
    width: 100px;
}

.ibt-a-w150 {
    width: 150px;
}

.ibt-a-w200 {
    width: 200px;
}

.ibt-a-w250 {
    width: 250px;
}

.ibt-a-w350 {
    width: 350px;
}

.ibt-a-hide {
    display: none;
}





/* ************************************************************************************************************* */

.ibt-i::before {
    font: var(--fa-font-regular);
    content: "\f013";
    padding-right: 5px;
    width: 20px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

i.ibt-i::before {
    text-align: center;
    padding-right: 0px;
}

h2.ibt-i::before {
    width: 25px;
}

/* ************************************************************************************************************* */
i[class*="ibt-j-"]::after {
    font: var(--fa-font-regular);
    margin-right: 0px;
    width: 18px;
    text-align: center;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

i.ibt-j-bool-True::after, i.ibt-j-bool-true::after, i.ibt-j-yesOnly-True::after {
    content: "\f00c";
    color: green;
}

i.ibt-j-bool-False::after, i.ibt-j-bool-false::after {
    content: "\f00d";
    color: red;
}

i.ibt-j-bool2-True::after, i.ibt-j-bool2-true::after {
    color: green;
    content: "\f058";
}

i.ibt-j-bool2-False::after, i.ibt-j-bool2-false::after {
    color: red;
    content: "\f057";
}


/* ************************************************************************************************************* */
/* Other misc icons                                                                                   */

i.ibt-j-newMessage::after {
    color: red;
    font: var(--fa-font-solid);
    content: "\f005";
}

i.ibt-j-blah::after {
    font: var(--fa-font-regular);
    color: gray;
    content: "\f056";
}

i.ibt-j-okay::after {
    font: var(--fa-font-solid);
    color: green;
    content: "\f058";
}

i.ibt-j-null::after {
    font: var(--fa-font-solid);
    color: gray;
    content: "-";
}

i.ibt-j-info::after {
    color: blue;
    font: var(--fa-font-regular);
    content: "\f05a";
}

i.ibt-j-attention::after {
    color: red;
    font: var(--fa-font-solid);
    content: "\f071";
}

/* ************************************************************************************************************* */
/* Icons used for Active Flags                                                                                   */

i.ibt-k-active-True, i.ibt-k-active-true {
    border: 1px solid black;
    width: 40px;
    background-color: lightgreen;
    color: black;
    padding: 1px;
    margin: 1px auto;
    font-size: 6pt;
    font-style: normal;
    font-weight: 400;
    border-radius: 2px;
    text-align: center;
}

    i.ibt-k-active-True::after, i.ibt-k-active-true::after {
        content: "Active";
    }

i.ibt-k-active-False, i.ibt-k-active-false {
    border: 1px solid black;
    width: 40px;
    background-color: lightgray;
    color: black;
    padding: 1px;
    margin: 1px auto;
    font-size: 6pt;
    font-style: normal;
    font-weight: 400;
    border-radius: 2px;
    text-align: center;
}

    i.ibt-k-active-False::after, i.ibt-k-active-false::after {
        content: "Inactive";
    }





/*  ********************************************************************************* 
    Priority Icons
    ********************************************************************************* */

i.ibt-j-priority-1::after {
    color: purple;
    font: var(--fa-font-solid);
    content: "\f626";
    margin-right: 5px;
}

i.ibt-j-priority-2::after {
    color: red;
    font: var(--fa-font-solid);
    content: "\f625";
    margin-right: 5px;
}

i.ibt-j-priority-3::after {
    color: darkorange;
    font: var(--fa-font-regular);
    content: "\f624";
    margin-right: 5px;
}

i.ibt-j-priority-4::after {
    color: dodgerblue;
    font: var(--fa-font-regular);
    content: "\f627";
    margin-right: 5px;
}

i.ibt-j-priority-5::after {
    color: gray;
    font: var(--fa-font-light);
    content: "\f628";
    margin-right: 5px;
}

/*  ********************************************************************************* 
    Activity Signup Icons  (called signup to avoid the term activity)
    ********************************************************************************* */

i.ibt-j-signup-Z::after {
    color: blue;
    font: var(--fa-font-regular);
    content: "\f059";
    margin-right: 5px;
}

i.ibt-j-signup-A::after {
    color: green;
    font: var(--fa-font-regular);
    content: "\f058";
    margin-right: 5px;
}

i.ibt-j-signup-N::after {
    color: gray;
    font: var(--fa-font-regular);
    content: "\f056";
    margin-right: 5px;
}

i.ibt-j-signup-X::after {
    color: red;
    font: var(--fa-font-regular);
    content: "\f057";
    margin-right: 5px;
}

i.ibt-j-signup-U::after {
    color: lightgray;
    font: var(--fa-font-regular);
    content: "\f28d";
    margin-right: 5px;
}

/* ************************************************************************************************************* */

/* ********************************************************************************* 

    The following links exists:

    ibt-m-link          Standard Link, with action icon at the start, and arrow at the end.
                          - designed to have icon replaced at start.

    ibt-m-plain         Same as ibt-m-link, but no icon at the start.

    ibt-m-icon          Same as ibt-m-link, but expected to only with an icon.  
                            - No arrows following.  Can have text following.
                            - Padding is set as 0

    ibt-m-menu          Standard Link, with Menu icon at the start, and arrow at the end.
                          - colour change on hover.  Larger font.

    ibt-m-menu-little     Same as ibt-m-menu but with smaller font.

    ibt-m-down           vertical ...  menu drop down for lines

    ibt-m-dropdown       Used for menu options in a drop down list.

    wsk-actionItem      Designed for Buttons, Icon after the Text.


   ********************************************************************************* */



.ibt-m-menu {
    font-size: 11pt;
}

.ibt-m-menu, .ibt-m-menu-little {
    color: black;
    text-decoration: none;
    border: none;
    background-color: transparent;
    padding: 2px;
}

    .ibt-m-menu::before, .ibt-m-menu-little::before {
        font: var(--fa-font-solid);
        content: "\f550";
        padding-right: 10px;
        width: 30px;
        text-align: center;
        display: inline-block;
    }

    .ibt-m-menu:hover, .ibt-m-menu-little:hover {
        color: darkgreen;
        text-decoration: none;
    }

        .ibt-m-menu:hover::after, .ibt-m-menu-little:hover::after {
            font: var(--fa-font-solid);
            content: "\f101";
            padding-left: 5px;
        }



.ibt-m-link, .ibt-m-plain {
    color: black;
    text-decoration: none;
    border: none;
    background-color: transparent;
    padding: 2px;
}

button.ibt-m-link, button.ibt-m-plain {
    line-height: 1.1;
}
    .ibt-m-link::before {
        font: var(--fa-font-regular);
        content: "\f14d";
        padding-right: 5px;
        width: 18px;
        display: inline-block;
    }

    .ibt-m-link::after, .ibt-m-plain::after {
        font: var(--fa-font-regular);
        content: "\f105";
        color: lightgray;
        padding-left: 4px;
        width: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .ibt-m-link:hover, .ibt-m-plain:hover {
        text-decoration: none;
        color: blue;
    }

        .ibt-m-link:hover::after, .ibt-m-plain:hover::after {
            content: "\f101";
            color: blue;
        }



.ibt-m-icon {
    color: black;
    text-decoration: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

    .ibt-m-icon::before {
        font: var(--fa-font-regular);
        content: "\f14d";
        padding-right: 2px;
        padding-left: 2px;
    }

    .ibt-m-icon:hover {
        text-decoration: none;
        color: white;
        border: none;
        background-color: darkgrey;
    }



.ibt-m-down {
    color: black;
    text-decoration: none;
    border: none;
    font-size: 9pt;
    border: none;
    background-color: transparent;
}

    .ibt-m-down::before {
        font-family: "Font Awesome 6 Pro";
        content: "\e10b";
        padding-right: 2px;
        padding-left: 2px;
        vertical-align: top;
    }

    .ibt-m-down:hover {
        color: blue;
        text-decoration: none;
        font-weight: 900;
    }

        .ibt-m-down:hover::before {
            color: blue;
            content: "\e10a";
        }


.ibt-m-dropdown {
    color: black;
    text-decoration: none;
    font-size: 9pt;
    border: none;
    background-color: transparent;
    padding: 2px;
}

    .ibt-m-dropdown::before {
        font: var(--fa-font-solid);
        content: "\f550";
        padding-right: 5px;
        vertical-align: middle;
    }

    .ibt-m-dropdown:hover {
        text-decoration: none;
    }

        .ibt-m-dropdown:hover::before {
            color: red;
        }







/* ************************************************************************************************************* */

[class*="ibt-i-ent-"]::before {
    font: var(--fa-font-regular);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

a[class*="ibt-i-ent-"]::before, button[class*="ibt-i-ent-"]::before {
    padding-right: 6px;
}

h1[class*="ibt-i-ent-"]::before, h2[class*="ibt-i-ent-"]::before, h3[class*="ibt-i-ent-"]::before, h4[class*="ibt-i-ent-"]::before, h5[class*="ibt-i-ent-"]::before, h6[class*="ibt-i-ent-"]::before {
    padding-right: 8px;
}

h1[class*="ibt-i-act-"]::before, h2[class*="ibt-i-act-"]::before, h3[class*="ibt-i-act-"]::before, h4[class*="ibt-i-act-"]::before, h5[class*="ibt-i-act-"]::before, h6[class*="ibt-i-act-"]::before {
    padding-right: 8px;
}






.ibt-i-ent-organisation::before {
    content: "\f78a";
}

.ibt-i-ent-orgDivision::before {
    font-weight: 300;
    content: "\f8a2";
}

.ibt-i-ent-company::before {
    font-weight: 900;
    content: "\f275";
}

.ibt-i-ent-document::before {
    font-weight: 900;
    content: "\f15b";
}

.ibt-i-ent-catalogue::before {
    font-weight: 300;
    content: "\e4a2";
}

.ibt-i-ent-crm::before { /* people-arrows */
    font-weight: 900;
    content: "\e068";
}

.ibt-i-ent-crmContact::before { /* people-arrows */
    font-weight: 900;
    content: "\f007";
}

.ibt-i-ent-addressBook::before {
    font-weight: 400;
    content: "\f2b9";
}

.ibt-i-ent-timeCard::before {
    font-weight: 400;
    content: "\f017";
}

.ibt-i-ent-payCard::before { /*                   fas fa-money-check-alt    */
    font-weight: 900;
    content: "\f53d";
}

.ibt-i-ent-payAllowance::before {
    font-weight: 900;
    content: "\f4c0";
}

.ibt-i-ent-credential::before {
    font-weight: 900;
    content: "\f559";
}

.ibt-i-ent-payAward::before {
    font-weight: 900;
    content: "\f571";
}

.ibt-i-ent-client::before {
    font-weight: 900;
    content: "\f140";
}

.ibt-i-ent-enquiry::before {
    font-weight: 400;
    content: "\f2b5";
}

.ibt-i-ent-invoice::before {
    font-weight: 400;
    content: "\f15c";
}

.ibt-i-ent-siteContent::before { /* fa-file-alt   used for general Site Content .... the same as Invoice above  */
    font-weight: 400;
    content: "\f15c";
}

.ibt-i-ent-membership::before {
    content: "\f2bb";
}

.ibt-i-ent-team::before {
    font-weight: 900;
    content: "\e533";
}

.ibt-i-ent-teamMember::before {
    font-weight: 400;
    content: "\f0c0";
}

.ibt-i-ent-role::before {
    font-weight: 400;
    content: "\e575";
}

.ibt-i-ent-user::before {
    font-weight: 900;
    content: "\f4fb";
}

.ibt-i-ent-story::before {
    font-weight: 900;
    content: "\f018";
}

.ibt-i-ent-attribute::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    content: "\f4e7";
}

.ibt-i-ent-job::before, .ibt-i-ent-JB::before {
    font-weight: 900;
    content: "\f5fd";
}


.ibt-i-ent-jobSection::before {
    font-weight: 900;
    content: "\e085";
}

.ibt-i-ent-workReport::before {
    font-weight: 400;
    content: "\e629";
}

.ibt-i-ent-work::before {
    content: "\f85e";
}

.ibt-i-ent-etl::before {
    font-weight: 400;
    content: "\e5d5";
}

.ibt-i-ent-etl-data::before {
    font-weight: 400;
    content: "\f5d3";
}

.ibt-i-ent-department::before {
    font-weight: 900;
    content: "\f551";
}

.ibt-i-ent-khaos::before {
    font-weight: 900;
    content: "\f542";
}

.ibt-i-ent-tag::before {
    font-weight: 900;
    content: "\f02b";
}

.ibt-i-ent-location::before {
    font-weight: 400;
    content: "\f54f";
}

.ibt-i-ent-zone::before {
    font-weight: 900;
    content: "\f05b";
}


.ibt-i-ent-device::before {
    font-weight: 900;
    content: "\f3cd";
}


.ibt-i-ent-vision::before {
    font-weight: 900;
    content: "\f06e";
}

.ibt-i-ent-comm::before { /* Communincations "far fa-paper-plane"  */
    font-weight: 400;
    content: "\f1d8";
}

.ibt-i-ent-broadcast::before { 
    font-weight: 400;
    content: "\f0a1";
}

.ibt-i-ent-comp::before { /* Competition */
    font-weight: 900;
    content: "\f5a2";
}

.ibt-i-ent-calEntry::before { /* fa-calendar-day */
    font-weight: 400;
    content: "\f783";
}

.ibt-i-ent-activity::before { /* Activity: volleyball-ball */
    font-weight: 900;
    content: "\f45f";
}

.ibt-i-ent-activityInstance::before { /* Activity Instance: far fa-calendar-check */
    font-weight: 400;
    content: "\f274";
}

.ibt-i-ent-activityRecurring::before { /* Activity Instance: far fa-calendar-star */
    font-weight: 400;
    content: "\f736";
}

.ibt-i-ent-asset::before { /* Activity: Box, fas fa-box */
    font-weight: 900;
    content: "\f466";
}

.ibt-i-ent-booking::before {
    font-weight: 900;
    content: "\e174";
}

.ibt-i-ent-entityAttribute::before { /* Activity: Box, fas fa-box */
    font-weight: 400;
    content: "\e366";
}

.ibt-i-ent-personalAttribute::before {
    font-weight: 400;
    content: "\f757";
}

.ibt-i-ent-security::before { /* Security, fas fa-dungeon */
    font-weight: 900;
    content: "\f6d9";
}

.ibt-i-ent-website::before { /* URL for a website */
    font-weight: 900;
    content: "\f0ac";
}

.ibt-i-ent-email::before { /* URL for an email address */
    font-weight: 900;
    content: "\f0e0";
}

.ibt-i-ent-phone::before { /* URL for a phone number */
    font-weight: 900;
    content: "\f095";
}

.ibt-i-ent-linkedin::before { /* LinkedIn */
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    content: "\f08c";
    color: dodgerblue;
}

.ibt-i-ent-ask::before { /* ASK Headers  fa-ballot-check */
    font-weight: 400;
    content: "\f733";
}

.ibt-i-ent-meeting::before, .ibt-i-ent-MT { /* Meeting  fas fa-columns  */
    font-weight: 900;
    content: "\f0db";
}

.ibt-i-ent-stocktake::before { /* Stocktake, nfc-signal */

    font-weight: 900;
    content: "\e1fb";
}

.ibt-i-ent-stocktakeRecon::before { /* Stocktake, box-circle-check */
    font-weight: 900;
    content: "\e0c4";
}

.ibt-i-ent-task::before { /* ToDoAction  fas fa-tasks  */

    font-weight: 900;
    content: "\f0ae";
}

.ibt-i-ent-workout::before { /* ToDoAction <i class="fas fa-dumbbell"></i>  */

    font-weight: 900;
    content: "\f44b";
}

.ibt-i-ent-inventory::before { /* this is the same as the stock take icon?????  ... far fa-box-open   */

    font-weight: 400;
    content: "\f49e";
}

.ibt-i-ent-product::before {
    font-weight: 400;
    content: "\f3a5";
}

.ibt-i-ent-productKit::before {
    font-weight: 400;
    content: "\e51a";
}

.ibt-i-ent-po::before { /* fa-starship */
    font-weight: 400;
    content: "\e039";
}

.ibt-i-ent-leaveRequest::before {        /* house-leave  far fa-house-leave  */

    font-weight: 400;
    content: "\e00f";
}

.ibt-i-ent-rfidTag::before {             /*   far fa-broadcast-tower */

    font-weight: 400;
    content: "\f519";
}

.ibt-i-ent-list::before {
    font-weight: 400;
    content: "\f03a";
}

.ibt-i-ent-listValue::before {
    font-weight: 400;
    content: "\e4be";
}

.ibt-i-ent-regatta::before {
    font-weight: 400;
    content: "\f5bb";
}

.ibt-i-ent-supportRequest::before {
    font-weight: 400;
    content: "\f145";
}

.ibt-i-ent-goal::before {
    font-weight: 900;
    content: "\f648";
}

.ibt-i-ent-heart::before {
    font-weight: 400;
    content: "\f004";
}

.ibt-i-ent-shop::before {
    font-weight: 400;
    content: "\f54e";
}

.ibt-i-ent-shopCart::before {
    font-weight: 400;
    content: "\f07a";
}

.ibt-i-ent-kind::before {
    content: "\f521";
}

.ibt-i-ent-article::before {
    content: "\e1ff";
}

.ibt-i-ent-musingNote::before {
    content: "\e39b";
}

.ibt-i-ent-contentDesign::before {
    content: "\e323";
}

/* ************************************************************************************************************* */

[class*="ibt-i-act-"]::before {
    font: var(--fa-font-regular);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

a[class*="ibt-i-act-"]::before, button[class*="ibt-i-act-"]::before {
    padding-right: 6px;
}

/*a.btn[class*="ibt-i-act-"], button.btn[class*="ibt-i-act-"] {
    min-width:100px;
}*/

.ibt-i-act-add::before {
    font-weight: 400;
    content: "\f0fe";
}

.ibt-i-act-admin::before {
    font-weight: 900;
    content: "\f013";
}

.ibt-i-act-analysis::before {
    font-weight: 900;
    content: "\f3fd";
}

.ibt-i-act-archive::before {
    font-weight: 900;
    content: "\f187";
}

.ibt-i-act-attention::before {
    content: "\e0c7";
}

.ibt-i-act-backward::before {
    /*  <i class="fas fa-backward"></i> */
    font-weight: 900;
    content: "\f04a";
}

.ibt-i-act-ban::before {
    font-weight: 900;
    content: "\f05e";
}

.ibt-i-act-boldReport::before {
    /*  <i class="fas fa-file-alt"></i> */
    font-weight: 900;
    content: "\f15c";
}

.ibt-i-act-cancel::before {
    font-weight: 900;
    content: "\f05e";
}

.ibt-i-act-close::before {
    content: "\f057";
}

.ibt-i-act-confirm::before {
    font-weight: 900;
    content: "\f058";
}

.ibt-i-act-copy::before {
    font-weight: 400;
    content: "\f0c5";
}

.ibt-i-act-dashboard::before {
    font-weight: 900;
    content: "\f51b";
}

.ibt-i-act-design::before {
    content: "\e2ca";
}

.ibt-i-act-disable::before {
    content: "\f057";
}

.ibt-i-act-download::before {
    font-weight: 900;
    content: "\f019";
}

.ibt-i-act-edit::before {
    font-weight: 400;
    content: "\f044";
}

.ibt-i-act-enable::before {
    content: "\f058";
}

.ibt-i-act-filterOff::before {
    content: "\e17d";
}

.ibt-i-act-filterOn::before {
    content: "\f0b0";
}

.ibt-i-act-forward::before {
    /*  <i class="fas fa-forward"></i> */
    font-weight: 900;
    content: "\f04e";
}

.ibt-i-act-goBack::before {
    font-weight: 400;
    content: "\f0a5";
}

.ibt-i-act-goForth::before {
    font-weight: 400;
    content: "\f0a4";
}

.ibt-i-act-help::before {
    font-weight: 400;
    content: "\f059";
}

.ibt-i-act-home::before {
    font-weight: 400;
    content: "\f015";
}

.ibt-i-act-import::before {
    content: "\f2f1";
}

.ibt-i-act-info::before {
    content: "\f05a";
}

.ibt-i-act-link::before {
    content: "\f0c1";
}

.ibt-i-act-list::before {
    /*  <i class="fa-regular fa-table-list"></i> */
    font-weight: 400;
    content: "\f00b";
}

.ibt-i-act-lock::before {
    content: "\f30d";
}

.ibt-i-act-pause::before {
    content: "\f28b";
}

.ibt-i-act-play::before {
    content: "\f144";
}

.ibt-i-act-print::before {
    content: "\f02f";
}

.ibt-i-act-progress::before {
    font-weight: 900;
    content: "\f074";
}

.ibt-i-act-publish::before {
    content: "\e1d9";
}

.ibt-i-act-read::before {
    font-weight: 400;
    content: "\f06e";
}

.ibt-i-act-report::before {
    content: "\f659";
}

.ibt-i-act-save::before {
    content: "\f0c7";
}

.ibt-i-act-search::before {
    font-weight: 900;
    content: "\f002";
}

.ibt-i-act-sendEmail::before {
    font-weight: 400;
    content: "\f0e0";
}

.ibt-i-act-sort::before {
    content: "\f883";
}

.ibt-i-act-stats::before {
    font-weight: 900;
    content: "\f1fe";
}

.ibt-i-act-status::before {
    content: "\f024";
}

.ibt-i-act-stop::before {
    content: "\f28d";
}

.ibt-i-act-swap::before {
    font-weight: 900;
    content: "\f362";
}

.ibt-i-act-sync::before {
    font-weight: 900;
    content: "\f021";
}

.ibt-i-act-thumbs-down::before {
    /*  <i class="far fa-thumbs-down"></i> */
    font-weight: 400;
    content: "\f165";
}

.ibt-i-act-thumbs-up::before {
    /*  <i class="far fa-thumbs-up"></i> */
    font-weight: 400;
    content: "\f164";
}

.ibt-i-act-trash::before {
    font-weight: 400;
    content: "\f2ed";
}

.ibt-i-act-track::before {   /* Asset Tracking, fa-meter-bolt */
    font-weight: 400;
    content: "\e1e9";
}

.ibt-i-act-undo::before {
    /*  <i class="fas fa-undo"></i> */
    font-weight: 900;
    content: "\f0e2";
}

.ibt-i-act-unread::before {
    font-weight: 400;
    content: "\f070";
}

.ibt-i-act-upload::before {
    font-weight: 900;
    content: "\f093";
}

.ibt-i-act-view::before {
    font-weight: 900;
    content: "\f002";
}

.ibt-i-act-viewEmail::before {
    font-weight: 400;
    content: "\f2b6";
}



/* ********************************************************************************* 
   File Icons - will work with ibt-m-link or even just ibt-i

   ********************************************************************************* */

.ibt-i-file-excel::before { /* far fa-file-excel  */
    font-weight: 400;
    content: "\f1c3";
}

.ibt-i-file-pdf::before {
    font-weight: 400;
    content: "\f1c1";
}

.ibt-i-file-csv::before {
    font-weight: 400;
    content: "\f6dd";
}

/* ********************************************************************************* 
   People Icons - will work with ibt-i and change the icon associated with them

    ibt-i ibt-i-per-athlete    ... Athlete
    ibt-i ibt-i-per-AT-True    ... Athlete Green
    ibt-i ibt-i-per-AT-False   ... Athlete Gray

   ********************************************************************************* */

[class*="ibt-i-per-"]::before {
    font: var(--fa-font-regular);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


.ibt-i-per-orgPerson::before {
    font: var(--fa-font-solid);
    content: "\f007";
}

.ibt-i-per-orgPeople::before {
    font: var(--fa-font-solid);
    content: "\e537";
}

.ibt-i-per-staff::before {
    font: var(--fa-font-solid);
    content: "\f508";
}

.ibt-i-per-member::before {
    font: var(--fa-font-regular);
    content: "\e2c0";
}

.ibt-i-per-athlete::before {
    font: var(--fa-font-regular);
    content: "\f504"; /*  user-ninja */
}

.ibt-i-per-subcontractor::before {
    font: var(--fa-font-regular);
    content: "\f82c"; /*  user-helmet-safety */
}

.ibt-i-per-leader::before {
    font: var(--fa-font-regular);
    content: "\f6a4";
}

.ibt-i-per-volunteer::before {
    font: var(--fa-font-regular);
    content: "\f8ea";
}

.ibt-i-per-never::before {
    font: var(--fa-font-light);
    content: "\f007";
    color: gray;
}

.ibt-i-per-PR-True::before {
    font: var(--fa-font-solid);
    content: "\f007";
    color: green;
}

.ibt-i-per-PR-False::before {
    font: var(--fa-font-light);
    content: "\f007";
    color: gray;
}



.ibt-i-per-BD-True::before { /* leaders / board */
    font: var(--fa-font-solid);
    content: "\f6a4";
    color: green;
}

.ibt-i-per-BD-False::before { /* leaders / board */
    font: var(--fa-font-light);
    content: "\f6a4";
    color: gray;
}


.ibt-i-per-VL-True::before { /* volunteer */
    font: var(--fa-font-solid);
    content: "\f8ea";
    color: green;
}

.ibt-i-per-VL-False::before { /* volunteer */
    font: var(--fa-font-light);
    content: "\f8ea";
    color: gray;
}


.ibt-i-per-EM-True::before {
    font: var(--fa-font-solid);
    content: "\f508";
    color: green;
}

.ibt-i-per-EM-False::before {
    font: var(--fa-font-light);
    content: "\f508";
    color: gray;
}

.ibt-i-per-MB-True::before {
    font: var(--fa-font-solid);
    content: "\e2c0";
    color: green;
}

.ibt-i-per-MB-False::before {
    font: var(--fa-font-light);
    content: "\e2c0";
    color: gray;
}

.ibt-i-per-AT-True::before {
    font: var(--fa-font-regular);
    content: "\f504";
    color: green;
}

.ibt-i-per-AT-False::before {
    font: var(--fa-font-light);
    content: "\f504";
    color: gray;
}

.ibt-i-per-SC-True::before {
    font: var(--fa-font-solid);
    content: "\f82c";
    color: green;
}

.ibt-i-per-SC-False::before {
    font: var(--fa-font-light);
    content: "\f82c";
    color: gray;
}




/* ********************************************************************************* 
   IRONBOLT Pages ....  stand alone icons

    ibt-i-page-MyAccount    

   ********************************************************************************* */

.ibt-j-page-Home::before {
    font: var(--fa-font-solid);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f015";
}

.ibt-j-page-Logout::before {
    font: var(--fa-font-solid);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f2f5";
}

.ibt-j-page-MyAccount::before {
    font: var(--fa-font-regular);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f007";
}

.ibt-j-page-MyJob::before {
    font: var(--fa-font-regular);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f82c";
}

.ibt-j-page-MyLocation::before {
    font: var(--fa-font-regular);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f54f";
}

.ibt-j-page-AMS-Portal::before {
    font: var(--fa-font-regular);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f70c";
}



/*  ********************************************************************************* 
    Priority Icons
    ********************************************************************************* */

i.ibt-j-priority-1::after {
    color: purple;
    font: var(--fa-font-solid);
    content: "\f626";
    margin-right: 5px;
}

i.ibt-j-priority-2::after {
    color: red;
    font: var(--fa-font-solid);
    content: "\f625";
    margin-right: 5px;
}

i.ibt-j-priority-3::after {
    color: darkorange;
    font: var(--fa-font-regular);
    content: "\f624";
    margin-right: 5px;
}

i.ibt-j-priority-4::after {
    color: dodgerblue;
    font: var(--fa-font-regular);
    content: "\f627";
    margin-right: 5px;
}

i.ibt-j-priority-5::after {
    color: gray;
    font: var(--fa-font-light);
    content: "\f628";
    margin-right: 5px;
}