:root {

    --bs-wom-pcolor: #616161;
    --bs-pending-bg: #fee0e0;
    --bs-pendingtopbg: #F8312F;
    --bs-inprogress-bg: #ffe8de;
    --bs-inprogresstopbg: #FF6723;
    --bs-completed-bg: #d9eaf5;
    --bs-completedtopbg: #0074BA;
    --bs-open-bg:#F6C912;
    --bs-opentopbg:#FDF2C3; 

    --bs-oddcard-bg: #F4F4F9;
    --bs-evencard-bg: #E5E7FF;
}


body::-webkit-scrollbar {
    width: 10px;
}

body {
    scrollbar-width: 10px;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar-track {
    background: #C9C9C9;
}

body::-webkit-scrollbar-thumb {
    background-color: #3C3C3C;
    border-radius: 0px;
    border: 3px solid var(--scrollbarBG);
}


.wom-tprimary {
    color: var(--bs-wom-pcolor) !important;
}

.wom-card-radius {
    border-radius: 14px !important;
}


.cardtop-circle {
    position: absolute !important;
    top: -1.5rem;
    left: 30%;
}

.bg-pendingtop {
    background-color: var(--bs-pendingtopbg) !important;
}

.pending-bg {
    background-color: var(--bs-pending-bg) !important;
}

.bg-pendingtop {
    background-color: var(--bs-pendingtopbg) !important;
}

.progress-bg {
    background-color: var(--bs-inprogress-bg) !important;
}

.bg-progresstop {
    background-color: var(--bs-inprogresstopbg) !important;
}

.complete-bg {
    background-color: var(--bs-completed-bg) !important;
}

.bg-completetop {
    background-color: var(--bs-completedtopbg) !important;
}

.open-bg {
    background-color: var(--bs-open-bg) !important;
}

.bg-opentop {
    background-color: var(--bs-opentopbg) !important;
}

.oddcard {
    background-color: var(--bs-oddcard-bg) !important;
    cursor: pointer;
}


.evencard {
    background-color: var(--bs-evencard-bg) !important;
    cursor: pointer;
}

.p-close {
    position: absolute;
    top: -10px;
    right: -6px;
    width: 24px !important;
    height: 24px !important;
    display: flex;
    justify-content: center;
    padding: 5px 4px;
    font-size: 14px !important;
}


.p-img {
    width: 74px !important;
    height: 74px !important;
    border-radius: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}



.cursor-pointer:hover svg {
    fill: #282B82;
    stroke: #282B82;
}

.cursor-pointer svg {
    fill: #A1A1A1;
    stroke: #A1A1A1;
    height: 50px;
    align-items: center;
    width: auto;
    justify-content: center !important;
}

.w-h-100
{
    height: 100%;
}

@media (max-width: 480px) {
    .cardtop-circle {
        position: absolute !important;
        top: -1.5rem;
        left: 25%;
    }

.mob-h-100 {
    height: 120px !important;
}
}

.webcam-wrapper video.mirrored {
    width: 100%!important;
     height: 100%!important;
}

/* .wom-bg{
    background: linear-gradient(to bottom, #8a7972 50%, #211f7e 50%) !important;
 
} */

.wom-bg {
    background: linear-gradient(to bottom, #D4C2BA 50%, #211f7e 50%) !important;
}