/* --------------------------------------------------
    ICONS for BUTTONS WITH DEFAULT PADDING
   -------------------------------------------------- */
.icon-padded-setting-left:before {
    font-family: 'FontAwesome';
    content: "\f013";
    padding: 0 10px 0 0;
}

.icon-padded-bolt-left:before {
    font-family: 'FontAwesome';
    content: "\f0e7";
    padding: 0 10px 0 0;
}

.icon-padded-caret-left:before,
.icon-padded-angle-down:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f107";
    padding: 0 10px 0 0;
}

.icon-padded-angle-left:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f104";
    padding: 0 10px 0 0;
}

.icon-padded-angle-up:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f106";
    padding: 0 10px 0 0;
}

.icon-padded-rightcaret:before,
.icon-padded-angle-right:before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f105";
    padding: 0 10px 0 0;
}

.icon-padded-caret-left:before,
.icon-padded-rightcaret:before,
.icon-padded-angle-up:before {
    font-size: 14px;
    color: var(--content-primary);
}

.icon-padded-edit-left:before {
    font-family: 'FontAwesome';
    content: "\f040";
    padding: 0 5px 0 0;
}

.icon-padded-edit-right:after {
    font-family: 'FontAwesome';
    content: "\f040";
    padding: 0 0 0 15px;
}

.icon-padded-caret-right:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f078";
    padding: 0 0 0 5px;
    font-size: 0.8rem;
    font-weight: normal;
}

.icon-padded-caret-leftafter:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f105";
    font-size: 15px;
    padding: 0 0 0 5px;
}

.icon-padded-bolt-right:before {
    font-family: 'FontAwesome';
    content: "\f0e7";
    padding: 0 10px 0 0;
}

.icon-padded-arrowdown-left:before {
    font-family: 'FontAwesome';
    content: "\f063";
    padding: 0 10px 0 0;
    color: #a5a8ac;
    color: var(--icon-color);
}

.icon-padded-arrowdown-right:after {
    font-family: 'FontAwesome';
    content: "\f063";
    padding: 0 0 0 15px;
    color: #a5a8ac;
    color: var(--icon-color);
}

.icon-padded-arrowup-left:before {
    font-family: 'FontAwesome';
    content: "\f062";
    padding: 0 10px 0 0;
    color: #a5a8ac;
    color: var(--icon-color);
}

.icon-padded-arrowup-right:after {
    font-family: 'FontAwesome';
    content: "\f062";
    padding: 0 0 0 15px;
    color: #a5a8ac;
    color: var(--icon-color);
}

.icon-padded-plus-left:before {
    font-family: 'FontAwesome';
    content: "\f067";
    padding: 0 5px 0 0;
}

.icon-fa-circle:before {
    font-family: 'FontAwesome';
    padding: 0 10px 0 0;
    content: "\f111";
}

.icon-fa-check:before {
    font-family: 'FontAwesome';
    padding: 0 10px 0 0;
    content: "\f00c";
}

.icon-padded-plus-right:after {
    font-family: 'FontAwesome';
    content: "\f067";
    padding: 0 0 0 10px;
}

.icon-padded-cross-left:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    padding: 0 5px 0 0;
}

.icon-padded-cross-right:after {
    font-family: 'FontAwesome';
    content: "\f00d";
    padding: 0 0 0 10px;
}

.icon-padded-split-left:before {
    font-family: 'FontAwesome';
    content: "\f0c4";
    padding: 0 5px 0 0;
}

.icon-padded-split-right:after {
    font-family: 'FontAwesome';
    content: "\f0c4";
    padding: 0 0 0 10px;
}

.icon-padded-minus-left:before {
    font-family: 'FontAwesome';
    content: "\f068";
    padding: 0 5px 0 0;
}

.icon-padded-minus-right:after {
    font-family: 'FontAwesome';
    content: "\f068";
    padding: 0 0 0 10px;
}

.icon-padded-calendar-right:after {
    font-family: 'FontAwesome';
    content: "\f073";
    padding: 0 0 0 10px;
}

.icon-padded-calendar-left:before {
    font-family: 'FontAwesome';
    content: "\f073";
    padding: 0 10px 0 0;
}

.icon-padded-link-right:after {
    font-family: 'FontAwesome';
    content: "\f0c1 ";
    padding: 0 10px 0 0;
}

.icon-padded-link-left:before {
    font-family: 'FontAwesome';
    content: "\f0c1 ";
    padding: 0 0 0 10px;
}

.icon-padded-template-left:before {
    font-family: 'FontAwesome';
    content: "\f233";
    padding: 0 10px 0 0;
}

.icon-info-circle-left:before, .icon-info-circle-right:after {
    font-family: 'FontAwesome';
    content: "\f05a";
    color: #D3DAE1;
    color: var(--border-color);
}

.icon-padded-arrow-left:before {
    font-family: 'FontAwesome';
    content: "\f177";
    padding: 0 10px 0 0;
}

.icon-padded-arrows-left:before {
    font-family: 'FontAwesome';
    content: "\f047";
    padding: 0 10px 0 0;
}
/* --------------------------------------------------
    ICONS for ICON-BUTTONS WITHOUT PADDING
   -------------------------------------------------- */

.icon-split-left:before, .icon-split-right:after {
    font-family: 'FontAwesome';
    content: "\f067";
}

.icon-bell-left:before, .icon-bell-right:after {
    font-family: 'FontAwesome';
    content: "\f0a2";
}

.icon-eraser-left:before, .icon-eraser-right:after {
    font-family: 'FontAwesome';
    content: "\f12d ";
}



.icon-filter-left:before, .icon-filter-right:after {
    font-family: 'FontAwesome';
    content: "\f0b0";
}

.icon-caret-right:after, .icon-caret-left:before {
    font-family: 'FontAwesome';
    content: "\f078";
}

.icon-setting-right:after, .icon-setting-left:before {
    font-family: 'FontAwesome';
    content: "\f013";
}

.icon-money-right:after, .icon-money-left:before {
    font-family: 'FontAwesome';
    content: "\f0d6";
}

.icon-phone-right:after, .icon-phone-left:before {
    font-family: 'FontAwesome';
    content: "\f095";
}


.icon-refresh-right:after, .icon-refresh-left:before {
    font-family: 'FontAwesome';
    content: "\f021";
}

.icon-menuList-right:after, .icon-menuList-left:before {
    font-family: 'FontAwesome';
    content: "\f00b";
}

.icon-user-right:after, .icon-user-left:before {
    font-family: 'FontAwesome';
    content: "\f007";
}

.icon-dollar-right:after, .icon-dollar-left:before {
    font-family: 'FontAwesome';
    content: "\f155";
}


.icon-close-circle-right:after, .icon-close-circle-left:before, .icon-close-circle:before {
    font-family: 'FontAwesome';
    content: "\f05c";
    color: #333333;
    color: var(--gray-20);
}

.icon-close-right:after, .icon-close-left:before, .icon-close:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    color: #333333;
    color: var(--gray-20);
    font-size: 1.2rem;
    font-weight: 100;
}

.icon-alert-right:after, .icon-alert-left:before, .icon-alert:before {
    font-family: 'FontAwesome';
    content: "\f071";
}


.icon-exclamation-triangle-right:after, .icon-exclamation-triangle-left:before {
    font-family: 'FontAwesome';
    content: "\f071";
}

.icon-plus-left:before, .icon-plus-right:after {
    font-family: 'FontAwesome';
    content: "\f067";
}

.icon-cross-left:before, .icon-cross-right:after {
    font-family: 'FontAwesome';
    content: "\f00d";
}

.icon-calendar-right:after, .icon-calendar-left:before {
    font-family: 'FontAwesome';
    content: "\f073";
}

.icon-link-right:after, .icon-link-left:before {
    font-family: 'FontAwesome';
    content: "\f0c1 ";
}

.icon-tick-right:after, .icon-tick-left:before {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.icon-fliter-right:after, .icon-filter-left:before {
    font-family: 'FontAwesome';
    content: "\f0b0";
}

.icon-infobar-right:after, .icon-infobar-left:before {
    font-family: 'FontAwesome';
    content: "\f080";
}

.icon-padded-print-right {
    cursor: pointer;
}

    .icon-padded-print-right:before {
        font-family: 'FontAwesome';
        content: "\f02f";
        padding: 0 5px 0 0;
    }
/*-------------------------------
   MORE OPTIONS MINI MODAL (...)  
--------------------------------*/
.icon-more-right:after, .icon-more-left:before {
    font-family: 'FontAwesome';
    content: "\f111 \f111 \f111";
    text-align: center;
    font-size: 0.5rem;
    padding: 0;
}

/*-------------------------------
   MORE OPTIONS MINI MODAL (...)  
--------------------------------*/
.icon-medium {
    font-size: 1.2rem;
}

.icon-2x, .font-size-2rem {
    font-size: 2rem;
}

.icon-3x, .font-size-3rem {
    font-size: 3rem;
}

.icon-4x, .font-size-4rem {
    font-size: 4rem;
}



button:empty:before {
    padding-right: 0px;
}

button:empty:after {
    padding-left: 10px;
}

.button:empty:before {
    padding-right: 0px;
}

.button:empty:after {
    padding-left: 10px;
}

.button.doneBtn:empty::after, button.doneBtn:empty::after,
.button.doneBtn:empty::before, button.doneBtn:empty::before {
    padding: initial;
}
/*--------------------*/
.icon-svg {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    /*-khtml-user-select: none;*/
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    fill: #2c99f0;
    fill: var(--label-click-color);
}

td .icon-svg, th .icon-svg {
    width: 20px;
    height: 20px;
}

.svg-fill-pink {
    fill: #EC1561;
}

.svg-fill-grey {
    fill: #6a6e73;
    fill: var(--mid-grey);
}

.svg-fill-gray-20 {
    fill: var(--gray-20);
}

.svg-fill-light-grey {
    fill: #D3D3D3;
}

.svg-fill-white,
.svg-fill-white svg /*FF hack*/ {
    fill: #FFFFFF !important;
    fill: var(--white-color-text) !important;
}

.main-svg-color {
    fill: var(--main-svg-color);
}


.svg-fill-green {
    fill: #4CAF50;
}

.svg-fill-red {
    fill: var(--red-color);
}

.custom-svg {
    height: 15px;
    width: 15px;
}

.icon-svg.small-icon {
    width: 14px;
    height: 14px;
}

.icon-svg.size-8 {
    width: 8px;
    height: 8px;
}

.icon-svg.size-12 {
    width: 12px;
    height: 12px;
}

.icon-svg.extra-small-icon {
    width: 10px;
    height: 10px;
}

.icon-svg.med-icon {
    width: 20px;
    height: 20px;
}

.icon-svg.fav-icon {
    width: 25px;
    height: 25px;
}

.icon-svg.size-16 {
    width: 16px;
    height: 16px;
}

.icon-svg.size-18 {
    width: 18px;
    height: 18px;
}

.icon-svg.size-19 {
    width: 19px;
    height: 19px;
}

.icon-svg.size-28 {
    width: 28px;
    height: 28px;
}

.icon-svg.size-40 {
    width: 40px;
    height: 40px;
}

.icon-svg.size-50 {
    width: 50px;
    height: 50px;
}

.icon-svg.major-icon {
    width: 75px;
    height: 75px;
}

.share-icon {
    width: 24px;
    height: 18px;
}

.label-icon {
    width: 15px;
    height: 15px;
}

.office-logo {
    width: 127px;
    height: 28px;
}

.docusign-logo {
    height: 35px;
    width: 120px;
}

.google-logo {
    width: 87px;
    height: 31px;
}

.bqe-logo {
    width: 80px;
    height: 32px;
}

.dropbox-logo {
    fill: #0061ff;
    width: 124px !important;
}

.queued-clock-size {
    width: 67px;
    height: 36px;
}

.fill-primary {
    fill: #0061ff;
}

.account-right-logo {
    width: 155px;
    height: 38px;
    fill: #5c2579;
}

.jsOpenCloseFilter {
    background-color: transparent;
    padding: 0;
    border-radius: 3px;
}

    .jsOpenCloseFilter .icon-svg {
        fill: #2c99f0;
        fill: var(--base-color);
        width: 20px;
        height: 15px;
    }

    /*.jsOpenCloseFilter:not(.applied):hover {
        background-color: #2c99f0;
        background: var(--base-color);
        opacity: 0.5;
    }*/
    .jsOpenCloseFilter.disabled {
        background: #dfe1e3;
        opacity: 0.5;
    }
    /*.jsOpenCloseFilter.applied {
        background-color: #2c99f0;
        background: var(--base-color);
    }

        .jsOpenCloseFilter.applied .icon-svg {
            fill: #FFFFFF;
            fill: var(--white-color-text);
        }*/

    /*.jsOpenCloseFilter:not(.applied):hover .icon-svg {
        fill: #FFFFFF;
        fill: var(--white-color-text);
    }*/
    .jsOpenCloseFilter .disable-filter-count-icon {
        position: absolute;
        background-color: #ec1561;
        color: white;
        border-radius: 50%;
        top: 0px;
        right: 0px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        font-size: 0.9rem;
    }

    .jsOpenCloseFilter.applied .disable-filter-count-icon {
        display: none;
    }

.icon-svg.drag-icon {
    cursor: move;
}
/*=====================*/

.fa-star {
    color: #2c99f0;
    color: var(--label-click-color);
}

.info-icon {
    width: 60px;
    height: 70px;
    fill: #2c99f0;
    fill: var(--base-color);
}

.email-sent,
.email-rejected,
.email-read,
.email-opened,
.email-unopened {
    position: relative;
    width: 29px !important;
    height: 27px !important;
    top: -5px;
}

.email-read {
    top: -3px;
}