.BxSwTpBmCrTe {
    box-shadow: 0px -3px 6px -6px hsla(var(--CrTeH) 45% 71%), 0px 3px 6px -6px hsla(var(--CrTeH) 45% 71%) !important;
}

/*Used in TopNav (Where User Name Display)*/
.TpNvDpDn.open .DpDnTpLt, .TpNvDpDn.open .DpDnTpRt, .TpNvDpDn.open .DpDnBmLt, .TpNvDpDn.open .DpDnBmRt, .TpNvDpDn.open .DpDnBmCr, .TpNvDpDn.open .DpDnTpCr, .TpNvDpDn.open .DpDnBmRtOt, .TpNvDpDn.open .DpDnBmLtOt, .TpNvDpDn.open .DpDnTpRtOt, .TpNvDpDn.open .DpDnTpLtOt {
    max-height: 40vh;
    overflow-y: auto;
    box-shadow: inset 0 0 var(--Pl6) var(--CrSwIr);
}
/*************************************Table Classes*************************************/
/*table Fix Column1*/
/* Base styles for all screen sizes - no sticky on mobile */
.TeSd thead th:nth-child(1),
.TeSd thead td:nth-child(1),
.TeSd tbody td:nth-child(1) {
    left: 0;
    width: 190px;
    min-width: 190px;
    /* No sticky here on purpose (mobile-first) */
}

/* Sticky enabled on medium+ screens (desktop/tablet) */
@media (min-width: 1200px) {
    .TeSd thead th:nth-child(1),
    .TeSd thead td:nth-child(1),
    .TeSd tbody td:nth-child(1) {
        position: sticky;
    }
}

/*table page button*/
.TePgBn {
    background-color: var(--CrTeTe-aEnRwBd);
    transition: all ease-in-out .2s;
    transition-property: background-color box-shadow;
}

    .TePgBn:hover {
        background-color: var(--CrTeTe-aThRwBd) !important;
        box-shadow: inset 0 0 3px 1px var(--CrSwIr);
    }
/*table page button Active*/
.TePgBnAe {
    background-color: var(--CrTeTe-aThRwBd) !important;
    box-shadow: inset 0 0 3px 1px var(--CrSwIr);
}

/* Hover Effect on Bacckground and Text*/
.HrCrBdTe:hover {
    background-color: hsl(var(--CrTeH) 100% 70%);
    color: hsl(var(--CrWeH) 0% 100%);
    border: none;
}

.BxSw {
    box-shadow: inset 0 0 var(--Pl3) var(--Pl1) var(--CrSwIr);
}

option {
    color: var(--CrTeTt);
    background-color: var(--CrTeTtBxBd);
}

    option:hover {
        background-color: var(--CrTe);
        color: var(--CrTeHrTt);
    }


/*remove focus css*/
.ReFs:focus {
    outline: none !important;
    box-shadow: none !important;
}

/*set focus stop parent div color-profile input tag*/
.TtBxPtDv:focus-within {
    box-shadow: 0 0px 2px 2px var(--CrTe); /* Thick shadow below */
}


.responsive-chart {
    width: 100% !important;
    height: 170px !important;
}

@media (max-width: 768px) {
    .responsive-chart {
        height: 250px !important;
    }
}

/*Start:-Panel*/
/*Br4 BrTp0 BrBm4 BrRt4 BrLt0 DyIeBk Pg4*/
.Arrow {
    border: solid var(--CrTe);
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 4px;
}

.Right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.Left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.Up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.Down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.PanelBn {
    position: absolute;
    top: var(--Pl10);
    right: var(--Pl8);
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

/*Collapsible Div*/
.ClDv {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
/*Ends:-Panel*/

.RdOyTtBx {
    background-color: #d5d4d4;
}

.InBnSe {
    background-color: hsla( var(--CrTeH) 45% 71% / 0.8);
    border-radius: 4px;
    padding: 3px;
    box-shadow: var(--Pl0) var(--Pl1) var(--Pl6) var(--Pl2) hsla(var(--CrGyH) 0% 50% / 0.5);
    font-size: 17px;
    margin: 1px 0px 1px 4px;
    font-size: 15px;
    transition: transform 0.4s ease-in;
}

    .InBnSe:hover {
        transform: scale(0.94);
    }


input[type="checkbox"] {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    width: 15px;
    height: 15px;
    accent-color: var(--CrTe);
}


/*Start:- image Upload (Dropzone) Css*/
.dropzone {
    border: 2px dashed #bbb;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    position: relative; /* 🔴 REQUIRED */
}

.dropzonefileinput {
    opacity: 0;
    position: absolute; /* 🔴 REQUIRED */
    top: 0;
    left: 0;
    width: 100%; /* 🔴 REQUIRED */
    height: 100%; /* 🔴 REQUIRED */
    cursor: pointer;
}


.dropzonedragging {
    border-color: #0078d7;
    background-color: #eef6ff;
}

.upload-overlay {
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.60);
    z-index: 2;
    animation: fadeIn 0.25s ease-in;
}

.upload-success {
    color: white;
    font-size: 60px;
}

.upload-failed {
    color: white;
    font-size: 60px;
}

@@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.dropzoneremovebtn {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(0,0,0,0.6);
    color: white;
    border: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

    .dropzoneremovebtn:hover {
        background: red;
    }
/*Ends:- image Upload (Dropzone) Css*/