[data-bs-theme=dark] a {
    color: --var(--bs-primary);
    /*    color: #e06262;
*/
}

/*[data-bs-theme=dark] .text-active-primary.active {
    color: #ffa2ae;
}*/

[data-bs-theme=dark] .form-check-input:checked {
    background-color: --var(--bs-primary-active);
/*    border-color: #e06262;
*/}

[data-bs-theme=dark] .scrolltop {
    background-color: #354249;
}

[data-bs-theme=dark] .loader {
    /*background: linear-gradient(90deg,#d00f28 50%,#0000 0) right/200% 100%;*/
    background: linear-gradient(90deg, var(--bs-primary), 50%, #0000 0) right/200% 100%);
    color: --var(--bs-primary-inverse);
}

    [data-bs-theme=dark] .loader::before {
/*        color: #ffa2ae;
*/    
color: #fff;
    }

/*icons*/
.material-symbols-outlined {
    vertical-align: bottom;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
}

.content-area {
    max-width: 1280px;
    margin: 0 auto;
}

.box {
    background-color: #2B2D3E;
    padding: 25px 20px;
}

.shadow {
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}

.sparkboxes .box {
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0 1px 1px 1px #666;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    position: relative;
    border-radius: 5px;
}

    .sparkboxes .box .details {
        position: absolute;
        color: #fff;
        transform: scale(0.7) translate(-22px, 20px);
    }

.sparkboxes strong {
    position: relative;
    z-index: 3;
    top: -8px;
    color: #fff;
}


.sparkboxes .box1 {
    background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);
}

.sparkboxes .box2 {
    background-image: linear-gradient( 135deg, #2AFADF 10%, #4C83FF 100%);
}

.sparkboxes .box3 {
    background-image: linear-gradient( 135deg, #FFD3A5 10%, #FD6585 100%);
}

.sparkboxes .box4 {
    background-image: linear-gradient( 135deg, #EE9AE5 10%, #5961F9 100%);
}

.menu-buttons {
    border: 0;
    border-radius: 3px;
    background-color: transparent;
    padding: 3px 8px;
}

    .menu-buttons :hover {
        color: #009ef7;
    }

.selected-menu-buttons {
    background-color: white;
}

.btnEdit,.linkEdit {
    background-color: var(--bs-primary);
    cursor: pointer;
}

    .btnEdit:hover, linkEdit:hover {
        background-color: var(--bs-primary-active);
    }

    .btnEdit:active, linkEdit:active {
        background-color: var(--bs-primary-active);
    }
/*.input-group-text svg {
    width: 1em;
    height: 1em;
}*/
/*.input-group-text {
    display: flex;
    align-items: flex-end;*/ /* Align the image to the bottom */
    /*padding: 0;
}

    .input-group-text img {
        width: 20%;*/ /* Adjust the width as needed */
    /*}*/
#animated-textarea {
    overflow: hidden;
    white-space: pre-wrap; /* Preserve white spaces */
    border: none; /* Remove border for better visual effect */
}

    #animated-textarea.typing {
        border-right: .15em solid var(--bs-gray-500); /* Cursor */
        animation: typing 2s steps(30, end), blink-caret .75s step-end infinite;
    }

/* Cursor blink effect */
@keyframes blink-caret {
    from, to {
        border-color: transparent
    }

    50% {
        border-color: var(--bs-gray-500);
    }
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 35px; /* Updated width */
    height: 20px; /* Updated height */
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 20px; /* Updated to match the new height */
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px; /* Updated for new fit */
        width: 16px; /* Updated for new fit */
        left: 2px; /* Adjusted for centering */
        bottom: 2px; /* Adjusted for centering */
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    transform: translateX(15px); /* Adjusted for new width */
}

.user-buttons {
    border: 0;
    border-radius: 3px;
    background-color: transparent;
    padding: 9px 14px;
    color: var(--bs-secondary-inverse);
}

    .user-buttons :hover {
        color: #0068a3;
    }

.selected-user-buttons {
    color: var(--bs-body-color) !important;
}


/*.daterangepicker {
    position: absolute !important;
    top: 0 !important;
    left: calc(100% + 10px) !important;*/ /* Adjust the value to position the menu to the right of the input field */
/*}

.daterange-container {
    position: relative;
    display: inline-block;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    display: block !important;
}*/

.prevnext {
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--bs-gray-400);
    border-radius: 0.5em;
    padding-top: 0px;
}

/*.hide-textx {
    visibility: hidden;
}

    .hide-textx::before {
        visibility: visible;
        content: '\E89E';*/ /* Unicode for open_in_new */
        /*font-family: 'Material Symbols Outlined';
    }*/

.btn-active-radio-dot-outline {
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary);
    background-color: var(--bs-primary-light) !important;
}

#drop-area {
    border-style: dashed;
    transition: background-color 0.3s ease;
    /*background-color: #ffffff;*/ /* Default background color */
}

    #drop-area.hover {
        background-color: #0396FF; /* Highlight background color */
    }

.border-bottom-separator {
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}

.dot-outline {
    border: 1px dashed var(--bs-primary) !important;
}

.fc-input-amount {
    color: var(--bs-gray-700) !important;
}

.menu-sub-lg-dropdown
{
    width: 240px !important;
}

#editTenantLegalEntity
{
    max-height: 300px;
    overflow: scroll;
}
/*LOADER*/
.loaderb-container {
    position: absolute;
    top: 100px;
    left: 100px;
    /*    width: 100%;
    height: 100%;*/
    /*    background: rgba(255, 255, 255, 0.1);
*/ display: none;
    justify-content: center;
    align-items: center;
    /*    z-index: 9999;
*/
}

.loaderb {
    width: 50px;
    height: 50px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform-origin: center center;

}

@keyframes spin {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.2);
    }

    100% {
        transform: rotate(360deg) scale(1);
    }
}

/* Optional pulse effect behind the loader */
.loaderb::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(52, 152, 219, 0.2);
    animation: pulse 1s ease-out infinite;
}

/*@keyframes pulse {
    0% {
        transform: scale(0.8);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}*/
/*NEW LOADER CLAUDE*/
.loaderc-container {
/*    position: fixed;
*/
position:absolute;
top: 40px;
margin-left:40px;
    left: 0;
/*    width: 100%;
    height: 100%;*/
/*    background: rgba(17, 17, 23, 0.95);
*/    display: none;
    justify-content: center;
    align-items: center;
/*    z-index: 9999;
*/}

.loaderc-container2 {
    margin-left: 40px;
    left: 0;
    justify-content: center;
    align-items: center;
}

.loaderc {
    position: relative;
    width: 120px;
    height: 120px;
}

.loaderc2 {
    position: fixed;
    width: 140px;
    height: 30px;
}
.loaderc2 div {
    position: absolute;
    border: 4px solid transparent;
    border-radius: 50%;
    opacity: 0.8;
}

    .loaderc div {
        position: absolute;
        border: 4px solid transparent;
        border-radius: 50%;
        opacity: 0.8;
    }

.ring-1 {
    width: 120px;
    height: 120px;
    border-top: 4px solid #fc4d4d !important; /* Main red  #ff5757 */
    animation: rotate-1 2s cubic-bezier(0.26, 1.36, 0.74, -0.29) infinite;
}

.ring-2 {
    width: 100px;
    height: 100px;
    top: 10px;
    left: 10px;
    border-right: 4px solid #1e3d59 !important; /* Dark blue */
    animation: rotate-2 2s cubic-bezier(0.35, 0.07, 0.65, 1.93) infinite;
}

.ring-3 {
    width: 80px;
    height: 80px;
    top: 20px;
    left: 20px;
    border-bottom: 4px solid #ff4040 !important; /* Darker red */
    animation: rotate-3 2s cubic-bezier(0.51, -0.42, 0.49, 1.42) infinite;
}

.core {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 40px;
    left: 40px;
    background: radial-gradient(circle, #151521, #1b1b28); /* Dark blue gradient  #2b4f76, #1e3d59*/
    border-radius: 50%;
    animation: pulse 2s ease-in-out infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: white;
    font-size: 14px; /* Adjusted for "GV" */
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    letter-spacing: -1px; /* Tighter spacing for "GV" */
}

.core2 {
    width: 40px;
    height: 40px;
    top: 40px;
    left: 40px;
    background: radial-gradient(circle, #151521, #1b1b28);
    border-radius: 50%;
    animation: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: white;
    font-size: 14px; /* Adjusted for "GV" */
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    letter-spacing: -1px; /* Tighter spacing for "GV" */
}

@keyframes rotate-1 {
    0% {
        transform: rotateZ(0deg) scale(1);
    }

    50% {
        transform: rotateZ(180deg) scale(0.9);
    }

    100% {
        transform: rotateZ(360deg) scale(1);
    }
}

@keyframes rotate-2 {
    0% {
        transform: rotateZ(0deg) scale(1);
    }

    50% {
        transform: rotateZ(-180deg) scale(1.1);
    }

    100% {
        transform: rotateZ(-360deg) scale(1);
    }
}

@keyframes rotate-3 {
    0% {
        transform: rotateZ(0deg) scale(1);
    }

    50% {
        transform: rotateZ(360deg) scale(0.9);
    }

    100% {
        transform: rotateZ(720deg) scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.8);
        box-shadow: 0 0 20px rgba(30, 61, 89, 0.5); /* Dark blue glow */
    }

    50% {
        transform: scale(1.2);
        box-shadow: 0 0 50px rgba(30, 61, 89, 0.8); /* Intensified dark blue glow */
    }

    100% {
        transform: scale(0.8);
        box-shadow: 0 0 20px rgba(30, 61, 89, 0.5); /* Dark blue glow */
    }
}

/* Particle effects */
.particles {
    position: absolute;
    width: 100%;
    height: 100%;
}

.particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #fc4d4d; /* Red particles */
    border-radius: 50%;
    animation: particle-float 3s infinite;
}

.opacity08 {
    opacity: 0.4 !important;
}

    .particle:nth-child(1) {
        left: 45%;
        top: 40%;
        animation-delay: 0s;
        background: #fc4d4d;
    }

    .particle:nth-child(2) {
        left: 50%;
        top: 45%;
        animation-delay: 0.5s;
        background: #1e3d59;
    }

    .particle:nth-child(3) {
        left: 55%;
        top: 50%;
        animation-delay: 1s;
        background: #ff4040;
    }

    .particle:nth-child(4) {
        left: 45%;
        top: 55%;
        animation-delay: 1.5s;
        background: #2b4f76;
    }

@keyframes particle-float {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(50px, -50px) scale(0);
        opacity: 0;
    }
}

.btn.btn-danger {
    background-color: #fc4d4d !important;
}

    .btn.btn-danger:hover {
        background-color: #385681 !important;
    }

.kanban-item {
    background-color: var(--bs-body-bg) !important;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.10) !important;
}

.kanban-container .kanban-board .kanban-drag .kanban-item {
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.10) !important;
}

@media (min-width: 992px) {
    :root {
        --bs-app-header-height: 55px;
    }
}

#month-navigation {
    text-align: center; /* Default to center for mobile */
}

@media (min-width: 992px) { /* Applies to large screens and above */
    #month-navigation {
        text-align: right;
    }
}
.kanban-drag { 
    height: 63vh;
    overflow: auto;
}
.fa-external-link-alt:hover, .fa-external-link-alt:active {
    color: var(--bs-text-dark);
}
.phoneLink {
    color: var(--bs-gray-800);
}
.phoneLink:hover, .phoneLink:active {
    color: var(--bs-success);
}
#tenant_deals_table_div
{
    min-height: 400px;
}

#table_cash_flow > tbody > tr, #totalsDivTitle, #cashflowSummaryTitle {
    cursor: pointer !important;
}