@font-face {
    font-family: 'BankingQ-icons';
    src: url('../../../Fonts/BankingQ-icons.eot');
    src: url('../../../Fonts/BankingQ-icons.eot') format('embedded-opentype'), url('../../../Fonts/BankingQ-icons.woff2') format('woff2'), url('../../../Fonts/BankingQ-icons.woff') format('woff'), url('../../../Fonts/BankingQ-icons.ttf') format('truetype'), url('../../../Fonts/BankingQ-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-menu:before { content: '\e800'; } /* '' */
.icon-minus:before { content: '\e801'; } /* '' */
.icon-move-down:before { content: '\e802'; } /* '' */
.icon-move-up:before { content: '\e803'; } /* '' */
.icon-node-toggle:before { content: '\e804'; } /* '' */
.icon-node-toggle_a:before { content: '\e805'; } /* '' */
.icon-pdf:before { content: '\e806'; } /* '' */
.icon-print:before { content: '\e807'; } /* '' */
.icon-refresh_a:before { content: '\e808'; } /* '' */
.icon-refresh_b:before { content: '\e809'; } /* '' */
.icon-release-c:before { content: '\e80a'; } /* '' */
.icon-release-s:before { content: '\e80b'; } /* '' */
.icon-right-arrow:before { content: '\e80c'; } /* '' */
.icon-rotate_left:before { content: '\e80d'; } /* '' */
.icon-rotate_right:before { content: '\e80e'; } /* '' */
.icon-search:before { content: '\e80f'; } /* '' */
.icon-settings:before { content: '\e810'; } /* '' */
.icon-show-more:before { content: '\e811'; } /* '' */
.icon-shrink:before { content: '\e812'; } /* '' */
.icon-sorting_asc:before { content: '\e813'; } /* '' */
.icon-sorting_desc:before { content: '\e814'; } /* '' */
.icon-spinner:before { content: '\e815'; } /* '' */
.icon-up:before { content: '\e816'; } /* '' */
.icon-up-arrow:before { content: '\e817'; } /* '' */
.icon-warning:before { content: '\e818'; } /* '' */
.icon-zoom-in:before { content: '\e819'; } /* '' */
.icon-zoom-out:before { content: '\e81a'; } /* '' */
.icon-add:before { content: '\e81b'; } /* '' */
.icon-archive:before { content: '\e81c'; } /* '' */
.icon-arrow_next:before { content: '\e81d'; } /* '' */
.icon-arrow_prev:before { content: '\e81e'; } /* '' */
.icon-camera:before { content: '\e81f'; } /* '' */
.icon-cancel:before { content: '\e820'; } /* '' */
.icon-checkbox:before { content: '\e821'; } /* '' */
.icon-close_red:before { content: '\e822'; } /* '' */
.icon-crop:before { content: '\e823'; } /* '' */
.icon-down:before { content: '\e824'; } /* '' */
.icon-down-arrow:before { content: '\e825'; } /* '' */
.icon-download:before { content: '\e826'; } /* '' */
.icon-dropdown:before { content: '\e827'; } /* '' */
.icon-edit:before { content: '\e828'; } /* '' */
.icon-empty_icon:before { content: '\e829'; } /* '' */
.icon-enlarge:before { content: '\e82a'; } /* '' */
.icon-excel:before { content: '\e82b'; } /* '' */
.icon-expand:before { content: '\e82c'; } /* '' */
.icon-extra-zoom-in:before { content: '\e82d'; } /* '' */
.icon-extra-zoom-out:before { content: '\e82e'; } /* '' */
.icon-unreconciliation:before { content: '\e82f'; } /* '' */
.icon-ignore_icon:before { content: '\e830'; } /* '' */
.icon-info:before { content: '\e831'; } /* '' */
.icon-left-arrow:before { content: '\e832'; } /* '' */
.icon-file-delete:before { content: '\e833'; } /* '' */
.icon-layout_edit:before { content: '\e834'; } /* '' */
.icon-view:before { content: '\e835'; } /* '' */
.icon-rotate_90_left:before { content: '\e836'; } /* '' */
.icon-rotate_90_right:before { content: '\e837'; } /* '' */
.icon-node_toggle_left:before { content: '\e838'; } /* '' */
.icon-exception:before { content: '\e839'; } /* '' */
.icon-convert:before { content: '\e83a'; } /* '' */
.icon-file_revert:before { content: '\e83b'; } /* '' */
.icon-revert_b:before { content: '\e83c'; } /* '' */
.icon-revert_a:before { content: '\e83d'; } /* '' */
.icon-help:before { content: '\e83e'; } /* '' */
.icon-payments_attachment:before { content: '\e83f'; } /* '' */
.icon-file-edit-1:before { content: '\e841'; } /* '' */
.icon-reconciliation:before { content: '\e87f'; } /* '' */

/* icons used for external libraries */

[class^="ui-icon"]:before {
    font-family: 'BankingQ-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-icon-circle-triangle-w:before {
    content: '\e81e';
    color: rgba(0,0,0,0.55);
    font-size: 2em;
}

.ui-icon-circle-triangle-e:before {
    content: '\e81d';
    color: rgba(0,0,0,0.55);
    font-size: 2em;
}

.ui-icon-circle-triangle-w:hover:before,
.ui-icon-circle-triangle-e:hover:before {
    color: rgba(0,0,0,0.8);
}

.node-toggle {
    padding-top: 4px;
}

    .node-toggle:before {
        font-family: 'BankingQ-icons' !important;
        speak: none !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        line-height: 1 !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        color: #555 !important;
        font-size: 1em !important;
        transform: none !important;
        -webkit-transform: none !important;
        padding-top: 4px;
    }

.node > .node-toggle:before {
    content: '\e804';
}

.node.expanded > .node-toggle:before {
    content: '\e805';
}



.textclear {
    font-family: 'BankingQ-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    position: absolute;
    display: inline-block;
    top: 20px;
    right: 0px;
    cursor: pointer;
    color: #9e9e9e;
}

    .textclear:before {
        content: '\e820';
        color: #ccc;
    }

    .textclear:hover:before {
        color: #9e9e9e;
    }

/* icons used for external libraries */
