*:hover, * .btn-link {
    text-decoration: none;
    text-decoration-line: none;
}
/* IMAGE */
img {
    pointer-events: none; /* Disable any interactions */
    user-select: none; /* Prevent selecting */
    -webkit-user-drag: none; /* Disable dragging */
}
/* /IMAGE */
.modal-bl .modal-dialog {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 0;
}
.modal-open {
    overflow: hidden;
}
#toast-container > div {
    float: right;
    margin-left: 20px;
}
/* Toastr */
.toast-success {
    background-color: #357e45 !important;
}
.toast-info {
    background-color: black !important;
}
.toast-warning {
    background-color: #ffae42 !important;
}
.toast-error {
    background-color: #d9534f !important;
}
.swal2-container {
    z-index: 20000 !important;
}
table {
    border-collapse: collapse;
}

table td, th {
    border: 1px solid black;
}

table tr {
    border-bottom: 1px solid black;
}

table td, th {
    border-right: 1px solid black;
}

table {
    border: 1px solid black;
} 
.card-header-border-top {
    border-top: blue 1px solid;
}
.user-card-header-info-view-active {
    display: block;
}
.user-card-header-info-view-inactive {
    display: none;
}
.inner-cards {
    margin-left: 6px; 
    margin-right: 6px;
    margin-bottom: 20px;
}
.header-margin {
    margin-left: 10px; 
    margin-right: 10px;
}
.view-user-card-img {
    margin-top: 10px;
    height: 140px;
    width: 140px; 
}
.profile-picture {
    border: #357e45 2px solid;
}
.user-card-header {
    text-align: center; 
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    margin: 0 auto;

}
.user-card-header-container {
    background-color: beige; 
    padding: 15px; 
}
.view-user-h5, .view-user-h6 {
    text-align: center;
}
.show-user-edit-button {
    align-items: center;
}
.setting-checkbox{
    width: 35px;
    height: 35px;
}
.addRoleForm {
    padding-bottom: 10rem;
    bottom: 5rem;
}
.text-left {
    text-align: left;
}
.messages-table tr td {
    text-align: left;
}
.w-3 {
    width: 5rem;
}
.w-3 {
    width: 5rem;
}
.margin-0-auto {
    margin: 0 auto;
}
sup {
    color: red;
    font-weight: bold;
}
.ch-gray {
    background-color: lightgray;
    height: 4rem; 
}
.no-show {
    display: none;
}
/* Style for the cloned element */
.cloned-element {
    position: relative;
}

/* Style for the close icon */
.close-icon {
    position: absolute;
    top: 5px; /* Adjust top position */
    right: 5px; /* Adjust right position */
    cursor: pointer;
    font-weight: bold;
}
.files-upload-area {
    width: 100%;
    height: 16rem;
    background-color: lightgray;
    cursor: pointer;
}
.file-import-span-icon{
    font-size: 8rem;
}   
.file_listing_area, .file_information-area {
    width: 100%;
    height: 50vh; 
    overflow: auto; /* add scrollbars when content overflows */ 
    overflow-x: auto; /* horizontal scroll */ 
}
.file_listing_area::-webkit-scrollbar, .file_information-area::-webkit-scrollbar {
    width: 0px; /* Set the width of the scrollbar */
}
.preview-attachment-modal *::-webkit-scrollbar, .preview-attachment-modal *::-webkit-scrollbar {
    width: 0px; /* Set the width of the scrollbar */
}
.select2-close-mask{
    z-index: 2099; 
}
.select2-dropdown{
    z-index: 3051;  
} 
* .select2-search__field{
    z-index: 10051;  
} 
.ledger-navigation-btn {
    cursor: pointer;
}
.ledger-navigation-btn:hover {
    background-color: lightcyan; 
}
* .form-control, * button, * .select2-container--default .select2-selection--single {
    border-radius: 0 !important;
} 
.modal-attachment-dialog {
    width: 80%;
    height: 60%;
    max-width: 80%;
    max-height: 80%;
}
.preview-attachment-modal {
    z-index: 100000;
}
.attachment-preview { 
    transition: transform 0.2s; /* Animation */
    cursor: grab; /* Change cursor to indicate dragging */  
    width: 50vw;
    height: 100vh;  
}
.modal-attachment-container { 
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh;
}
.attachment-preview:active {
    cursor: grabbing;
} 
.attachment-transformer-action-btn { 
    z-index: 100000;
} 
.modal-attachment-body {
    overflow: auto;
    max-height: 80vh; /* Ensure the modal body is scrollable */
    position: relative;
}
.modal-attachment-content {
    overflow: hidden;
}
.pdfContainer {
    height: 80vh;
}
.table .active-upload-contacts-nav-header, .table .navigation-header, .table .nav-header-bg {
    background-color: gainsboro;
}
* .p-cursor {
    cursor: pointer;
}
.dataTables_wrapper p {
    line-height: 1.2;
    margin: 0;
}
.notification-dropdown {
    width: 600px;
    max-height: 400px;
    overflow-y: auto; 
    padding: 10px;
    background-color: rgb(245, 243, 241);
    border: 1px solid hsl(210, 14%, 89%);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.notification-read {
    background-color: rgb(239, 239, 239); /* RGB */
}
.notification-dropdown .dropdown-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 6px;
    color: #333;
    text-decoration: none; 
    border: 1px solid black;
}
.notification-dropdown .notificationList {
    list-style-type: none;
    margin-left: -2rem; 
}
.notification-dropdown .dropdown-footer a {
    text-decoration-line: none; 
}
.notification-dropdown .dropdown-item:hover {
    background-color: #f8f9fa;
}
#notificationCount {
    font-size: 0.65rem;
    color: #fff;
    background-color: #dc3545;
    border-radius: 50%;
    padding: 0.2rem 0.4rem;
    position: absolute;
    top: -1px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.notification-loading-display-0, .notificationCountDisplay {
    display: none;
}
/* 2 FA CSS */
.code-input {
    width: 50px;
    height: 50px;
    font-size: 24px;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid #ced4da;
}
.code-input:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
}
.input-group {
    justify-content: center;
}
/* /2 FA CSS */