.btn-check:checked + .atom-icon-btn,
.atom-icon-btn.active,
.atom-icon-btn.show,
.atom-icon-btn:first-child:active,
:not(.btn-check) + .atom-icon-btn:active {
    border-color: transparent !important;
}

.atom-icon-btn {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 24px;
    width: 24px;
    background-color: transparent;
    padding: 0px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    /*Gray*/
    opacity: 0.7;
    filter: grayscale(100%) brightness(120%);
}

    .atom-icon-btn.disabled {
        pointer-events: none;
        opacity: 0.3 !important;
    }

    .atom-icon-btn.atom-icon-hover::after {
        content: attr(data-atom-tooltip);
        position: absolute;
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, 105%);
        font-size: 10px;
        color: #fff;
        background: #292929;
        border-radius: 4px;
        padding: 2.5px 2.5px;
        transition: all 0.3s ease;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        white-space: nowrap;
        z-index: var(--atom-zindex-tooltip);
    }

    .atom-icon-btn.atom-icon-hover:hover::after {
        opacity: 1;
        visibility: visible;
    }

    .atom-icon-btn.atom-icon-hover:hover {
        transform: scale(1.1);
    }

    /*Make the icon gray*/
    .atom-icon-btn:hover {
        filter: grayscale(0) brightness(100%);
        opacity: 1;
    }

    .atom-icon-btn.faq-icon {
        background-image: url("/_content/Application/icons/buttons/faq-icon.svg");
        /* background-color: var(--atom-palette-icon-black);
mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9.00001C9 5.49998 14.5 5.50001 14.5 9.00001C14.5 11.5 12 10.9999 12 13.9999' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18.0101L12.01 17.999' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9.00001C9 5.49998 14.5 5.50001 14.5 9.00001C14.5 11.5 12 10.9999 12 13.9999' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18.0101L12.01 17.999' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z' stroke='%23525252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
*/
    }

    /*BPLS*/
    .atom-icon-btn.btn-receipt-bpls {
        background-image: url("/icons/buttons/BPLS-receipt-icon.svg");
    }

    .atom-icon-btn.btn-box-arrow-bpls {
        background-image: url("/icons/buttons/BPLS-box-arrow-icon.svg");
    }

    .atom-icon-btn.btn-sdr-bpls {
        background-image: url("/icons/buttons/BPLS-sdr-bpls-icon.svg");
    }

    .atom-icon-btn.btn-sdr-business {
        background-image: url("/icons/buttons/BPLS-sdr-business-icon.svg");
    }

    .atom-icon-btn.btn-sdr-collection {
        background-image: url("/icons/buttons/BPLS-sdr-collection-icon.svg");
    }

    .atom-icon-btn.btn-sdr-dashboard {
        background-image: url("/icons/buttons/BPLS-sdr-dashboard-icon.svg");
    }

    .atom-icon-btn.btn-sdr-disbursement {
        background-image: url("/icons/buttons/BPLS-sdr-disbursement-icon.svg");
    }

    .atom-icon-btn.btn-sdr-file {
        background-image: url("/icons/buttons/BPLS-sdr-file-icon.svg");
    }

    .atom-icon-btn.btn-sdr-master-data {
        background-image: url("/icons/buttons/BPLS-sdr-master-data-icon.svg");
    }

    .atom-icon-btn.btn-sdr-report {
        background-image: url("/icons/buttons/BPLS-sdr-report-icon.svg");
    }

    .atom-icon-btn.btn-sdr-roles {
        background-image: url("/icons/buttons/BPLS-sdr-roles-icon.svg");
    }

    .atom-icon-btn.btn-sdr-users {
        background-image: url("/icons/buttons/BPLS-sdr-users-icon.svg");
    }
    /*BPLS*/

    /*VARIANTS*/

    .atom-icon-btn.btn-cross-action-square {
        background-image: url("/_content/Application/icons/buttons/cross-action-icon-square.svg");
    }

    .atom-icon-btn.btn-inactive-action {
        background-image: url("/_content/Application/icons/buttons/inactive-action-icon.svg");
    }

    .atom-icon-btn.btn-active-action {
        background-image: url("/_content/Application/icons/buttons/active-action-icon.svg");
    }

    .atom-icon-btn.btn-arrow-left-black {
        background-image: url("/_content/Application/icons/buttons/arrow-left-icon-black.svg");
    }

    .atom-icon-btn.btn-approve {
        background-image: url("/_content/Application/icons/buttons/approve-icon.svg");
    }

    .atom-icon-btn.btn-file-dock-blue {
        background-image: url("/_content/Application/icons/buttons/FileDockBlueIcon.svg");
    }

    .atom-icon-btn.btn-file-dock-white {
        background-image: url("/_content/Application/icons/buttons/FileDockWhiteIcon.svg");
    }

    .atom-icon-btn.btn-ellipsis {
        background-image: url("/_content/Application/icons/buttons/EllipsisWhiteIcon.svg");
    }

    .atom-icon-btn.btn-upload {
        background-image: url("/_content/Application/icons/buttons/UploadIcon.svg");
    }

    .atom-icon-btn.btn-plus-blue {
        background-image: url("/_content/Application/icons/buttons/plus-sign-blue.svg");
    }

    .atom-icon-btn.btn-download {
        background-image: url("/_content/Application/icons/buttons/download-icon.svg");
    }

    .atom-icon-btn.btn-disapprove {
        background-image: url("/_content/Application/icons/buttons/disapprove-icon.svg");
    }

    .atom-icon-btn.btn-delete {
        background-image: url("/_content/Application/icons/buttons/Delete_button.svg");
    }

    .atom-icon-btn.btn-delete-black {
        background-image: url("/_content/Application/icons/buttons/Delete_button_black.svg");
    }

    .atom-icon-btn.btn-delete-red {
        background-image: url("/_content/Application/icons/buttons/Delete_button-red.svg");
    }

    .atom-icon-btn.btn-restore-blue {
        background-image: url("/_content/Application/icons/buttons/blue-restore-icon.svg");
    }

    .atom-icon-btn.btn-edit {
        background-image: url("/_content/Application/icons/buttons/Edit_button.svg");
    }

    .atom-icon-btn.btn-edit-black {
        background-image: url("/_content/Application/icons/buttons/Edit_button-black.svg");
    }

    .atom-icon-btn.btn-edit-blue {
        background-image: url("/_content/Application/images/edit-blue-icon.svg");
    }

    .atom-icon-btn.btn-view {
        background-image: url("/_content/Application/icons/buttons/View_button.svg");
    }

    .atom-icon-btn.btn-camera {
        background-image: url("/_content/Application/icons/buttons/Camera.svg");
    }

    .atom-icon-btn.btn-clockwise-black {
        background-image: url("/_content/Application/icons/buttons/Clockwise_button-black.svg");
    }

    .atom-icon-btn.btn-close-button {
        background-image: url("/_content/Application/icons/buttons/Close_Button.svg");
    }

    .atom-icon-btn.btn-close-ring {
        background-image: url("/_content/Application/icons/buttons/Close_ring.svg");
    }

    .atom-icon-btn.btn-close-round-black {
        background-image: url("/_content/Application/icons/buttons/Close_round_black.svg");
    }

    .atom-icon-btn.btn-close-round-blue {
        background-image: url("/_content/Application/icons/buttons/Close_round_blue.svg");
    }

    .atom-icon-btn.btn-close-blue {
        background-image: url("/_content/Application/icons/buttons/blue-close-icon.svg");
    }

    .atom-icon-btn.btn-dashboard {
        background-image: url("/_content/Application/icons/buttons/Dashboard.svg");
    }

    .atom-icon-btn.btn-edit-profile {
        background-image: url("/_content/Application/icons/buttons/Edit_profile.svg");
    }

    .atom-icon-btn.btn-edit-folder-black {
        background-image: url("/_content/Application/icons/buttons/edit-folder-icon-black.svg");
    }

    .atom-icon-btn.btn-file-uploaded {
        background-image: url("/_content/Application/icons/buttons/File_uploaded.svg");
    }

    .atom-icon-btn.btn-check-blue {
        background-image: url("/_content/Application/icons/buttons/check-blue-icon.svg");
    }

    .atom-icon-btn.btn-green-check {
        background-image: url("/_content/Application/icons/buttons/Green_check.svg");
    }

    .atom-icon-btn.btn-green-check-box {
        background-image: url("/_content/Application/icons/buttons/Green_check_box.svg");
    }

    .atom-icon-btn.btn-logout {
        background-image: url("/_content/Application/icons/buttons/Logout.svg");
    }

    .atom-icon-btn.btn-phone {
        background-image: url("/_content/Application/icons/buttons/Phone.svg");
    }

    .atom-icon-btn.btn-plus-white {
        background-image: url("/_content/Application/icons/buttons/add_new.svg");
    }

    .atom-icon-btn.btn-plus-black {
        background-image: url("/_content/Application/icons/buttons/plus-black.svg");
    }

    .atom-icon-btn.btn-print-button {
        background-image: url("/_content/Application/icons/buttons/Print_button.svg");
    }

    .atom-icon-btn.btn-search {
        background-image: url("/_content/Application/icons/buttons/Search.svg");
    }

    .atom-icon-btn.btn-archived {
        background-image: url("/_content/Application/images/archived-icon.svg");
    }

    .atom-icon-btn.btn-share-black {
        background-image: url("/_content/Application/icons/buttons/Share_button-black.svg");
    }

    .atom-icon-btn.btn-team {
        background-image: url("/_content/Application/icons/buttons/team.svg");
    }

    .atom-icon-btn.btn-upload-folder-black {
        background-image: url("/_content/Application/icons/buttons/upload-folder-icon-black.svg");
    }

    .atom-icon-btn.btn-view-hide {
        background-image: url("/_content/Application/icons/buttons/View_button.svg");
    }

    .atom-icon-btn.btn-view-blue {
        background-image: url("/_content/Application/icons/buttons/View_hide_blue.svg");
    }

    .atom-icon-btn.btn-view-black {
        background-image: url("/_content/Application/icons/buttons/black-view-icon.svg");
    }

    .atom-icon-btn.btn-view-unhide {
        background-image: url("/_content/Application/icons/buttons/View_unhide.svg");
    }

    .atom-icon-btn.btn-borrow {
        background-image: url("/_content/Application/icons/buttons/grey-borrow-icon.svg");
    }

    .atom-icon-btn.btn-arrow-book {
        background-image: url("/_content/Application/icons/buttons/arrow-book-gray-icon.svg");
    }

    .atom-icon-btn.btn-view-unhide-blue {
        background-image: url("/_content/Application/icons/buttons/View_unhide_blue.svg");
    }

    .atom-icon-btn.btn-hide {
        background-image: url("/_content/Application/icons/buttons/hide.svg");
    }