.RadButton_Boilerplate4Skin {
    /* CheckBox and RadioButton Styles */
    /* Primary Button styles */
    /* Right to Left Support */
}

    .RadButton_Boilerplate4Skin.rbButton,
    .RadButton_Boilerplate4Skin .rbSplitPart {
        padding: 0.2em .8em !important;
    }

        .RadButton_Boilerplate4Skin.rbButton.rbRtl .rbSplitPart,
        .RadButton_Boilerplate4Skin.rbButton.rbRtl .rbSplitPart.rbHovered {
            border-right-color: #938879;
        }

            .RadButton_Boilerplate4Skin.rbButton.rbRtl .rbSplitPart.rbSelected {
                border-right-color: #e2711c;
            }

    .RadButton_Boilerplate4Skin.rbRadioButton,
    .RadButton_Boilerplate4Skin.rbCheckBox {
        border: 0px none rgba(0, 0, 0, 0.2) !important;
        background-image: none !important;
        box-shadow: none !important;
    }

        .RadButton_Boilerplate4Skin.rbRadioButton.rbHovered,
        .RadButton_Boilerplate4Skin.rbCheckBox.rbHovered {
            border: 0px none rgba(0, 0, 0, 0.2) !important;
            background-image: none !important;
            box-shadow: none !important;
        }

    /*--------------------------------------------------- Special Buttons -------------------------------------------------------------------------*/
    /* secondaryButton */



    .RadButton_Boilerplate4Skin.rbButton.rbSelected.secondaryButton {
        border: 1px solid rgba(0, 0, 0, 0.2);
        color: #000;
        background-color: rgba(0, 0, 0, 0.0);
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)) !important;
    }

/*--------------------------------------------------- Icon Buttons -------------------------------------------------------------------------*/


html .RadButton.rbIconButton.rbRtl:before {
    padding: 0 0 0 .5em !important;
}

html .RadButton.rbButton.fax:before {
    content: "\f1ac";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    font-size: 1em !important;
}

html .RadButton.rbButton.paperPlane:before {
    content: "\f1d8";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
/*    background-color: rgba(0, 0, 0, 0.05) !important;
*/    background: transparent;
    font-size: 1em !important;
}

html .RadButton.rbButton.primaryButton.printTempIDCardButton:before,
html .RadButton.rbButton.primaryButton.print:before,
html .RadButton.rbButton.secondaryButton.printSubmitClaim:before,
html .RadButton.rbButton.secondaryButton.print:before,
html .RadButton.rbButton.secondaryButton.printTempIDCardButton:before {
    content: "\f02f";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.print:before {
    content: "\f02f";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    background-color: rgba(0, 0, 0, 0.05) !important;
    background: transparent;
    font-size: 1em !important;
}

html .RadButton.rbButton.folder-open:before,
html .RadButton.rbButton.secondaryButton.folder-open:before {
    content: "\f07c";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.question:before,
html .RadButton.rbButton.secondaryButton.question:before {
    content: "\f059";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.floppy:before,
html .RadButton.rbButton.secondaryButton.floppy:before {
    content: "\f0c7";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.fa-arrow-left:before,
html .RadButton.rbButton.secondaryButton.fa-arrow-left:before {
    content: "\f060";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.inbox:before,
html .RadButton.rbButton.secondaryButton.inbox:before {
    content: "\f01c";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.requestTempIDCardButton:before,
html .RadButton.rbButton.Compose:before,
html .RadButton.rbButton.edit:before {
    content: "\f303";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.download:before {
    content: "\f019";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.upload:before {
    content: "\f093";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.trash:before {
    content: "\f1f8";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.idcard:before,
html .RadButton.rbButton.secondaryButton.idcard:before {
    content: "\f2c2";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.house-med:before,
html .RadButton.rbButton.secondaryButton.house-med:before {
    content: "\e511";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.magic:before,
html .RadButton.rbButton.secondaryButton.magic:before {
    content: "\f0d0";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.close:before,
html .RadButton.rbButton.secondaryButton.close:before {
    content: "\f00d";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.ellipsis:before,
html .RadButton.rbButton.secondaryButton.ellipsis:before {
    content: "\f141";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.tasks:before,
html .RadButton.rbButton.secondaryButton.tasks:before {
    content: "\f0ae";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.csv:before {
    content: "\f6dd";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.excel:before {
    content: "\f1c3";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.pdf:before {
    content: "\f1c1";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.picture:before {
    content: "\f03e";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.HelpPopButton:before {
    content: "\f059";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    background-color: rgba(0, 0, 0, 0.05) !important;
    background: transparent;
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.mailreply:before {
    content: "\f3e5";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}


html .RadButton.rbButton.home:before {
    content: "\f015";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.mailbox:before {
    content: "\f0e0";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.profile:before {
    content: "\f007";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.documents:before {
    content: "\f15b";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.w9:before {
    content: "\f15c";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.preauth:before {
    content: "\f058";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}
html .RadButton.rbButton.xcircle:before {
    content: "\f057";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}
html .RadButton.rbButton.xcircle:before {
    content: "\f057";
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    font-size: 16px !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}
html .RadButton.rbButton.angleright:before {
    content: "\f105";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .3em 0 0;
}
html .RadButton.rbButton.password:before {
    content: "\f084";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secQue:before {
    content: "\f13e";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.broom:before {
    content: "\f51a";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.signin:before {
    content: "\f2f6";
    font-family: 'Font Awesome 7 Free';
    font-weight:700 ;
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.signout:before {
    content: "\f2f5";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.back:before {
    content: "\f053";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.next:before {
    content: "\f054";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.user-plus:before {
    content: "\f234";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.user-times:before {
    content: "\f235";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.groupuser-plus:before {
    content: "\f0c0";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.select:before {
    content: "\f00c";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}
html .RadButton.rbButton.question:before {
    content: "\f128";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}
html .RadButton.rbButton.test:before,
html .RadButton.rbButton.tachometer:before {
    content: "\f3fd";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.save:before {
    content: "\f0c7";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.ban:before {
    content: "\f05e";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.plus:before {
    content: "\f067";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.filter:before {
    content: "\f0b0";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.search:before {
    content: "\f002";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.search-plus:before {
    content: "\f00e";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.phone:before {
    content: "\f095";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.comments2:before {
    content: "\f086";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.secondaryButton.undo:before {
    content: "\f0e2";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    font-size: 1em !important;
}

html .RadButton.rbButton.secondaryButton.undo-alt:before {
    content: "\f2ea";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    font-size: 1em !important;
}

html .RadButton.rbButton.calender-day:before {
    content: "\f783";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}
html .RadButton.rbButton.file-circle-xmark:before {
    content: "\e494";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.xmark:before {
    content: "\f00d";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.caret-right:before {
    content: "\f0da";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

html .RadButton.rbButton.ContactUs:before,
html .RadButton.rbButton.comments:before,
html .RadButton.rbButton.secondaryButton.ContactUs:before,
html .RadButton.rbButton.secondaryButton.comments:before{
    content: "\f075";
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    font-size: 1em !important;
}

html .RadButton.rbButton.file-edit:before {
    content: "\f31c";
    font-weight: 700;
    font-family: 'Font Awesome 7 Free';
    font-size: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
}

.secondaryButtonIcon .rbPrimaryIcon, .secondaryButtonIcon, .rbSecondaryIcon {
    height: 25px;
    left: 3px;
}

.female:before {
    font-family: 'Font Awesome 7 Free' !important;
    content: "\f182" !important;
    color: #C21B17;
    font-size: 18px;
}

.femaledisable:before {
    font-family: 'Font Awesome 7 Free' !important;
    content: "\f182" !important;
    color: #6F7072;
    font-size: 18px;
}

.male:before {
    font-family: 'Font Awesome 7 Free' !important;
    content: "\f183" !important;
    color: #C21B17;
    font-size: 18px;
}

.maledisable:before {
    font-family: 'Font Awesome 7 Free' !important;
    content: "\f183" !important;
    color: #6F7072; /*#E8E8E8;*/
    font-size: 18px;
}
/*--------------------------------------------------- Icon Buttons -------------------------------------------------------------------------*/
.HelpPopButton {
    background: #fff !important;
    background-color: #fff !important;
    border-bottom: #fff !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.button-big {
    font-size: 1.1em !important;
    padding: .4em .8em !important;
}

.button-grey {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #FFF;
    background: #57595C;
}

    .button-grey:hover {
        border: 1px solid rgba(255, 255, 255, 1);
        color: #FFF;
        background: #000;
    }

.button-black {
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #FFF;
    background: rgba(0, 0, 0, 1) !important;
}

    .button-black:hover {
        border: 1px solid rgba(255, 255, 255, 1) !important;
        color: #FFF;
        background: rgba(0, 0, 0, 0.6) !important;
    }

.buttontext-white {
    color: #FFF !important;
}

    .buttontext-white .rbIcon {
        color: #FFF !important;
    }

.button-transparent {
    border: 0px solid transparent;
    color: #FFF;
    background: transparent;
}

    .button-transparent:hover {
        border: 0px solid transparent;
        color: #FFF;
        background: transparent;
    }

button.button-black:hover .fa {
    color: #FFF !important;
}

.RadButton_Boilerplate4Skin.rbButton.fileDeleteButton {
    border: 0px;
    color: #000;
    background-color: rgba(0, 0, 0, 0.0);
}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ ;font-family: 'Font Awesome 7 Free'; Buttons $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

button.RadButton.fa .rbIcon:before {
    font-weight:700 ;
    font-family: 'Font Awesome 7 Free';
}

button.RadButton.fa {
    background-color: transparent;
    border: 0px solid black;
}

    button.RadButton.fa.rbHovered {
        background-color: transparent;
        background-image: none;
        border: 0px solid black;
    }

    button.RadButton.fa.rbSelected {
        background-color: transparent;
        background-image: none;
        border: 0px solid black;
    }

    button.RadButton.fa .rbIcon:before {
        font-size: 3em;
    }

.t-chrome button.RadButton.fa .rbIcon:before {
    font-size: 1em;
}

button.RadButton.fa.black {
    color: #000;
    color: rgba(0, 0, 0, 1);
}

button.RadButton.fa.grey {
    color: #8C8D8F;
    color: rgba(140, 141, 143, 1);
}

button.RadButton.fa.light-grey {
    color: #e8e8e8;
    color: rgba(232, 232, 232, 1);
}

/*@media only screen and (max-width: 1200px) {
    .RadButton_Boilerplate4Skin.rbButton,
    .RadButton_Boilerplate4Skin .rbSplitPart {
        padding: 0.4em 1em !important;
    }
}*/

@media only screen and (max-width: 960px) {
    .button-transparent {
        /* background: #848484;*/
    }

        .button-transparent:hover {
            background: #848484;
        }
}

/*@media only screen and (max-width: 900px) {
    .RadButton_Boilerplate4Skin.rbButton,
    .RadButton_Boilerplate4Skin .rbSplitPart {
        padding: 0.4em 1em !important;
    }
}*/

@media (max-width: 768px) {
    button.RadButton.fa .rbIcon:before {
        font-size: 1.5em;
    }
    
}

/*@media (max-width: 500px) {
  
    
    .RadButton_Boilerplate4Skin.rbButton,
    .RadButton_Boilerplate4Skin .rbSplitPart {
        height:58px;
    }
}*/
/*only for ie edge*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadButton .rbText {
        vertical-align: top !important;
    }

    button.RadButton.fa .rbIcon:before {
        font-size: 1em;
    }
}
/*only for firefox*/
@supports (-moz-appearance:none) {
    button.RadButton.fa .rbIcon:before {
        font-size: 1em;
    }
}

@-moz-document url-prefix() {
    button.RadButton.fa .rbIcon:before {
        font-size: 1em;
    }
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ ;font-family: 'Font Awesome 7 Free'; Buttons $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*--------------------------------------------------- Special Buttons -------------------------------------------------------------------------*/

/*Make a square RadSwitch*/
button.RadSwitch.squareSwitch.k-switch,
button.RadSwitch.squareSwitch.k-switch .k-switch-container,
button.RadSwitch.squareSwitch.k-switch .k-switch-handle {
    border-radius: initial;
}
/*********************/


/*Create Fluid RadSwitch*/
.RadButton.RadSwitch.fluidSwitch {
    box-sizing: border-box;
}
/*********************/


/*Create elastic RadSwitch*/
.RadButton.RadSwitch.elasticSwitch .k-switch-handle {
    width: 2em;
    height: 2em;
}

.RadButton.RadSwitch.k-switch-on.elasticSwitch .k-switch-handle {
    left: calc( 100% - 2em);
}

.RadButton.RadSwitch.elasticSwitch,
.RadButton.RadSwitch.elasticSwitch .k-switch-container {
    width: 4em;
}
/*********************/