/* Version 1.0.0 */

.bea-app .icon-empty {
    background: none !important;
    padding-left: 0 !important;
}

.bea-app .ui-icon-seek-prev:before {
    content: "\f104";
}

.bea-app .ui-icon-seek-next:before {
    content: "\f105";
}

.bea-app .ui-icon-seek-first:before {
    content: "\f100";
}

.bea-app .ui-icon-seek-end:before {
    content: "\f101";
}

.bea-app .ui-icon-triangle-1-s:before {
    content: "\f078";
}

.bea-app .ui-icon-triangle-1-e:before {
    content: "\f054";
}

.bea-app .bea-icon-button-right .ui-icon-triangle-1-s::before {
    content: unset;
}

.bea-app .bea-icon-button-right .ui-icon-triangle-1-e::before {
    content: unset;
}

.bea-app .ui-icon-close:before {
    content: "\f00d";
}

.bea-app .ui-icon-circle-triangle-e:before {
    content: "\f138";
}

.bea-app .ui-icon-circle-triangle-s:before {
    content: "\f13a";
}

/* Inline message */
.bea-app .ui-messages-info-icon:before, .bea-app .ui-message-info-icon:before {
    content: "\f05a";
    color: #fff;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    font-size: 2em;
    margin-left: -25px;
}

.bea-app .ui-messages-warn-icon:before, .bea-app .ui-message-warn-icon:before {
    content: "\f06a";
    color: #fff;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    font-size: 2em;
    margin-left: -25px;
}

.bea-app .ui-messages-error-icon:before, .bea-app .ui-message-error-icon:before,
.bea-app .ui-messages-fatal-icon:before, .bea-app .ui-message-fatal-icon:before {
    content: "\f057";
    color: #fff;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    font-size: 2em;
    margin-left: -25px;
}

/*Growl*/
.bea-app .ui-growl-image-info:before {
    content: "\f05a";
}

.bea-app .ui-growl-image-warn:before {
    content: "\f06a";
}

.bea-app .ui-growl-image-error:before, .ui-growl-image-fatal:before {
    content: "\f057";
}

.bea-app .ui-panelmenu-panel .ui-icon-triangle-1-e:before {
    content: "\f35a";
}

.bea-app .ui-panelmenu-panel .ui-icon-triangle-1-s:before {
    content: "\f358";
}

/*DropDown*/
.bea-app .ui-selectcheckboxmenu-close .ui-icon.ui-icon-circle-close:before {
    content: "\f00d";
}

/*Checkbox*/
.bea-app .ui-chkbox-icon.ui-icon.ui-icon-check:before {
    content: "\f00c";
}

.bea-app .ui-chkbox-icon.ui-icon.ui-icon-blank:before {
    content: " ";
    white-space: pre;
}

/*Sorting*/
.bea-app .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
    /* content: "\f0dc"; */
}

.bea-app .ui-sortable-column-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before {
    content: "\f0de";
}

.bea-app .ui-sortable-column-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s:before {
    content: "\f0dd";
}

.messages__messages-table .ui-sortable-column-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s::before {
    content: "\f0d7";
}
.messages__messages-table .ui-sortable-column-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n::before {
    content: "\f0d8";
}
/* resizer should not be visible that way */
.no-bea-app .ui-datatable .ui-column-resizer:before {
    content: "\f07e";
}


/*DateTimePicker*/
.bea-app .ui-datepicker .ui-icon-circle-triangle-w:before {
    content: "\f104";
    color: #ffffff;
}

.bea-app .ui-datepicker .ui-icon-circle-triangle-e:before {
    content: "\f105";
    color: #ffffff;
}

.bea-app .datepicker-modal .ui-datepicker .ui-icon-circle-triangle-w:before {
    color: var(--bea-blue-weak);
}

.bea-app .datepicker-modal .ui-datepicker .ui-icon-circle-triangle-e:before {
    color: var(--bea-blue-weak);
}

/*Allgemein*/
.bea-app .ui-icon:not(.pi) {
    text-indent: initial;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    /*erst nach der Umstellung*/
    /*background: none!important; */
}

.bea-app .ui-autocomplete-token-icon.ui-icon, 
.bea-app .ui-autocomplete-token-icon.ui-icon::before {
    text-indent: initial;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    /*erst nach der Umstellung*/
    /*background: none!important; */
}

.bea-app .ui-autocomplete-token-icon.ui-icon {
    overflow: visible;
}

.bea-app .ui-messages span {
    margin-left: -15px;
    background: none;
    text-indent: initial;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    text-align: left;
    white-space: pre-wrap;
    display: block;
}

.bea-app .ui-messages span.ui-icon-close {
    margin-top: 2px;
    /* margin-right: 20px; */
    color: black;
}

.bea-app .ui-messages span.ui-icon-close:hover {
    text-decoration: none;
}

.bea-app .ui-growl-image {
    text-indent: initial;
    font: normal normal 900 32px/1 "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    background: none;
}

.bea-app .ui-chkbox .ui-chkbox-box span {
    text-indent: initial;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    background: none;
    border: none;
    border-radius: 0;
    margin: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bea-app .ui-sortable-column-icon.ui-icon {
    background: none !important;
    margin: 11px 15px 0 0;
    font-size: 1.2em;
    position: absolute;
    top: 0;
    right: 0;
}

.bea-app .ui-datatable .ui-column-resizer {
    background: none !important;
    text-indent: initial;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    margin-top: 12px;
    width: 16px;
    height: 38px;
}

.bea-app .ui-datatable .ui-row-toggler {
    background: none;
}

.bea-app .ui-icon.fa.fa-2x {
    font-size: 2em !important;
}

/* only IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bea-app .ui-paginator .ui-icon {
        display: ruby !important;
        text-indent: -99999px !important;
    }

    .bea-app .ui-icon {
        text-indent: 0;
    }
}