: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;
}
.logoheight {
height: 40px !important;
}
.active {
  border: 3px solid green;   /* Green border */
  box-shadow: 0 4px 15px rgba(0, 128, 0, 0.3); /* Green glow */
  transform: scale(1.05);
}

/* Filters row */
.filter-row .form-select {
  height: 42px;
  font-size: 14px;
  border-radius: 6px;
}

.filter-row .btn-success {
  height: 42px;
  font-size: 14px;
  border-radius: 6px;
}

/* Table styling */
table.mat-table {
  width: 100%;
  border-collapse: collapse;
}

.mat-header-cell, .mat-cell {
  padding: 12px 16px;
  font-size: 14px;
  border-bottom: 1px solid #e0e0e0;
}

.mat-header-cell {
  background: #f8f9fa;
  font-weight: 600;
}

/* Row hover */
.mat-row:hover {
  background: #f5f5f5;
}

/* Paginator alignment */
.mat-paginator {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.mat-column-caseDescription {
  white-space: normal !important;   /* allow wrapping */
  word-wrap: break-word;
  word-break: break-word;
  max-width: 400px;   /* adjust column width */
}
.mat-column-description {
  white-space: normal !important;   /* allow wrapping */
  word-wrap: break-word;
  word-break: break-word;
  max-width: 400px;   /* adjust column width */
}

/* report.component.css */

.mat-header-cell, 
.mat-sort-header-content {
  white-space: nowrap;   /* keep header text in one line */
  text-align: center;    /* center align text */
  justify-content: center; /* center align with flex */
}

/* .mat-column-actions {
  width: 80px;
  text-align: center;
}

.mat-column-caseNo {
  width: 120px;
}

.mat-column-caseDate {
  width: 180px;
}

.mat-column-status {
  width: 120px;
}

.mat-column-caseDescription,
.mat-column-description {
  width: 200px;
  

  text-wrap: nowrap;
}

.mat-column-ticketNo {
  width: 120px;
}

.mat-column-ticketDate {
  width: 240px;
}

.mat-column-workOrderNo {
  width: 140px;
}

.mat-column-workOrderDate {
  width: 260px;
} */
.dropdownwirdth{
  cursor: pointer;
    
}
.creportcusr{
    cursor: pointer;
}