/* _content/GP_WebPortal/Areas/Admin/Views/Admin/AchieverAttendance.cshtml.rz.scp.css */


.hotel-card[b-0vjpuzubqv] {
  width: 380px;
  margin: 20px auto;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.hotel-header[b-0vjpuzubqv] {
    background: #28a745;
    padding: 15px;
    text-align: center;
}

.hotel-header h4[b-0vjpuzubqv] {
  color: #fff;
  margin-bottom: 10px;
}

.stats[b-0vjpuzubqv] {
  display: flex;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.stat-box[b-0vjpuzubqv] {
  background: #fff6cc;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #000;
}

.refresh-btn[b-0vjpuzubqv] {
  background: #fff6cc;
  border: 1px solid #000;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
}

.search-section[b-0vjpuzubqv] {
  padding: 10px;
  text-align: center;
}

.search-section input[b-0vjpuzubqv] {
  width: 100%;
  padding: 10px;
  font-size: 15px;
}

.btn-search[b-0vjpuzubqv] {
  background: #26a69a;
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.achiever-card[b-0vjpuzubqv] {
  border-top: 1px solid #ddd;
  padding: 15px;
}

.achiever-name[b-0vjpuzubqv] {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 600;
}

.room-info[b-0vjpuzubqv] {
  display: flex;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.sno-box[b-0vjpuzubqv] {
  background: #a5d6a7;
  padding: 10px;
  width: 30%;
  text-align: center;
  font-weight: bold;
}

.room-box[b-0vjpuzubqv] {
  padding: 10px;
  width: 70%;
  text-align: center;
}

.sharing-info[b-0vjpuzubqv] {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
}

.shared-ids[b-0vjpuzubqv] {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.shared-ids span[b-0vjpuzubqv] {
  font-weight: bold;
}

.member-list[b-0vjpuzubqv] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px 0;
}

.member-row[b-0vjpuzubqv] {
  display: grid;
  grid-template-columns: 40px 90px 1fr;
  align-items: center;
  padding: 6px 10px;
  background: #f8f9fa;
  border-radius: 6px;
  font-size: 13px;
}

.member-row:hover[b-0vjpuzubqv] {
  background: #e9ecef;
}

.member-row .sno[b-0vjpuzubqv] {
  font-weight: 600;
  color: #6c757d;
}

.member-row .achiever-id[b-0vjpuzubqv] {
  font-family: monospace;
  color: #0d6efd;
}

.member-row .name[b-0vjpuzubqv] {
  font-weight: 500;
  color: #212529;
}

.shared-ids[b-0vjpuzubqv] {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 per row */
  gap: 12px;
  margin-top: 12px;
}

.shared-box[b-0vjpuzubqv] {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 12px;
  text-align: center;
  background: #f9f9f9;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/AchieversList.cshtml.rz.scp.css */
   .excel-preview-wrapper[b-qhwav0xc26] {
        max-height: 450px;
        overflow-x: auto;
        overflow-y: auto;
        white-space: nowrap;
        border: 1px solid #dee2e6;
        border-radius: 6px;
    }

    #excelTable th[b-qhwav0xc26],
    #excelTable td[b-qhwav0xc26] {
        white-space: nowrap;
        font-size: 13px;
        padding: 6px 8px;
    }

    #excelTable thead th[b-qhwav0xc26] {
        position: sticky;
        top: 0;
        background: #f8f9fa;
        z-index: 2;
    }

    #excelTable th.required-col[b-qhwav0xc26] {
        background-color: #e8f5e9;
        font-weight: 600;
    }
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/ActivityCrud.cshtml.rz.scp.css */
.upload-box[b-m95prfrn6n] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-m95prfrn6n] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-m95prfrn6n] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

/*  .download-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        background: rgba(0, 123, 255, 0.8);
        color: white;
        padding: 6px;
        border-radius: 50%;
        font-size: 1rem;
        display: none; /* hidden by default */
/*     z-index: 10;
        text-decoration: none;
        transition: all 0.2s ease; */
/* } */

.position-relative:hover .download-icon[b-m95prfrn6n] {
    display: block;
    cursor: pointer;
    transform: scale(1.1);
}

.table-scroll-container[b-m95prfrn6n] {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
}

.sticky-header th[b-m95prfrn6n] {
    position: sticky;
    top: 0;
    background: #f8f9fa !important;
    z-index: 5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
}

.pdf-preview[b-m95prfrn6n] {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table td[b-m95prfrn6n], .table th[b-m95prfrn6n] {
    vertical-align: middle !important;
}

.modal[b-m95prfrn6n] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-m95prfrn6n] {
    position: relative;
    display: inline-block;
}

.download-icon[b-m95prfrn6n] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-m95prfrn6n] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-m95prfrn6n] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-m95prfrn6n] {
    padding: 0 !important;
}

.preview-img[b-m95prfrn6n] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-m95prfrn6n] {
    display: none !important;
}

.wrap-text[b-m95prfrn6n] {
    max-width: 250px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Awards.cshtml.rz.scp.css */
.upload-box[b-7my03mwphm] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-7my03mwphm] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-7my03mwphm] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-7my03mwphm] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-7my03mwphm] {
    position: relative;
    display: inline-block;
}

.download-icon[b-7my03mwphm] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-7my03mwphm] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-7my03mwphm] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-7my03mwphm] {
    padding: 0 !important;
}

.preview-img[b-7my03mwphm] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-7my03mwphm] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Banner.cshtml.rz.scp.css */
.notes_text[b-a8ks0yavsf] {
    color: red !important;
    font-size: 12px;
}

.upload-box[b-a8ks0yavsf] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-a8ks0yavsf] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-a8ks0yavsf] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-a8ks0yavsf] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-a8ks0yavsf] {
    position: relative;
    display: inline-block;
}

.download-icon[b-a8ks0yavsf] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-a8ks0yavsf] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-a8ks0yavsf] {
    max-width: 50% !important; /* Increase modal width */
}

#imagePopupModal .modal-body[b-a8ks0yavsf] {
    padding: 0 !important; /* Optional: remove extra padding */
}

.preview-img[b-a8ks0yavsf] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-a8ks0yavsf] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Blogs.cshtml.rz.scp.css */
.marquee-content[b-pdat1jtaiy] {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of visible lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.upload-box[b-pdat1jtaiy] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-pdat1jtaiy] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-pdat1jtaiy] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-pdat1jtaiy] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-pdat1jtaiy] {
    position: relative;
    display: inline-block;
}

.download-icon[b-pdat1jtaiy] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-pdat1jtaiy] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-pdat1jtaiy] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-pdat1jtaiy] {
    padding: 0 !important;
}

.preview-img[b-pdat1jtaiy] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-pdat1jtaiy] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/CarryOpenings.cshtml.rz.scp.css */
:root[b-6pwjrdpanr] {
    --teal: #2bada0;
    --teal-dark: #228f84;
    --blue: #5baadd;
    --blue-dark: #4090c4;
    --slate: #5b8fc4;
    --slate-dark: #4878ab;
    --green: #8eba5b;
    --green-dark: #74a043;
    --red: #d96b6b;
    --red-dark: #c05252;
    --bg: #f5f9e8;
    --card-bg: #ffffff;
    --text-dark: #1a2535;
    --text-mid: #4a5568;
    --radius: 14px;
}


.search-row[b-6pwjrdpanr] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 28px;
}

    .search-row input[b-6pwjrdpanr],
    .search-row select[b-6pwjrdpanr] {
        padding: 10px 16px;
        border: 1.5px solid #d0dde8;
        border-radius: 8px;
        font-family: inherit;
        font-size: 15px;
        color: var(--text-dark);
        background: #fff;
        outline: none;
        transition: border-color .2s;
    }

    .search-row input[b-6pwjrdpanr] {
        width: 180px;
    }

        .search-row input:focus[b-6pwjrdpanr],
        .search-row select:focus[b-6pwjrdpanr] {
            border-color: var(--teal);
        }

    .search-row select[b-6pwjrdpanr] {
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234a5568' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        padding-right: 32px;
        cursor: pointer;
    }

.btn-search[b-6pwjrdpanr] {
    padding: 10px 18px;
    border: none;
    border-radius: 8px;
    background: var(--teal);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    transition: background .2s, transform .1s;
}

    .btn-search:hover[b-6pwjrdpanr] {
        background: var(--teal-dark);
    }

    .btn-search:active[b-6pwjrdpanr] {
        transform: scale(.97);
    }

.profile-panel[b-6pwjrdpanr] {
    background: #f0f5f5;
    border-radius: var(--radius);
    padding: 16px 24px;
    margin: 0 auto 24px;
    max-width: 860px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.avatar[b-6pwjrdpanr] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #ccc;
    object-fit: cover;
    border: 2px solid var(--teal);
    flex-shrink: 0;
}

.badge[b-6pwjrdpanr] {
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .4px;
    color: #fff;
}

.badge-id[b-6pwjrdpanr] {
    background: var(--teal);
}

.badge-name[b-6pwjrdpanr] {
    background: var(--teal);
}

.badge-loc[b-6pwjrdpanr] {
    background: var(--teal);
}

.badge-status[b-6pwjrdpanr] {
    background: var(--teal);
}

.fy-label[b-6pwjrdpanr] {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #e05252;
    margin-top: 6px;
}

    .fy-label strong[b-6pwjrdpanr] {
        color: #c0392b;
    }

/* ── Stats grid ── */
.stats-wrapper[b-6pwjrdpanr] {
    background: var(--card-bg);
    border-radius: var(--radius);
    padding: 24px;
    max-width: 860px;
    margin: 0 auto;
    box-shadow: 0 4px 24px rgba(0,0,0,.06);
}

.stats-grid[b-6pwjrdpanr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 16px;
}

.stat-card[b-6pwjrdpanr] {
    border-radius: var(--radius);
    padding: 22px 16px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s;
    cursor: default;
}

    .stat-card[b-6pwjrdpanr]::after {
        content: '';
        position: absolute;
        top: -30px;
        right: -30px;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background: rgba(255,255,255,.10);
    }

    .stat-card:hover[b-6pwjrdpanr] {
        transform: translateY(-4px);
        box-shadow: 0 10px 28px rgba(0,0,0,.15);
    }

    .stat-card.teal[b-6pwjrdpanr] {
        background: linear-gradient(135deg, #2bada0, #1e8f84);
    }

    .stat-card.blue[b-6pwjrdpanr] {
        background: linear-gradient(135deg, #5baadd, #3d8fc4);
    }

    .stat-card.slate[b-6pwjrdpanr] {
        background: linear-gradient(135deg, #5b8fc4, #3d72ab);
    }

    .stat-card.green[b-6pwjrdpanr] {
        background: linear-gradient(135deg, #8eba5b, #6fa040);
    }

    .stat-card.red[b-6pwjrdpanr] {
        background: linear-gradient(135deg, #d96b6b, #c05050);
    }

.stat-icon[b-6pwjrdpanr] {
    font-size: 28px;
    line-height: 1;
    opacity: .9;
}

.stat-label[b-6pwjrdpanr] {
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: .3px;
    text-align: center;
    opacity: .92;
}

.stat-value[b-6pwjrdpanr] {
    font-family: 'Syne', sans-serif;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.5px;
    text-align: center;
}

/*
            {
                grid-template-columns: repeat(2, 1fr);
            } */

.stat-card.red[b-6pwjrdpanr] {
    grid-column: span 2;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Certificates.cshtml.rz.scp.css */
.upload-box[b-c7t21cb2ki] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-c7t21cb2ki] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-c7t21cb2ki] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-c7t21cb2ki] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-c7t21cb2ki] {
    position: relative;
    display: inline-block;
}

.download-icon[b-c7t21cb2ki] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-c7t21cb2ki] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-c7t21cb2ki] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-c7t21cb2ki] {
    padding: 0 !important;
}

.preview-img[b-c7t21cb2ki] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-c7t21cb2ki] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/CMSCrops.cshtml.rz.scp.css */
.squarebox[b-2wggcvbjcm] {
    max-width: 200px;
}

    .squarebox .ratio[b-2wggcvbjcm] {
        overflow: hidden;
    }

        .squarebox .ratio > div[b-2wggcvbjcm] {
            background-size: 100%;
            background-position: center;
        }

            .squarebox .ratio > div img[b-2wggcvbjcm] {
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
            }

.file-upload[b-2wggcvbjcm] {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.file-upload-btn[b-2wggcvbjcm] {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1fb264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824b;
    transition: all 0.2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .file-upload-btn:hover[b-2wggcvbjcm] {
        background: #1aa059;
        color: #ffffff;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .file-upload-btn:active[b-2wggcvbjcm] {
        border: 0;
        transition: all 0.2s ease;
    }

.file-upload-content[b-2wggcvbjcm] {
    display: none;
    text-align: center;
}

.file-upload-input[b-2wggcvbjcm] {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap[b-2wggcvbjcm] {
    margin-top: 20px;
    border: 4px dashed #1fb264;
    position: relative;
}

    .image-upload-wrap:hover[b-2wggcvbjcm],
    .image-dropping[b-2wggcvbjcm] {
        background-color: #1fb264;
        border: 4px dashed #ffffff;
    }

.image-title-wrap[b-2wggcvbjcm] {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text[b-2wggcvbjcm] {
    text-align: center;
}

    .drag-text h3[b-2wggcvbjcm] {
        font-weight: 100;
        text-transform: uppercase;
        color: #15824b;
        padding: 60px 0;
    }

.file-upload-image[b-2wggcvbjcm] {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image[b-2wggcvbjcm] {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all 0.2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .remove-image:hover[b-2wggcvbjcm] {
        background: #c13b2a;
        color: #ffffff;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .remove-image:active[b-2wggcvbjcm] {
        border: 0;
        transition: all 0.2s ease;
    }
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Components/POInvoice/POInvoice.cshtml.rz.scp.css */



.invoice-container[b-ultzgiusvu] {
    width: 100%;
    border: 1px solid #000;
    border-collapse: collapse;
}

/* Print Button Styles */
.print-button-container[b-ultzgiusvu] {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

.btn i[b-ultzgiusvu] {
    transition: transform 0.2s ease;
}

.btn:hover i[b-ultzgiusvu] {
    transform: scale(1.2);
}

.InvoicePo[b-ultzgiusvu] {
    font-size: 12px;
}



    .InvoicePo th[b-ultzgiusvu] {
        background: #008000 !important;
        color: #fff !important;
        font-weight: bold;
    }

.invoice-box[b-ultzgiusvu] {
    border: 1px solid #000;
    padding: 15px;
}


.InvoicePo[b-ultzgiusvu] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .InvoicePo th[b-ultzgiusvu], td[b-ultzgiusvu] {
        border: 1px solid #000;
        padding: 6px;
        vertical-align: top;
    }

    .InvoicePo th[b-ultzgiusvu] {
        background: #f2f2f2;
        font-weight: bold;
    }

.no-border td[b-ultzgiusvu], .no-border th[b-ultzgiusvu] {
    border: none;
}

.text-right[b-ultzgiusvu] {
    text-align: right;
}

.text-center[b-ultzgiusvu] {
    text-align: center;
}

.bold[b-ultzgiusvu] {
    font-weight: bold;
}

.address-cell[b-ultzgiusvu] {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.5;
    padding: 10px;
}

.mt-10[b-ultzgiusvu] {
    margin-top: 10px;
}

@media print {
    .print-button-container[b-ultzgiusvu] {
        display: none;
    }



    @page {
        margin: 0.5in; /* Standard A4 margins */
    }


    .product-details thead[b-ultzgiusvu] {
        display: table-header-group;
    }


    .product-details tbody tr[b-ultzgiusvu] {
        page-break-inside: avoid;
    }


    .invoice-container tbody tr[b-ultzgiusvu] {
        page-break-inside: avoid;
    }
}


@media screen and (min-width: 320px) and (max-width: 767px) {
    .PurchaseReport-tax-invoice[b-ultzgiusvu] {
        width: 900px !important;
    }
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/CorporateVideos.cshtml.rz.scp.css */
.upload-box[b-11y3x2wpqc] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-11y3x2wpqc] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-11y3x2wpqc] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-11y3x2wpqc] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-11y3x2wpqc] {
    position: relative;
    display: inline-block;
}

.download-icon[b-11y3x2wpqc] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-11y3x2wpqc] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-11y3x2wpqc] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-11y3x2wpqc] {
    padding: 0 !important;
}

.preview-img[b-11y3x2wpqc] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-11y3x2wpqc] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/CreateNotification.cshtml.rz.scp.css */
.ql-container[b-hdz0mk70zh] {
    height: 150px;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/CreateUpdateAttributesPartial.cshtml.rz.scp.css */
.container[b-gx8gxf4lpb] {
    max-width: 1400px;
    margin: 0 auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.header[b-gx8gxf4lpb] {
    padding: 20px 30px;
    border-bottom: 2px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .header h2[b-gx8gxf4lpb] {
        color: #333;
        font-size: 24px;
    }

.section[b-gx8gxf4lpb] {
    margin-bottom: 40px;
}

.section-title[b-gx8gxf4lpb] {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #00a86b;
}

.form-row[b-gx8gxf4lpb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

    .form-row.two-col[b-gx8gxf4lpb] {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-row.four-col[b-gx8gxf4lpb] {
        grid-template-columns: repeat(4, 1fr);
    }

.form-group[b-gx8gxf4lpb] {
    display: flex;
    flex-direction: column;
}

    .form-group label[b-gx8gxf4lpb] {
        font-size: 14px;
        font-weight: 500;
        color: #555;
        margin-bottom: 8px;
    }

    .form-group input[b-gx8gxf4lpb],
    .form-group select[b-gx8gxf4lpb] {
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
        transition: border-color 0.3s;
    }

        .form-group input:focus[b-gx8gxf4lpb],
        .form-group select:focus[b-gx8gxf4lpb] {
            outline: none;
            border-color: #00a86b;
        }

/* Attributes Selection Area */
.attributes-section[b-gx8gxf4lpb] {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

[b-gx8gxf4lpb].attribute-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.attribute-chip[b-gx8gxf4lpb] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .attribute-chip input[type="checkbox"][b-gx8gxf4lpb] {
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

    .attribute-chip label[b-gx8gxf4lpb] {
        font-size: 14px;
        font-weight: 500;
        color: #333;
        cursor: pointer;
    }

/* Variants Table */
.variants-container[b-gx8gxf4lpb] {
    margin-top: 30px;
}

.variant-header[b-gx8gxf4lpb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.btn-generate[b-gx8gxf4lpb] {
    background: #00a86b;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s;
}

    .btn-generate:hover[b-gx8gxf4lpb] {
        background: #008c59;
    }

.variants-table[b-gx8gxf4lpb] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

    .variants-table thead[b-gx8gxf4lpb] {
        background: #f5f5f5;
    }

    .variants-table th[b-gx8gxf4lpb] {
        padding: 12px;
        text-align: left;
        font-size: 13px;
        font-weight: 600;
        color: #555;
        border-bottom: 2px solid #e0e0e0;
    }

    .variants-table td[b-gx8gxf4lpb] {
        padding: 12px;
        border-bottom: 1px solid #f0f0f0;
    }

    .variants-table tbody tr:hover[b-gx8gxf4lpb] {
        background: #fafafa;
    }

    .variants-table input[b-gx8gxf4lpb] {
        width: 100%;
        padding: 8px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 13px;
    }

    .variants-table select[b-gx8gxf4lpb] {
        width: 100%;
        padding: 8px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 13px;
    }

.attribute-badge[b-gx8gxf4lpb] {
    display: inline-block;
    background: #e3f2fd;
    color: #1976d2;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 5px;
}

.btn-remove[b-gx8gxf4lpb] {
    background: #dc3545;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

    .btn-remove:hover[b-gx8gxf4lpb] {
        background: #c82333;
    }

.action-buttons[b-gx8gxf4lpb] {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    padding: 20px 0px;
}

.btn-submit[b-gx8gxf4lpb] {
    background: #00a86b;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}

    .btn-submit:hover[b-gx8gxf4lpb] {
        background: #008c59;
    }

.btn-cancel[b-gx8gxf4lpb] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}

    .btn-cancel:hover[b-gx8gxf4lpb] {
        background: #5a6268;
    }

.info-text[b-gx8gxf4lpb] {
    font-size: 13px;
    color: #666;
    font-style: italic;
    margin-top: 10px;
}

.attribute-values-preview[b-gx8gxf4lpb] {
    background: white;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin-top: 15px;
}

    .attribute-values-preview h4[b-gx8gxf4lpb] {
        font-size: 14px;
        color: #555;
        margin-bottom: 10px;
    }

.values-grid[b-gx8gxf4lpb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
}

.value-item[b-gx8gxf4lpb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .value-item input[type="checkbox"][b-gx8gxf4lpb] {
        width: 16px;
        height: 16px;
    }
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/CropCategories.cshtml.rz.scp.css */
.upload-box[b-aslo0aoc04] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-aslo0aoc04] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-aslo0aoc04] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}
.modal[b-aslo0aoc04] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-aslo0aoc04] {
    position: relative;
    display: inline-block;
}

.download-icon[b-aslo0aoc04] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-aslo0aoc04] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-aslo0aoc04] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-aslo0aoc04] {
    padding: 0 !important;
}

.preview-img[b-aslo0aoc04] {
    width: 707px;
    height: 309px;
    border-radius: 6px;
}


.hidden-upload[b-aslo0aoc04] {
    display: none !important;
}

.modal-content[b-aslo0aoc04] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 123%;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/CropImageList.cshtml.rz.scp.css */
.upload-box[b-d8510ea9ij] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-d8510ea9ij] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-d8510ea9ij] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.upload-table[b-d8510ea9ij] {
    display: grid;
    grid-template-columns: repeat(4, 100px); /* 4 columns */
    grid-auto-rows: 100px;
    gap: 10px;
}

.upload-grid[b-d8510ea9ij] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 12px;
}


.download-icon[b-d8510ea9ij] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 123, 255, 0.8);
    color: white;
    padding: 6px;
    border-radius: 50%;
    font-size: 1rem;
    display: none;
    z-index: 10;
    text-decoration: none;
    transition: all 0.2s ease;
}

.position-relative:hover .download-icon[b-d8510ea9ij] {
    display: block;
    cursor: pointer;
    transform: scale(1.1);
}

.img-cell[b-d8510ea9ij] {
    position: relative;
    width: 100px;
    height: 80px;
    border: 1px dashed #ccc;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f8f8;
}

.preview-img[b-d8510ea9ij] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.remove-btn[b-d8510ea9ij] {
    position: absolute;
    top: 4px;
    right: 4px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
}

.modal[b-d8510ea9ij] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-d8510ea9ij] {
    position: relative;
    display: inline-block;
}

.download-icondata[b-d8510ea9ij] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icondata:hover[b-d8510ea9ij] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-d8510ea9ij] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-d8510ea9ij] {
    padding: 0 !important;
}

.preview-img[b-d8510ea9ij] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-d8510ea9ij] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/CropTypes.cshtml.rz.scp.css */
.squarebox[b-7uepbi6l4w] {
    max-width: 200px;
}

    .squarebox .ratio[b-7uepbi6l4w] {
        overflow: hidden;
    }

        .squarebox .ratio > div[b-7uepbi6l4w] {
            background-size: 100%;
            background-position: center;
        }

            .squarebox .ratio > div img[b-7uepbi6l4w] {
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
            }

.file-upload[b-7uepbi6l4w] {
    background-color: #ffffff;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.file-upload-btn[b-7uepbi6l4w] {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1fb264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824b;
    transition: all 0.2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .file-upload-btn:hover[b-7uepbi6l4w] {
        background: #1aa059;
        color: #ffffff;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .file-upload-btn:active[b-7uepbi6l4w] {
        border: 0;
        transition: all 0.2s ease;
    }

.file-upload-content[b-7uepbi6l4w] {
    display: none;
    text-align: center;
}

.file-upload-input[b-7uepbi6l4w] {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap[b-7uepbi6l4w] {
    margin-top: 20px;
    border: 4px dashed #1fb264;
    position: relative;
}

    .image-upload-wrap:hover[b-7uepbi6l4w],
    .image-dropping[b-7uepbi6l4w] {
        background-color: #1fb264;
        border: 4px dashed #ffffff;
    }

.image-title-wrap[b-7uepbi6l4w] {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text[b-7uepbi6l4w] {
    text-align: center;
}

    .drag-text h3[b-7uepbi6l4w] {
        font-weight: 100;
        text-transform: uppercase;
        color: #15824b;
        padding: 60px 0;
    }

.file-upload-image[b-7uepbi6l4w] {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image[b-7uepbi6l4w] {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all 0.2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .remove-image:hover[b-7uepbi6l4w] {
        background: #c13b2a;
        color: #ffffff;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .remove-image:active[b-7uepbi6l4w] {
        border: 0;
        transition: all 0.2s ease;
    }
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Dashboard.cshtml.rz.scp.css */

body[b-0fm1kqsibo] {
    background: #f5f7fb;
    font-family: Inter,sans-serif
}

.card[b-0fm1kqsibo] {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,.06);
    transition: .3s
}

    .card:hover[b-0fm1kqsibo] {
        transform: translateY(-4px)
    }

.card-header[b-0fm1kqsibo] {
    color: #fff;
    font-weight: 600;
    border-radius: 14px 14px 0 0
}

.h-green[b-0fm1kqsibo] {
    background: linear-gradient(45deg,#11998e,#38ef7d)
}

.h-blue[b-0fm1kqsibo] {
    background: linear-gradient(45deg,#1e3c72,#2a5298)
}

.h-purple[b-0fm1kqsibo] {
    background: linear-gradient(45deg,#7b4397,#dc2430)
}

.h-orange[b-0fm1kqsibo] {
    background: linear-gradient(45deg,#f7971e,#ffd200)
}

.h-red[b-0fm1kqsibo] {
    background: linear-gradient(45deg,#cb2d3e,#ef473a)
}

.h-dark[b-0fm1kqsibo] {
    background: linear-gradient(45deg,#232526,#414345)
}

.h-teal[b-0fm1kqsibo] {
    background: linear-gradient(45deg,#136a8a,#267871)
}

.h-pink[b-0fm1kqsibo] {
    background: linear-gradient(45deg,#cc2b5e,#753a88)
}

.table th[b-0fm1kqsibo] {
    background: #eef2f7;
    font-weight: 600
}

.chart-box[b-0fm1kqsibo] {
    height: 220px
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/EventCreation.cshtml.rz.scp.css */
.upload-box[b-6fa50ranyw] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-6fa50ranyw] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-6fa50ranyw] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-6fa50ranyw] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-6fa50ranyw] {
    position: relative;
    display: inline-block;
}

.download-icon[b-6fa50ranyw] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-6fa50ranyw] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-6fa50ranyw] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-6fa50ranyw] {
    padding: 0 !important;
}

.preview-img[b-6fa50ranyw] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-6fa50ranyw] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/FormUpload.cshtml.rz.scp.css */
.upload-box[b-j3w2bj0ph2] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-j3w2bj0ph2] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-j3w2bj0ph2] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Genealogy.cshtml.rz.scp.css */

body[b-2oetcpiq71] {
    font-family: sans-serif;
}

[b-2oetcpiq71] #chart-container {
    width: 100%;
    height: auto;
    overflow: auto;
    text-align: center;
}

[b-2oetcpiq71] .orgchart .node {
    margin-top: 20px;
    background: #ffff;
    border-radius: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

[b-2oetcpiq71] .orgchart {
    background-image: none !important;
    height: 100vh;
}

[b-2oetcpiq71] .orgchart .node .content {
        border: none;
        height: auto;
        background-color: transparent;
    }

[b-2oetcpiq71] .offcanvas-backdrop.fade.show {
    background: transparent;
}

[b-2oetcpiq71] .nodebtn {
    position: relative;
}

[b-2oetcpiq71] .custom-node {
    border-radius: 15px;
    padding: 0;
    border: 1px solid #bdbdbd;
    position: relative;
    min-width: 260px;
    min-height: 80px;
    font-family: sans-serif;
    box-sizing: border-box;
}

[b-2oetcpiq71] .custom-node .photo {
        position: relative;
        top: 35%;
        width: 90px;
        height: 90px;
       /* border-radius: 50%;*/
        /*background: #fd6e2c;*/
        margin: 0px auto;
        margin-top: -60px;
}


    [b-2oetcpiq71] .custom-node .photo img {
        width: 100%;
        border-radius: 50%;
        object-fit: cover;
    /*    border: 3px solid #4caf50;*/
       /* background: #fff;*/
        aspect-ratio: 2 / 2;
    }

[b-2oetcpiq71] .orgchart .node .topEdge {
    top: 20px;
}


[b-2oetcpiq71] .orgchart .node .bottomEdge {
    display: none !important;
}

[b-2oetcpiq71] .orgchart .node .leftEdge {
    display: none !important;
}

[b-2oetcpiq71] .orgchart .node .topEdge {
    display: none !important;
}

[b-2oetcpiq71] .orgchart .node .rightEdge {
    display: none !important;
}

.custom-node .text[b-2oetcpiq71] {
    flex-direction: column;
    color: #000;
    padding: 10px 5px;
}

[b-2oetcpiq71] .custom-node .name {
    font-weight: bold;
    font-size: 16px;
}

[b-2oetcpiq71] .orgchart .node.focused,
.orgchart .node:hover[b-2oetcpiq71] {
    background-color: #fff !important;
}

[b-2oetcpiq71] .orgchart .node:hover {
    background-color: #fff !important;
}

[b-2oetcpiq71] .custom-node .title-text {
    font-size: 13px;
    font-weight: bold;
    color: #3d2a20;
}

[b-2oetcpiq71] .edge::before {
    background-color: #eee;
    width: 25px;
    height: 25px;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

[b-2oetcpiq71] .tree-panel .offcanvas-header {
    background-color: #009846;
}

[b-2oetcpiq71] .offcanvas-header img {
    border-radius: 50%;
    margin: 0px auto;
}

[b-2oetcpiq71] .offcanvas-header {
    position: relative;
}

[b-2oetcpiq71] .offcanvas-header .btn-close-right {
        position: absolute;
        right: 20px;
        top: 20px;
        color: #fff !important;
    }



[b-2oetcpiq71] .tree-panel {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 12px 0px #8f8f8f;
}

[b-2oetcpiq71] img.tree-profile {
    position: relative;
    margin-bottom: -72px;
    width: 133px;
    background: #fff;
    border: 5px solid #009846;
    padding: 10px;
    aspect-ratio: 2 / 2;
    object-fit: contain;
    padding: 10px;
}

[b-2oetcpiq71] .photo-top {
    display: flex;
    justify-content: space-between;
    padding: 4px 10px;
    align-items: center;
    border-radius: 13px 13px 0 0;
}

[b-2oetcpiq71] .position:empty {
    display: none;
}

[b-2oetcpiq71] .position {
    width: 16px;
    height: 16px;
    background: #4CAF50;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

[b-2oetcpiq71] .orgchart .lines .downLine {
    background-color: rgb(76 175 80);
}

[b-2oetcpiq71] .orgchart .lines .rightLine,
[b-2oetcpiq71] .orgchart .lines .leftLine,
.orgchart .lines .topLine[b-2oetcpiq71] {
    border-color: rgb(76 175 80);
}

[b-2oetcpiq71] .radial-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    pointer-events: none;
    transform: scale(0);
    transition-duration: 0.2s;
    left: -50px;
    top: -50px;
    z-index: 9;
}

[b-2oetcpiq71] .treemeneu {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

[b-2oetcpiq71] .radial-menu.active {
    pointer-events: auto;
    transform: scale(1);
}

[b-2oetcpiq71] .radial-menu button {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

[b-2oetcpiq71] .radial-menu.active button {
    opacity: 1;
}

[b-2oetcpiq71] .radial-menu button:nth-child(1) {
    top: 0;
    left: 36px;
}

[b-2oetcpiq71] .radial-menu button:nth-child(2) {
    top: 20px;
    left: 80px;
}

[b-2oetcpiq71] .radial-menu button:nth-child(3) {
    top: 70px;
    left: 80px;
}

[b-2oetcpiq71] .radial-menu button:nth-child(4) {
    top: 80px;
    left: 30px;
}

[b-2oetcpiq71] .radial-menu button:nth-child(5) {
    top: 40px;
    left: 0;
}

[b-2oetcpiq71] .radial-menu button:nth-child(6) {
    top: 41px;
    left: 41px;
}

[b-2oetcpiq71] .radial-menu button:hover {
    background-color: #f0f0f0;
}

[b-2oetcpiq71] .custom-node.active {
    border-color: green;
}

[b-2oetcpiq71] .custom-node.active .photo-top {
        background-color: green;
        color: #fff;
    }
   /* ::deep .custom-node.active .photo img {
        border-color: green;
    }*/
[b-2oetcpiq71] .custom-node.blocked {
    border-color: red;
}

    [b-2oetcpiq71] .custom-node.blocked .position {
        background-color: #fff;
        color: #000;
    }


    [b-2oetcpiq71] .custom-node.blocked .photo-top {
        background-color: red;
        color: #fff;
    }
    [b-2oetcpiq71] .custom-node.blocked .photo img {
        border-color: red;
    }
 

[b-2oetcpiq71] .custom-node.Vacant .photo-top {
    background-color: #eee;
    color: #000;
}

[b-2oetcpiq71] .custom-node.Vacant .position {
    background-color: #000;
    color: #fff;
}
[b-2oetcpiq71] .custom-node.Vacant .photo img {
    border-color: #eee;
}
[b-2oetcpiq71] .export-buttons {
    display: flex;
}

div#offcanvasRight[b-2oetcpiq71] {
    z-index: 9999;
}
.offcanvas-backdrop.show[b-2oetcpiq71]{
    opacity:0;
}


[b-2oetcpiq71] .custom-node.terminated .photo-top {
    background-color: #ff7113;
    color: #ffffff;
}

[b-2oetcpiq71] .custom-node.terminated .position {
    background-color: #ffffff;
    color: #000000;
}

[b-2oetcpiq71] .custom-node.terminated .photo img {
    border-color: #ff7113;
}

[b-2oetcpiq71] .custom-node.customer .photo-top {
    background-color: #fcff00;
    color: #000;
}

[b-2oetcpiq71] .custom-node.customer .position {
    background-color: #ffffff;
    color: #000000;
}

[b-2oetcpiq71] .custom-node.customer .photo img {
    border-color: #fcff00;
}


[b-2oetcpiq71] .custom-node.deactive .photo-top {
    background-color: #090856;
    color: #000;
}

[b-2oetcpiq71] .custom-node.deactive .position {
    background-color: #ffffff;
    color: #000000;
}

[b-2oetcpiq71] .custom-node.deactive .photo img {
    border-color: #090856;
}

[b-2oetcpiq71] .custom-node.expired .photo-top {
    background-color: #000;
    color: #fff;
}

[b-2oetcpiq71] .custom-node.expired .position {
    background-color: #fff;
    color: #000;
}

[b-2oetcpiq71] .custom-node.expired .photo img {
    border-color: #000;
}

[b-2oetcpiq71] .custom-node.working .photo-top {
    background-color: #f302fc;
    color: #fff;
}

[b-2oetcpiq71] .custom-node.working .position {
    background-color: #fff;
    color: #000;
}

[b-2oetcpiq71] .custom-node.working .photo img {
    border-color: #f302fc;
}
[b-2oetcpiq71] .treeuserbreadcomb a {
    color: #fff !important;
    background: green;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

[b-2oetcpiq71] .downline-user-details {
    cursor: pointer;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Grievance.cshtml.rz.scp.css */
.modal[b-o1mupyx7we] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-o1mupyx7we] {
    position: relative;
    display: inline-block;
}

.download-icon[b-o1mupyx7we] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-o1mupyx7we] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-o1mupyx7we] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-o1mupyx7we] {
    padding: 0 !important;
}

.preview-img[b-o1mupyx7we] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Login.cshtml.rz.scp.css */
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Magazine.cshtml.rz.scp.css */
.upload-box[b-ktbm3zbqyg] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-ktbm3zbqyg] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-ktbm3zbqyg] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.magazineContent a[b-ktbm3zbqyg] {
    text-decoration: none !important;
    color: #000 !important;
}

.modal[b-ktbm3zbqyg] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-ktbm3zbqyg] {
    position: relative;
    display: inline-block;
}

.download-icon[b-ktbm3zbqyg] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-ktbm3zbqyg] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-ktbm3zbqyg] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-ktbm3zbqyg] {
    padding: 0 !important;
}

.preview-img[b-ktbm3zbqyg] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-ktbm3zbqyg] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/ManageCropVideos.cshtml.rz.scp.css */
.upload-box[b-fk134n4w40] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-fk134n4w40] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-fk134n4w40] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-fk134n4w40] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-fk134n4w40] {
    position: relative;
    display: inline-block;
    width: 164px;
    height: 238px;
}

.download-icondata[b-fk134n4w40] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icondata:hover[b-fk134n4w40] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-fk134n4w40] {
    max-width: 40% !important;
}

#imagePopupModal .modal-body[b-fk134n4w40] {
    padding: 0 !important;
}

.preview-img[b-fk134n4w40] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

#videoIframe[b-fk134n4w40] {
    width: 100%;
    height: 80vh;
    border: none;
    background: black;
}

.hidden-upload[b-fk134n4w40] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Marquee.cshtml.rz.scp.css */
.marquee-content[b-46fq3s3ay6] {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of visible lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.content-cell[b-46fq3s3ay6],
.content-cell *[b-46fq3s3ay6] {
    text-align: left !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/NewOfferMaster.cshtml.rz.scp.css */
 :root[b-tvyzqqgq55] {
        --teal: #2bada0;
        --teal-dark: #1e8f84;
        --blue: #378ADD; /* Associate color */
        --bg: #f4f7f6;
        --card-bg: #ffffff;
                                                                                                                                                                                        --border: #dde4e8;
        --text: #1a2535;
        --muted: #6b7a8d;
        --radius: 12px;
        --radius-sm: 8px;
    }


    .section-card[b-tvyzqqgq55] {
        background: var(--card-bg);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 20px 24px;
        margin-bottom: 18px;
        box-shadow: 0 2px 10px rgba(0,0,0,.04);
    }

    .section-header[b-tvyzqqgq55] {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 18px;
        padding-bottom: 12px;
        border-bottom: 1.5px solid var(--bg);
    }

        .section-header .s-icon[b-tvyzqqgq55] {
            width: 32px;
            height: 32px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            color: #fff;
            flex-shrink: 0;
        }


    .select-all-header[b-tvyzqqgq55] {
        font-weight: bold;
        color: #007bff !important;
        border-bottom: 2px solid #eee;
        margin-bottom: 4px;
    }

    .select2-results__option[b-tvyzqqgq55] {
        display: flex;
        align-items: center;
    }

        .select2-results__option input[type="checkbox"][b-tvyzqqgq55] {
            margin-right: 10px;
        }


        .section-header h6[b-tvyzqqgq55] {
            margin: 0;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: .2px;
        }

    .form-label[b-tvyzqqgq55] {
        font-size: 11px;
        font-weight: 700;
        color: var(--muted);
        margin-bottom: 5px;
        text-transform: uppercase;
        letter-spacing: .4px;
        display: block;
    }

    .form-control[b-tvyzqqgq55], .form-select[b-tvyzqqgq55] {
        font-size: 14px;
        border: 1.5px solid var(--border);
        border-radius: var(--radius-sm);
        color: var(--text);
        background: #fff;
        padding: 9px 12px;
        min-height: 40px;
        transition: border-color .2s, box-shadow .2s;
        /* width: 100%; */
    }

        .form-control:focus[b-tvyzqqgq55], .form-select:focus[b-tvyzqqgq55] {
            border-color: var(--teal);
            box-shadow: 0 0 0 3px rgba(43,173,160,.12);
            outline: none;
        }

        .form-control[b-tvyzqqgq55]::placeholder {
            color: #b0b8c4;
        }

    .input-group .input-group-text[b-tvyzqqgq55] {
        font-size: 13px;
        height: 40px;
        background: #f8fafb;
        border: 1.5px solid var(--border);
        color: var(--muted);
    }

        .input-group .input-group-text:first-child[b-tvyzqqgq55] {
            border-right: none;
            border-radius: var(--radius-sm) 0 0 var(--radius-sm);
        }

        .input-group .input-group-text:last-child[b-tvyzqqgq55] {
            border-left: none;
            border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
        }

    .input-group .form-control[b-tvyzqqgq55] {
        border-left: none;
        border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
    }

        .input-group .form-control.border-end-0[b-tvyzqqgq55] {
            border-right: none;
            border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
        }

    .radio-toggle[b-tvyzqqgq55] {
        display: flex;
        border: 1.5px solid var(--border);
        border-radius: var(--radius-sm);
        overflow: hidden;
        height: 40px;
    }

        .radio-toggle input[type="radio"][b-tvyzqqgq55] {
            display: none;
        }

        .radio-toggle label[b-tvyzqqgq55] {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            color: var(--muted);
            background: #fff;
            transition: background .2s, color .2s;
            margin: 0;
            border-right: 1px solid var(--border);
        }

            .radio-toggle label:last-of-type[b-tvyzqqgq55] {
                border-right: none;
            }

        .radio-toggle input[type="radio"]:checked + label[b-tvyzqqgq55] {
            background: var(--teal);
            color: #fff;
        }

    .sub-group[b-tvyzqqgq55] {
        background: #f8fafb;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        padding: 14px 16px;
    }

    .sub-group-title[b-tvyzqqgq55] {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .5px;
        color: var(--muted);
        margin-bottom: 14px;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--border);
    }

    /* ── Offer Type Tabs (Associate) ── */
    .offer-tabs[b-tvyzqqgq55] {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 4px;
    }

    .offer-tab[b-tvyzqqgq55] {
        flex: 1;
        min-width: 160px;
        border: 1.5px solid var(--border);
        border-radius: var(--radius);
        padding: 14px 16px;
        cursor: pointer;
        background: #fff;
        transition: all .2s;
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

        .offer-tab:hover[b-tvyzqqgq55] {
            border-color: var(--teal);
            background: #f0fafa;
        }

        .offer-tab.active[b-tvyzqqgq55] {
            border-color: var(--teal);
            background: #e8f7f5;
            box-shadow: 0 0 0 3px rgba(43,173,160,.1);
        }

        .offer-tab .tab-num[b-tvyzqqgq55] {
            width: 28px;
            height: 28px;
            flex-shrink: 0;
            border-radius: 50%;
            background: var(--border);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: 700;
            color: var(--muted);
            transition: all .2s;
        }

        .offer-tab.active .tab-num[b-tvyzqqgq55] {
            background: var(--teal);
            color: #fff;
        }

        .offer-tab .tab-title[b-tvyzqqgq55] {
            font-size: 13px;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 2px;
        }

        .offer-tab .tab-desc[b-tvyzqqgq55] {
            font-size: 11px;
            color: var(--muted);
            line-height: 1.4;
        }

    /* ── Arrow badge ── */
    .arrow-col[b-tvyzqqgq55] {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 8px;
    }


    /* ── Benefit chips ── */
    .benefit-chips[b-tvyzqqgq55] {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .benefit-chip[b-tvyzqqgq55] {
        display: flex;
        align-items: center;
        gap: 6px;
        border: 1.5px solid var(--border);
        border-radius: var(--radius-sm);
        padding: 7px 14px;
        font-size: 13px;
        font-weight: 600;
        color: var(--muted);
        background: #fff;
        cursor: pointer;
        transition: all .2s;
    }

        .benefit-chip.selected[b-tvyzqqgq55] {
            border-color: var(--teal);
            background: #e8f7f5;
            color: var(--teal);
        }

        .benefit-chip i[b-tvyzqqgq55] {
            font-size: 14px;
        }

    .btn-teal[b-tvyzqqgq55] {
        background: var(--teal);
        color: #fff;
        border: none;
        border-radius: var(--radius-sm);
        padding: 10px 28px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: background .2s, transform .1s;
        height: 42px;
    }

        .btn-teal:hover[b-tvyzqqgq55] {
            background: var(--teal-dark);
        }

        .btn-teal:active[b-tvyzqqgq55] {
            transform: scale(.97);
        }

    .btn-outline[b-tvyzqqgq55] {
        background: transparent;
        color: var(--muted);
        border: 1.5px solid var(--border);
        border-radius: var(--radius-sm);
        padding: 10px 22px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: background .2s;
        height: 42px;
    }

        .btn-outline:hover[b-tvyzqqgq55] {
            background: #f0f4f8;
        }

    .d-none-custom[b-tvyzqqgq55] {
        display: none !important;
    }

    .field-note[b-tvyzqqgq55] {
        font-size: 11px;
        color: var(--muted);
        margin-top: 8px;
        margin-bottom: 0;
    }


    .arrow-col[b-tvyzqqgq55] {
        padding-bottom: 0;
    }

    .section-card[b-tvyzqqgq55] {
        padding: 16px 12px;
    }
.select-all-header[b-tvyzqqgq55] {
            font-weight: bold;
            color: #007bff !important;
            border-bottom: 2px solid #eee;
            margin-bottom: 4px;
        }.select2-results__option[b-tvyzqqgq55] {
    display: flex;
    align-items: center;
}



.select2-dropdown[b-tvyzqqgq55] {
    z-index: 9999 !important;
}

.select2-results__option[b-tvyzqqgq55] {
    display: flex;
    align-items: center;
}

.select2-results__option input[b-tvyzqqgq55] {
    margin-right: 8px;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/NewPackageMaster.cshtml.rz.scp.css */
    .custom-file input[type="file"][b-0m5ivt6ecp] {
        padding: 0.45rem;
        cursor: pointer;
    }

    .form-label i[b-0m5ivt6ecp] {
        margin-right: 5px;
    }

    .select2-container--default .select2-selection--multiple[b-0m5ivt6ecp] {
        width: 100% !important;
    }/* ✅ Allow checkbox to show inside Select2 dropdown */
.select2-results__option[b-0m5ivt6ecp] {
    padding: 6px 10px !important;
}

.select2-results__option input[type="checkbox"][b-0m5ivt6ecp] {
    display: inline-block !important;
    pointer-events: none;
}

/* ✅ Highlight selected rows */
.select2-results__option--highlighted[b-0m5ivt6ecp] {
    background-color: #f0faf4 !important;
    color: #000 !important;
}

.select2-results__option[aria-selected="true"][b-0m5ivt6ecp] {
    background-color: #e8f5e9 !important;
    color: #000 !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/News.cshtml.rz.scp.css */
.upload-box[b-vhzwdj196j] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-vhzwdj196j] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-vhzwdj196j] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.marquee-content[b-vhzwdj196j] {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of visible lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.modal[b-vhzwdj196j] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-vhzwdj196j] {
    position: relative;
    display: inline-block;
}

.download-icon[b-vhzwdj196j] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-vhzwdj196j] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-vhzwdj196j] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-vhzwdj196j] {
    padding: 0 !important;
}

.preview-img[b-vhzwdj196j] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-vhzwdj196j] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Notification.cshtml.rz.scp.css */
.marquee-content[b-hvewkr1fu0] {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of visible lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/NotificationList.cshtml.rz.scp.css */
[b-ae9u4prj8f] #notificationMessage {
    float: left;
    width: 100%;
    height: 100px;
    padding:15px;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/Offerpopup.cshtml.rz.scp.css */
.notes_text[b-ex6bxt4j5c] {
    color: red !important;
    font-size: 12px;
}

.upload-box[b-ex6bxt4j5c] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-ex6bxt4j5c] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-ex6bxt4j5c] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-ex6bxt4j5c] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-ex6bxt4j5c] {
    position: relative;
    display: inline-block;
}

.download-icon[b-ex6bxt4j5c] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-ex6bxt4j5c] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-ex6bxt4j5c] {
    max-width: 50% !important; /* Increase modal width */
}

#imagePopupModal .modal-body[b-ex6bxt4j5c] {
    padding: 0 !important; /* Optional: remove extra padding */
}

.preview-img[b-ex6bxt4j5c] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-ex6bxt4j5c] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/OrganicFormInvoice.cshtml.rz.scp.css */

/*:root {
    --green: #16a34a;
    --green-dk: #166534;
    --green-lt: #dcfce7;
    --green-bg: #f0fdf4;
    --amber: #d97706;
    --amber-lt: #fef3c7;
    --blue: #2563eb;
    --blue-lt: #eff6ff;
    --red: #dc2626;
    --red-lt: #fee2e2;
    --border: #e5e7eb;
    --surface: #ffffff;
    --page: #f8fafc;
    --ink: #111827;
    --ink2: #374151;
    --ink3: #6b7280;
    --r: 12px;
}*/


/* ── TOP BAR ── */
/*.top-bar {
    background: linear-gradient(135deg,#14532d 0%,#166534 50%,#16a34a 100%);
    padding: 14px 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.15);
}

.top-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.top-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

    .top-logo .logo-box {
        width: 40px;
        height: 40px;
        background: rgba(255,255,255,.15);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .top-logo span {
        font-size: 18px;
        font-weight: 800;
        letter-spacing: -.3px;
    }

.top-meta {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tax-badge {
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 8px;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

    .tax-badge span {
        color: #fde68a;
        font-size: 14px;
    }*/

/* ── STEP BAR ── */
/*.step-bar {
    background: #fff;
    border-bottom: 1px solid var(--border);
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.steps-row {
    display: flex;
    overflow-x: auto;
}

.step-btn {
    flex: 1;
    min-width: 120px;
    padding: 14px 10px;
    text-align: center;
    border: none;
    background: transparent;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: var(--ink3);
    cursor: pointer;
    position: relative;
    transition: color .2s;
    white-space: nowrap;
}

    .step-btn::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: transparent;
        border-radius: 3px 3px 0 0;
        transition: background .2s;
    }

    .step-btn.active {
        color: var(--green);
    }

        .step-btn.active::after {
            background: var(--green);
        }

    .step-btn.done {
        color: var(--green-dk);
    }

        .step-btn.done::after {
            background: #86efac;
        }

.step-num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--border);
    color: var(--ink3);
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    transition: all .2s;
}

.step-btn.active .step-num {
    background: var(--green);
    color: #fff;
    box-shadow: 0 2px 8px rgba(22,163,74,.4);
}

.step-btn.done .step-num {
    background: #86efac;
    color: #166534;
}*/

/* ── SECTIONS ── */
/*.page-section {
    display: none;
    padding: 32px 0 48px;
    animation: fadeUp .3s ease both;
}

    .page-section.active {
        display: block;
    }*/

/* ── CARD ── */
/*.card-panel {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 24px 28px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    margin-bottom: 20px;
}

.card-panel-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
}

    .card-panel-title .cp-icon {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        background: var(--green-lt);
        color: var(--green);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }*/

/* ── LABELS / INPUTS ── */
/*.f-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 7px;
    display: block;
}

.f-input {
    height: 44px;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    padding: 0 14px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--ink);
    background: #f9fafb;
    outline: none;
    width: 100%;
    transition: all .15s;
}

    .f-input:focus {
        border-color: var(--green);
        background: #fff;
        box-shadow: 0 0 0 3px rgba(22,163,74,.12);
    }

    .f-input::placeholder {
        color: #c4cad4;
        font-weight: 400;
    }*/

/*     /* ── SELECT2 ── */
/*   .select2-container--default .select2-selection--single {
        height: 44px;
        border: 1.5px solid var(--border);
        border-radius: 10px !important;
        background: #f9fafb;
        display: flex;
        align-items: center;
        font-family: 'Plus Jakarta Sans',sans-serif;
        transition: all .15s;
    }  */

/*  .select2-container--default.select2-container--open .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--single {
        border-color: var(--green) !important;
        box-shadow: 0 0 0 3px rgba(22,163,74,.12) !important;
        background: #fff;
        outline: none;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 44px;
        padding: 0 14px;
        color: var(--ink);
        font-size: 14px;
        font-weight: 500;
        font-family: 'Plus Jakarta Sans',sans-serif;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #c4cad4;
        font-weight: 400;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 44px;
        right: 10px;
    }

    .select2-dropdown {
        border: 1.5px solid var(--border) !important;
        border-radius: 12px !important;
        box-shadow: 0 12px 32px rgba(0,0,0,.1) !important;
        font-family: 'Plus Jakarta Sans',sans-serif;
        font-size: 14px;
        overflow: hidden;
    }

    .select2-container--default .select2-results__option--highlighted {
        background: var(--green-lt) !important;
        color: var(--green-dk) !important;
        font-weight: 600;
    }

    .select2-search--dropdown .select2-search__field {
        border: 1.5px solid var(--border) !important;
        border-radius: 8px !important;
        font-family: 'Plus Jakarta Sans',sans-serif;
        padding: 8px 12px;
    } */

/* ── SAME STATE ALERT ── */
/*.same-state-alert {
    background: #fefce8;
    border: 1.5px solid #fde68a;
    border-radius: 10px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #92400e;
}*/

/* ── PRODUCTS TABLE ── */
/*.table-wrap {
    border: 1px solid var(--border);
    border-radius: var(--r);
    overflow: hidden;
}

table.prod-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.prod-table thead tr {
    background: #f9fafb;
}

.prod-table th {
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 700;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .05em;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.prod-table td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
    color: var(--ink);
    vertical-align: middle;
}

.prod-table tbody tr:last-child td {
    border-bottom: none;
}

.prod-table tbody tr:hover {
    background: #f9fafb;
}

.prod-table input[type="number"] {
    width: 80px;
    height: 34px;
    border: 1.5px solid var(--border);
    border-radius: 8px;
    padding: 0 8px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    background: #fff;
    outline: none;
    text-align: center;
}

    .prod-table input[type="number"]:focus {
        border-color: var(--green);
        box-shadow: 0 0 0 2px rgba(22,163,74,.15);
    }

.btn-del-row {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1.5px solid #fecaca;
    background: #fff5f5;
    color: var(--red);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all .12s;
}

    .btn-del-row:hover {
        background: var(--red);
        color: #fff;
        border-color: var(--red);
    }

.btn-upd-row {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1.5px solid #bbf7d0;
    background: var(--green-bg);
    color: var(--green);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all .12s;
}

    .btn-upd-row:hover {
        background: var(--green);
        color: #fff;
        border-color: var(--green);
    }

.totals-bar {
    background: #f9fafb;
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 16px 20px;
}

.total-item {
    text-align: right;
}

    .total-item .t-lbl {
        font-size: 11px;
        font-weight: 700;
        color: var(--ink3);
        text-transform: uppercase;
        letter-spacing: .05em;
        margin-bottom: 3px;
    }

    .total-item .t-val {
        font-size: 16px;
        font-weight: 800;
        color: var(--ink);
    }

        .total-item .t-val.green {
            color: var(--green);
        }

        .total-item .t-val.amber {
            color: var(--amber);
        }*/

/* ── FOOTER BTNS ── */
/*.btn-next {
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg,#16a34a,#166534);
    border: none;
    border-radius: 10px;
    padding: 12px 28px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .18s;
    box-shadow: 0 4px 12px rgba(22,163,74,.3);
}

    .btn-next:hover {
        box-shadow: 0 6px 18px rgba(22,163,74,.45);
        transform: translateY(-1px);
    }

.btn-back {
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--ink2);
    background: #f9fafb;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    padding: 12px 24px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .18s;
}

    .btn-back:hover {
        background: #f3f4f6;
        border-color: #d1d5db;
    }*/

/* ── PREVIEW SECTION ── */
/*.preview-block {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--r);
    overflow: hidden;
    margin-bottom: 20px;
}

.preview-header {
    background: linear-gradient(135deg,#14532d,#16a34a);
    color: #fff;
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .preview-header h6 {
        font-size: 14px;
        font-weight: 700;
        margin: 0;
    }

.preview-body {
    padding: 20px 22px;
}

.preview-kv {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: 12px;
}

.kv-item .kv-k {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink3);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 3px;
}

.kv-item .kv-v {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
}*/

/* ── CONFIRMATION POPUP ── */
/*.confirm-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

    .confirm-overlay.show {
        display: flex;
    }

.confirm-box {
    background: #fff;
    border-radius: 18px;
    width: 100%;
    max-width: 460px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,.2);
    animation: popIn .25s cubic-bezier(.34,1.56,.64,1) both;
}

.confirm-head {
    background: linear-gradient(135deg,#14532d,#16a34a);
    padding: 22px 26px;
    text-align: center;
}

    .confirm-head .ch-icon {
        width: 56px;
        height: 56px;
        background: rgba(255,255,255,.15);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 10px;
        font-size: 26px;
    }

    .confirm-head h5 {
        color: #fff;
        font-weight: 800;
        font-size: 18px;
        margin: 0;
    }

    .confirm-head p {
        color: rgba(255,255,255,.7);
        font-size: 13px;
        margin: 4px 0 0;
    }

.confirm-body {
    padding: 24px 26px;
}

.confirm-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f3f4f6;
    font-size: 13px;
}

    .confirm-row:last-child {
        border-bottom: none;
    }

    .confirm-row .cr-k {
        color: var(--ink3);
        font-weight: 500;
    }

    .confirm-row .cr-v {
        font-weight: 700;
        color: var(--ink);
    }

        .confirm-row .cr-v.green {
            color: var(--green);
        }

.confirm-footer {
    padding: 0 26px 24px;
    display: flex;
    gap: 10px;
}

.btn-confirm {
    flex: 1;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg,#16a34a,#166534);
    border: none;
    border-radius: 10px;
    padding: 13px;
    cursor: pointer;
    transition: all .15s;
    box-shadow: 0 4px 12px rgba(22,163,74,.3);
}

    .btn-confirm:hover {
        box-shadow: 0 6px 18px rgba(22,163,74,.45);
    }

.btn-cancel-conf {
    flex: 1;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--ink2);
    background: #f3f4f6;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    padding: 13px;
    cursor: pointer;
    transition: all .15s;
}

    .btn-cancel-conf:hover {
        background: #e5e7eb;
    }*/

/* ── SUCCESS ── */
/*.success-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 3000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

    .success-overlay.show {
        display: flex;
    }

.success-box {
    background: #fff;
    border-radius: 18px;
    width: 100%;
    max-width: 400px;
    padding: 40px 32px;
    text-align: center;
    box-shadow: 0 24px 64px rgba(0,0,0,.2);
    animation: popIn .3s cubic-bezier(.34,1.56,.64,1) both;
}

.success-icon {
    width: 72px;
    height: 72px;
    background: var(--green-lt);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    font-size: 32px;
    color: var(--green);
}

.success-box h4 {
    font-size: 20px;
    font-weight: 800;
    color: var(--ink);
    margin-bottom: 6px;
}

.success-box p {
    font-size: 14px;
    color: var(--ink3);
    margin-bottom: 22px;
}

.invoice-num {
    background: var(--green-lt);
    border: 1.5px solid #86efac;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--green-dk);
    display: inline-block;
    margin-bottom: 22px;
}*/

/* toast */
/*.toast-pop {
    position: fixed;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    padding: 11px 24px;
    border-radius: 50px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    z-index: 9999;
    white-space: nowrap;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    animation: toastIn .2s ease both;
}*/


/* _content/GP_WebPortal/Areas/Admin/Views/Admin/ProductBrands.cshtml.rz.scp.css */
.upload-box[b-va5d5fmsjp] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-va5d5fmsjp] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-va5d5fmsjp] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-va5d5fmsjp] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-va5d5fmsjp] {
    position: relative;
    display: inline-block;
}

.download-icon[b-va5d5fmsjp] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-va5d5fmsjp] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-va5d5fmsjp] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-va5d5fmsjp] {
    padding: 0 !important;
}

.preview-img[b-va5d5fmsjp] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-va5d5fmsjp] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/ProductImageEdit.cshtml.rz.scp.css */
[b-hzrf9a5pjn] .choices {
    margin-bottom: 0px !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/ProductPDF.cshtml.rz.scp.css */
.upload-box[b-9zysn2kdba] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-9zysn2kdba] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-9zysn2kdba] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-9zysn2kdba] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-9zysn2kdba] {
    position: relative;
    display: inline-block;
}

.download-icondata[b-9zysn2kdba] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icondata:hover[b-9zysn2kdba] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-9zysn2kdba] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-9zysn2kdba] {
    padding: 0 !important;
}

.preview-img[b-9zysn2kdba] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

#videoIframe[b-9zysn2kdba] {
    width: 100%;
    height: 80vh;
    border: none;
    background: black;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/ProductVideos.cshtml.rz.scp.css */
.upload-box[b-x9m19brdtb] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-x9m19brdtb] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-x9m19brdtb] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.last-actions[b-x9m19brdtb] {
    position: relative;
    z-index: 1;
}

.select2-container[b-x9m19brdtb] {
    z-index: 9999 !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/StaticWebPages.cshtml.rz.scp.css */
.marquee-content[b-sjw2fsreus] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of visible lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.upload-box[b-sjw2fsreus] {
    width: 100px;
    height: 80px;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    background-color: #f8f9fa;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .upload-box:hover[b-sjw2fsreus] {
        background-color: #e9ecef;
    }

.uploaded-imgs-container img[b-sjw2fsreus] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.modal[b-sjw2fsreus] {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.image-preview-container[b-sjw2fsreus] {
    position: relative;
    display: inline-block;
}

.download-icon[b-sjw2fsreus] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: black;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    text-decoration: none;
}

    .download-icon:hover[b-sjw2fsreus] {
        opacity: 0.7;
    }

#imagePopupModal .modal-dialog[b-sjw2fsreus] {
    max-width: 50% !important;
}

#imagePopupModal .modal-body[b-sjw2fsreus] {
    padding: 0 !important;
}

.preview-img[b-sjw2fsreus] {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.hidden-upload[b-sjw2fsreus] {
    display: none !important;
}
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/StoreOfferMaster.cshtml.rz.scp.css */
/* _content/GP_WebPortal/Areas/Admin/Views/Admin/TourHotelDashboard.cshtml.rz.scp.css */
/*.dashboard-container {
    background: #fffbd5;
    padding: 20px;
    font-family: "Segoe UI", sans-serif;
}*/

/* SUMMARY */
/*.summary-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.summary-box {
    background: #fff;
    border: 1px solid #222;
    padding: 12px 18px;
    text-align: center;
    border-radius: 6px;
    min-width: 120px;
    font-size: 14px;
}

    .summary-box b {
        font-size: 18px;
    }

.center-btn {
    text-align: center;
    margin: 15px 0;
}

.btn-summary {
    background: #28a745;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 6px;
    cursor: pointer;
}*/

/* HOTEL CARD */
/*.hotel-card {
    margin: 20px 0;
}

.hotel-title {
    font-weight: bold;
    font-size: 16px;
}

.hotel-sub {
    margin: 5px 0;
    font-size: 14px;
}

    .hotel-sub span {
        margin-right: 12px;
    }

.progress-bar {
    height: 22px;
    background: #eee;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 8px;
}

.progress-fill {
    height: 100%;
    background: repeating-linear-gradient( 45deg, #e57373, #e57373 10px, #ef9a9a 10px, #ef9a9a 20px );
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
}*/

/* Stats Grid Layout */
.stats-grid[b-6nbj9hi2bo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}

.stat-card[b-6nbj9hi2bo] {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border: 1px solid #eee;
    text-align: center;
}

.stat-label[b-6nbj9hi2bo] {
    font-size: 0.85rem;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
}

.stat-value[b-6nbj9hi2bo] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 5px;
}

/* Indicator Borders */
.border-start-occupied[b-6nbj9hi2bo] {
    border-top: 4px solid #0d6efd;
}

.border-start-vacant[b-6nbj9hi2bo] {
    border-top: 4px solid #198754;
}

.border-start-guests[b-6nbj9hi2bo] {
    border-top: 4px solid #0dcaf0;
}

.border-start-checkin[b-6nbj9hi2bo] {
    border-top: 4px solid #198754;
}

.border-start-waiting[b-6nbj9hi2bo] {
    border-top: 4px solid #dc3545;
}

/* Hotel Card Design */
.hotel-grid[b-6nbj9hi2bo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.hotel-card[b-6nbj9hi2bo] {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #eef0f2;
    transition: transform 0.2s;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

    .hotel-card:hover[b-6nbj9hi2bo] {
        transform: translateY(-3px);
        box-shadow: 0 8px 15px rgba(0,0,0,0.05);
    }

.hotel-title[b-6nbj9hi2bo] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2d3436;
    margin-bottom: 15px;
}

.data-row[b-6nbj9hi2bo] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

/* Modern Progress Bar */
.progress-container[b-6nbj9hi2bo] {
    background: #e9ecef;
    border-radius: 10px;
    height: 18px;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
}

.progress-fill[b-6nbj9hi2bo] {
    height: 100%;
    background: linear-gradient(90deg, #28a745, #5dd377);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
    transition: width 0.5s ease-in-out;
}

/* _content/GP_WebPortal/Areas/Admin/Views/Shared/_AdminLayout.cshtml.rz.scp.css */
[b-vev3vw14v8] h6.small {
    font-size: 16px !important;
}
[b-vev3vw14v8] ul.sumenu li a {
    cursor: pointer;
}
[b-vev3vw14v8] img.adminlogo {
    width: 37px;
}
.left-0[b-vev3vw14v8] {
    left: 0px !important
}

.loader[b-vev3vw14v8] {
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
    background-color: #FFF;
    background: radial-gradient(ellipse at center, green 0%, green 14%, #FFF 15%, #FFF 100%);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}

    .loader[b-vev3vw14v8]::after,
    .loader[b-vev3vw14v8]::before {
        content: '';
        position: absolute;
        height: 16px;
        width: 4px;
        background: green;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
        transform-origin: 25% 0;
        box-sizing: border-box;
        animation: rotation 10s linear infinite;
    }

    .loader[b-vev3vw14v8]::before {
        height: 22px;
        width: 2px;
        transform: translateX(-50%) rotate(0deg);
        animation-duration: 1s;
    }

.loader-sec[b-vev3vw14v8] {
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: #00000094;
    display: none;
    align-items: center;
    justify-content: center;
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/CoinOrder.cshtml.rz.scp.css */

:root[b-69yr6fvyyq] {
    --green: #008000;
    --green-dark: #006400;
    --green-soft: #eaf7ea;
}


.connect-btn[b-69yr6fvyyq] {
    background: var(--green-soft);
    color: var(--green);
    font-weight: 600;
    border-radius: 30px;
    padding: 6px 14px;
}

    .connect-btn:hover[b-69yr6fvyyq] {
        background: var(--green);
        color: #fff;
    }

/* Coin balance */
.coin-balance[b-69yr6fvyyq] {
    background: linear-gradient(135deg, #26bb33, #37c237);
    color: #fff;
    font-weight: 600;
    border-radius: 14px;
    font-size: 1.05rem;
}

/* Cards */
[b-69yr6fvyyq] .product-card {
    border: 1px solid #e9e9e9;
    border-radius: 18px;
    transition: all .3s ease;
    background: #fff;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    [b-69yr6fvyyq] .product-card:hover {
        box-shadow: 0 18px 38px rgba(0,0,0,.12);
        transform: translateY(-8px);
    }

[b-69yr6fvyyq] .product-img {
    height: 160px;
    object-fit: contain;
    transition: transform .3s ease;
}

[b-69yr6fvyyq] .product-card:hover .product-img {
    transform: scale(1.05);
}

[b-69yr6fvyyq] .product-card h6 {
    font-size: .95rem;
    letter-spacing: .4px;
    text-transform: uppercase;
}

[b-69yr6fvyyq] .coin-price {
    color: var(--green);
    font-weight: 700;
    font-size: 1.05rem;
}

/* Buttons */
[b-69yr6fvyyq] .btn-green {
    background: linear-gradient(135deg, var(--green), var(--green-dark));
    color: #fff;
    border-radius: 12px;
    font-weight: 600;
    padding: 10px;
    border: none;
}

    [b-69yr6fvyyq] .btn-green:hover {
        opacity: .95;
    }

/* Sort */
[b-69yr6fvyyq] .sort-select {
    max-width: 220px;
}

[b-69yr6fvyyq] .input-group-text {
    border-radius: 12px 0 0 12px;
    background: #fff;
}

[b-69yr6fvyyq] .form-select {
    border-radius: 0 12px 12px 0;
}

[b-69yr6fvyyq] .form-select:focus {
    box-shadow: 0 0 0 .2rem rgba(0,128,0,.15);
    border-color: var(--green);
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/Genealogy.cshtml.rz.scp.css */

body[b-pwhi34p4a8] {
    font-family: sans-serif;
}

[b-pwhi34p4a8] #chart-container {
    width: 100%;
    height: auto;
    overflow: auto;
    text-align: center;
}

[b-pwhi34p4a8] .orgchart .node {
    margin-top: 20px;
    background: #ffff;
    border-radius: 15px;
}

[b-pwhi34p4a8] .orgchart {
    background: #fff;
    height: 100vh;
}

[b-pwhi34p4a8] .orgchart .node .content {
        border: none;
        height: auto;
        background-color: transparent;
    }

[b-pwhi34p4a8] .offcanvas-backdrop.fade.show {
    background: transparent;
}

[b-pwhi34p4a8] .nodebtn {
    position: relative;
}

[b-pwhi34p4a8] .custom-node {
    border-radius: 15px;
    padding: 0;
    border: 1px solid #bdbdbd;
    position: relative;
    min-width: 260px;
    min-height: 80px;
    font-family: sans-serif;
    box-sizing: border-box;
}

[b-pwhi34p4a8] .custom-node .photo {
        position: relative;
        top: 35%;
        width: 90px;
        height: 90px;
       /* border-radius: 50%;*/
        /*background: #fd6e2c;*/
        margin: 0px auto;
        margin-top: -60px;
}


    [b-pwhi34p4a8] .custom-node .photo img {
        width: 100%;
        border-radius: 50%;
        object-fit: cover;
    /*    border: 3px solid #4caf50;*/
       /* background: #fff;*/
        aspect-ratio: 2 / 2;
    }

[b-pwhi34p4a8] .orgchart .node .topEdge {
    top: 20px;
}


[b-pwhi34p4a8] .orgchart .node .bottomEdge {
    display: none !important;
}

[b-pwhi34p4a8] .orgchart .node .leftEdge {
    display: none !important;
}

[b-pwhi34p4a8] .orgchart .node .topEdge {
    display: none !important;
}

[b-pwhi34p4a8] .orgchart .node .rightEdge {
    display: none !important;
}

.custom-node .text[b-pwhi34p4a8] {
    flex-direction: column;
    color: #000;
    padding: 10px 5px;
}

[b-pwhi34p4a8] .custom-node .name {
    font-weight: bold;
    font-size: 16px;
}

[b-pwhi34p4a8] .orgchart .node.focused,
.orgchart .node:hover[b-pwhi34p4a8] {
    background-color: transparent !important;
}

[b-pwhi34p4a8] .orgchart .node:hover {
    background-color: transparent !important;
}

[b-pwhi34p4a8] .custom-node .title-text {
    font-size: 13px;
    font-weight: bold;
    color: #3d2a20;
}

[b-pwhi34p4a8] .edge::before {
    background-color: #eee;
    width: 25px;
    height: 25px;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

[b-pwhi34p4a8] .tree-panel .offcanvas-header {
    background-color: #009846;
}

[b-pwhi34p4a8] .offcanvas-header img {
    border-radius: 50%;
    margin: 0px auto;
}

[b-pwhi34p4a8] .offcanvas-header {
    position: relative;
}

[b-pwhi34p4a8] .offcanvas-header .btn-close-right {
        position: absolute;
        right: 20px;
        top: 20px;
        color: #fff !important;
}

[b-pwhi34p4a8] .tree-panel {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 12px 0px #8f8f8f;
}

[b-pwhi34p4a8] img.tree-profile {
    position: relative;
    margin-bottom: -72px;
    width: 133px;
    background: #fff;
    border: 5px solid #009846;
    padding: 10px;
    aspect-ratio: 2 / 2;
    object-fit: contain;
    padding: 10px;
}

[b-pwhi34p4a8] .photo-top {
    display: flex;
    justify-content: space-between;
    padding: 4px 10px;
    align-items: center;
    border-radius: 13px 13px 0 0;
}

[b-pwhi34p4a8] .position:empty {
    display: none;
}

[b-pwhi34p4a8] .position {
    width: 16px;
    height: 16px;
    background: #4CAF50;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

[b-pwhi34p4a8] .orgchart .lines .downLine {
    background-color: rgb(76 175 80);
}

[b-pwhi34p4a8] .orgchart .lines .rightLine,
[b-pwhi34p4a8] .orgchart .lines .leftLine,
.orgchart .lines .topLine[b-pwhi34p4a8] {
    border-color: rgb(76 175 80);
}

[b-pwhi34p4a8] .radial-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    pointer-events: none;
    transform: scale(0);
    transition-duration: 0.2s;
    left: -50px;
    top: -50px;
    z-index: 9;
}

[b-pwhi34p4a8] .treemeneu {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

[b-pwhi34p4a8] .radial-menu.active {
    pointer-events: auto;
    transform: scale(1);
}

[b-pwhi34p4a8] .radial-menu button {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

[b-pwhi34p4a8] .radial-menu.active button {
    opacity: 1;
}

[b-pwhi34p4a8] .radial-menu button:nth-child(1) {
    top: 0;
    left: 36px;
}

[b-pwhi34p4a8] .radial-menu button:nth-child(2) {
    top: 20px;
    left: 80px;
}

[b-pwhi34p4a8] .radial-menu button:nth-child(3) {
    top: 70px;
    left: 80px;
}

[b-pwhi34p4a8] .radial-menu button:nth-child(4) {
    top: 80px;
    left: 30px;
}

[b-pwhi34p4a8] .radial-menu button:nth-child(5) {
    top: 40px;
    left: 0;
}

[b-pwhi34p4a8] .radial-menu button:nth-child(6) {
    top: 41px;
    left: 41px;
}

[b-pwhi34p4a8] .radial-menu button:hover {
    background-color: #f0f0f0;
}

[b-pwhi34p4a8] .custom-node.Active {
    border-color: green;
}

[b-pwhi34p4a8] .custom-node.Active .photo-top {
        background-color: green;
        color: #fff;
    }
   /* ::deep .custom-node.active .photo img {
        border-color: green;
    }*/
[b-pwhi34p4a8] .custom-node.blocked {
    border-color: red;
}

[b-pwhi34p4a8] .custom-node.blocked .position {
    background-color: #fff;
    color: #000;
}


[b-pwhi34p4a8] .custom-node.Blocked .photo-top {
    background-color: red;
    color: #fff;
}
[b-pwhi34p4a8] .custom-node.Blocked .photo img {
    border-color: red;
}
 

[b-pwhi34p4a8] .custom-node.Vacant .photo-top {
    background-color: #eee;
    color: #000;
}

[b-pwhi34p4a8] .custom-node.Vacant .position {
    background-color: #000;
    color: #fff;
}
[b-pwhi34p4a8] .custom-node.Vacant .photo img {
    border-color: #eee;
}
[b-pwhi34p4a8] .export-buttons {
    display: flex;
}

div#offcanvasRight[b-pwhi34p4a8] {
    z-index: 9999;
}
.offcanvas-backdrop.show[b-pwhi34p4a8]{
    opacity:0;
}


[b-pwhi34p4a8] .custom-node.Terminated .photo-top {
    background-color: #ff7113;
    color: #ffffff;
}

[b-pwhi34p4a8] .custom-node.Terminated .position {
    background-color: #ffffff;
    color: #000000;
}

[b-pwhi34p4a8] .custom-node.Terminated .photo img {
    border-color: #ff7113;
}

[b-pwhi34p4a8] .custom-node.customer .photo-top {
    background-color: #fcff00;
    color: #000;
}

[b-pwhi34p4a8] .custom-node.customer .position {
    background-color: #ffffff;
    color: #000000;
}

[b-pwhi34p4a8] .custom-node.customer .photo img {
    border-color: #fcff00;
}


[b-pwhi34p4a8] .custom-node.deactive .photo-top {
    background-color: #090856;
    color: #000;
}

[b-pwhi34p4a8] .custom-node.deactive .position {
    background-color: #ffffff;
    color: #000000;
}

[b-pwhi34p4a8] .custom-node.deactive .photo img {
    border-color: #090856;
}

[b-pwhi34p4a8] .custom-node.expired .photo-top {
    background-color: #000;
    color: #fff;
}

[b-pwhi34p4a8] .custom-node.expired .position {
    background-color: #fff;
    color: #000;
}

[b-pwhi34p4a8] .custom-node.expired .photo img {
    border-color: #000;
}

[b-pwhi34p4a8] .custom-node.working .photo-top {
    background-color: #f302fc;
    color: #fff;
}

[b-pwhi34p4a8] .custom-node.working .position {
    background-color: #fff;
    color: #000;
}

[b-pwhi34p4a8] .custom-node.working .photo img {
    border-color: #f302fc;
}
[b-pwhi34p4a8] .treeuserbreadcomb a {
    color: #fff !important;
    background: green;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

[b-pwhi34p4a8] .downline-user-details {
    cursor: pointer;
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/NewPreRegistration.cshtml.rz.scp.css */
.associate-box[b-pwbeye0t93] {
    background: #00843d;
    color:#fff;
}
.Associate-btn[b-pwbeye0t93] {
    color: #00843d;
}
.Preferred-Customer[b-pwbeye0t93] {
    background: #f37021;
    color: #fff;
}
.Preferred-btn[b-pwbeye0t93] {
    color: #f37021 !important;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}
.proceed-sec[b-pwbeye0t93] {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: 9px;
    left: 0;
}
.new-user[b-pwbeye0t93] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    margin-right: 10px;
    transition: all 0.3s ease;
}
.briefcase[b-pwbeye0t93] {
    font-size: 16px;
    color: #fff;
}


.custom-badge[b-pwbeye0t93] {
  
    padding: 8px 0px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
   
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
    .Preferred-Customer[b-pwbeye0t93] {
        min-height: 240px !important;
    }
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/PVStatus.cshtml.rz.scp.css */
body[b-nt7i6uadjh] {
    background: #f2f4fb;
    font-family: "Segoe UI", sans-serif;
}

.top-bar[b-nt7i6uadjh] {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 25px;
}

.btn-soft[b-nt7i6uadjh] {
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 600;
    border: none;
}
.btn-direct[b-nt7i6uadjh] {
    background: #d7f7f3;
    color: #00bfa5;
}

.btn-parent[b-nt7i6uadjh] {
    background: #ffe3e3;
    color: #ff5252;
}

.card-box[b-nt7i6uadjh] {
    background: #fff;
    border-radius: 18px;
    padding: 25px;
    height: 100%;
}

.icon-box[b-nt7i6uadjh] {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
}

.icon-pv[b-nt7i6uadjh] {
    background: #e7f2ff;
    color: #2f80ff;
}

.icon-ap[b-nt7i6uadjh] {
    background: #ffe3e3;
    color: #ff4d4f;
}

.icon-rp[b-nt7i6uadjh] {
    background: #d6fbf7;
    color: #00bfa5;
}

.card-title[b-nt7i6uadjh] {
    font-weight: 700;
    font-size: 22px;
}

.card-date[b-nt7i6uadjh] {
    color: #9aa0b4;
    font-weight: 600;
}

.table-custom th[b-nt7i6uadjh] {
    color: #8b90a5;
    font-weight: 600;
    border-bottom: 1px solid #eee;
}

.table-custom td[b-nt7i6uadjh] {
    font-weight: 500;
}

.table-custom tr:last-child td[b-nt7i6uadjh] {
    font-weight: 700;
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/SecurityPIN.cshtml.rz.scp.css */
.pin-sec[b-fho7xnyfij] {
    min-height: calc(100vh - 177px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pinicon[b-fho7xnyfij] {
    width: 60px;
    height: 60px;
    background-color: #00754038;
    margin: 0px auto;
    border-radius: 10px;
}

    .pinicon span[b-fho7xnyfij] {
        -webkit-mask-image: url(/padlock.webp);
        -webkit-mask-size: 40px;
        width: 60px;
        height: 60px;
        background-color: #007540;
        position: relative;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        display: block;
        z-index: 999;
    }

.pin-sec h1[b-fho7xnyfij] {
    color: #007540;
    font-size: 35px;
}

.pin-sec .btn[b-fho7xnyfij] {
    background-color: #00a859;
    width: 100%;
    color: #fff;
    height: 45px;
}

.pin-sec input[b-fho7xnyfij] {
    height: 45px;
}

.input[b-fho7xnyfij] {
    display: flex;
}

    .input input[b-fho7xnyfij] {
        margin: 0 5px;
    }
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/StoreApplicationForm.cshtml.rz.scp.css */
.quick-actions[b-bw0tnzosaq] {
    display: flex;
    gap: 16px;
    padding: 10px 20px;
}

.qa-btn[b-bw0tnzosaq] {
    display: inline-flex;
    align-items: center;
    padding: 10px 28px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 0 4px 8px rgba(15, 23, 42, 0.08);
    transition: 0.15s ease;
    gap: 12px;
    white-space: nowrap;
    border: none;
}

.qa-ecard[b-bw0tnzosaq] {
    background: #b7f3ee;
    color: #006b6b;
}

.qa-gps[b-bw0tnzosaq] {
    background: rgb(2 153 70);
    color: #fff;
}

.qa-orgo[b-bw0tnzosaq] {
    background: #d6d7e4;
    color: #111827;
}

.qa-btn:hover[b-bw0tnzosaq] {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}

.qa-icon[b-bw0tnzosaq] {
    font-size: 22px;
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/TransactionHistoryDetails.cshtml.rz.scp.css */
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/UploadKYC.cshtml.rz.scp.css */
.dashbaord-kyc-text[b-x4u1uyxxdp]
{
    text-align:end;
}
[b-x4u1uyxxdp] .profile_alias img{
    display: flex;
    margin: 0 auto;
}
.img#imgPreview[b-x4u1uyxxdp] {
    display: flex;
    margin: 0 auto;
}
[b-x4u1uyxxdp] .dashbaord-kyc-icon img {
    width: 26px !important;
    height: 26px !important;
    margin-right:10px;
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/UploadPAN.cshtml.rz.scp.css */
span.profile_alias img[b-26fkw9pnnr] {
    max-width: 100%;
    max-height: 125px;
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/UploadProfile.cshtml.rz.scp.css */
#cropButton[b-r0550ixsux], #previewImage[b-r0550ixsux], #cancelButton[b-r0550ixsux] {
    display: none;
}
/* _content/GP_WebPortal/Areas/Associate/Views/Associate/ViewProfile.cshtml.rz.scp.css */
.info-card[b-h4644303k4] {
    border-radius: 20px;
    background: #ffffff;
    padding: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

    .info-card:hover[b-h4644303k4] {
        transform: translateY(-3px);
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
    }

.header-card[b-h4644303k4] {
    border-radius: 10px;
    padding: 15px;
    background: linear-gradient(332deg, #d8fce7, #d9e5e0);
}

.profile-img[b-h4644303k4] {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    padding: 8px;
}

.info-item i[b-h4644303k4] {
    background: #d7f8e7;
    padding: 8px;
    border-radius: 12px;
    font-size: 18px;
    color: #28c76f;
}

.kyc-box[b-h4644303k4] {
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    transition: 0.3s;
}

    .kyc-box:hover[b-h4644303k4] {
        transform: translateX(5px);
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.06);
    }

.kyc-status[b-h4644303k4] {
    font-weight: 700;
}

.progress[b-h4644303k4] {
    height: 16px !important;
    border-radius: 30px;
}

.progress-bar[b-h4644303k4] {
    background: linear-gradient(90deg, #26d782, #2ecc71);
}

.nav-pills .nav-link[b-h4644303k4] {
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 8px;
}

.nav-pills .nav-link.active[b-h4644303k4] {
        background: #4caf50 !important;
        color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 767px) {


    .nav-pills .nav-link[b-h4644303k4] {
        font-weight: 600;
        padding: 6px 13px;
        border-radius: 8px;
    }
}

.kyc-card[b-h4644303k4] {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}
/* _content/GP_WebPortal/Areas/Associate/Views/Shared/_AssociateLayout.cshtml.rz.scp.css */
body[b-flkpwtpd7x] {
    font-family: "Roboto", sans-serif;
}

[b-flkpwtpd7x] navbar .logo {
    width: 100px;
    display: flex;
    margin: 0 auto;
}

[b-flkpwtpd7x] label:empty {
    display: none;
}

[b-flkpwtpd7x] .submainmenu-section a {
    text-decoration: none !important;
    color: #000 !important;
}

.logo-left[b-flkpwtpd7x] {
    max-width: 150px;
}



[b-flkpwtpd7x] .socialsharing a {
    text-decoration: none !important;
    color: #000 !important;
}

.account-right[b-flkpwtpd7x] {
    max-width: 170px;
}

.font-weight-bold[b-flkpwtpd7x] {
    font-weight: 600 !important;
}

[b-flkpwtpd7x] .mobile-nav li a {
    text-decoration: none !important;
    color: #000 !important;
}

[b-flkpwtpd7x] .mobile-submenu li a {
    text-decoration: none !important;
    color: #000 !important;
}

.account-avatar[b-flkpwtpd7x] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

[b-flkpwtpd7x] span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.navbar-custom[b-flkpwtpd7x] {
    background-color: #fff;
    border-bottom: 2px solid #00a859;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 999;
}

[b-flkpwtpd7x].breadcrumb-bg {
    background-color: #00a859;
    color: #fff;
    margin-bottom: 10px;
}

.nav-link-custom[b-flkpwtpd7x] {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 5px;
    transition: color 0.3s ease;
    font-weight: 600;
}

[b-flkpwtpd7x] .mainmenu-section.owl-theme .owl-nav, [b-flkpwtpd7x] .mainmenu-section .owl-prev, [b-flkpwtpd7x] .mainmenu-section .owl-next {
    margin: 0px;
}

[b-flkpwtpd7x] .nav-link-custom img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    /*    padding: 5px;*/
    margin-bottom: 4px;
}

.nav-link-custom span[b-flkpwtpd7x] {
    margin-left: 15px;
}

.dropdown-toggle[b-flkpwtpd7x]::after {
    display: none !important;
}

.dropdown-menu[b-flkpwtpd7x] {
    min-width: 180px;
    font-size: 14px;
}

.menu-images .item[b-flkpwtpd7x] {
    width: auto;
}

.menu-images .owl-item img[b-flkpwtpd7x] {
    width: 30% !important;
    height: 30%;
}

[b-flkpwtpd7x] .account-right .dropdown-menu {
    top: 20px !important;
}

[b-flkpwtpd7x] .account-right .dropdown-menu {
    top: 62px !important;
}

.ass-userinfo p[b-flkpwtpd7x] {
    text-overflow: ellipsis;
    width: 129px;
    overflow: hidden;
}


.submenu-item[b-flkpwtpd7x] {
    font-size: 14px;
    padding: 8px 12px;
    margin-right: 10px;
    border-radius: 6px;
    white-space: nowrap;
}

.back-btn[b-flkpwtpd7x] {
    cursor: pointer;
    color: #10983c;
    margin-bottom: 6px;
}

.dropdown-menu[b-flkpwtpd7x] {
    z-index: 1050;
}

[b-flkpwtpd7x] .treeuserbreadcomb:empty {
    display: none
}

[b-flkpwtpd7x] .treeuserbreadcomb {
    display: contents;
    font-size: 13px;
    color: #fff;
}
a[b-flkpwtpd7x] {
    text-decoration:none !important;
}


@media only screen and (max-width: 480px) {
    [b-flkpwtpd7x] .breadcrumb-bg {
        top: 85px !important;
    }

    [b-flkpwtpd7x] .account-right .dropdown-menu {
        top: 32px !important;
    }
    [b-flkpwtpd7x] img.mobilelogo {
        width: 38px;
        margin-right: 10px;
    }
}


@media screen and (min-width: 320px) and (max-width: 1024px) {
    .navbar .logo[b-flkpwtpd7x] {
        width: 70px;
        display: flex;
        margin: 0 auto;
        padding-top: 10px;
    }
}

[b-flkpwtpd7x] #offcanvasRight {
    z-index: 99999;
}

[b-flkpwtpd7x] .detaleaddresh {
    color: red;
    cursor: pointer;
}

[b-flkpwtpd7x] .fixed-table-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

[b-flkpwtpd7x].table-container {
    overflow-x: auto;
}

[b-flkpwtpd7x].table th,
.table td[b-flkpwtpd7x] {
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}

[b-flkpwtpd7x] .active > .page-link, .page-link.active[b-flkpwtpd7x] {
    background-color: green;
    color: white
}

.nav-link.active[b-flkpwtpd7x] {
    background-color: #e0f7ff;
    border-radius: 6px;
    font-weight: 600;
    color: #066c4e;
}




.user-icon[b-flkpwtpd7x] {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 20px;
}

.user-data[b-flkpwtpd7x] {
    text-align: start;
}


/* _content/GP_WebPortal/Areas/Open/Views/Home/aboutus.cshtml.rz.scp.css */

.about-us-section h2[b-4fpb9qyv35],
.about-us-section h4[b-4fpb9qyv35] {
    font-family: 'Poppins', sans-serif;
}

.about-us-section ul[b-4fpb9qyv35] {
    padding-left: 1.2rem;
}

.about-us-section li[b-4fpb9qyv35] {
    margin-bottom: 0.5rem;
}

.timeline h4[b-4fpb9qyv35] {
    border-left: 4px solid #28844e;
    padding-left: 10px;
}


/* =====jounrey styles==== */
.gp-timeline[b-4fpb9qyv35] {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

    .gp-timeline[b-4fpb9qyv35]::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: #28a745;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }

.gp-block[b-4fpb9qyv35] {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

    .gp-block[b-4fpb9qyv35]::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -17px;
        background-color: #28a745;
        border: 4px solid white;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }

.gp-left[b-4fpb9qyv35] {
    left: 0;
}

.gp-right[b-4fpb9qyv35] {
    left: 50%;
}

.gp-left[b-4fpb9qyv35]::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #28a745;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #28a745;
}

.gp-right[b-4fpb9qyv35]::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #28a745;
    border-width: 10px 10px 10px 0;
    border-color: transparent #28a745 transparent transparent;
}

.gp-right[b-4fpb9qyv35]::after {
    left: -16px;
}

.gp-content[b-4fpb9qyv35] {
    padding: 10px 15px;
    background-color: white;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
    .gp-content a[b-4fpb9qyv35]{
        text-decoration:underline;
    }

    @media screen and (max-width: 600px) {
        .gp-timeline[b-4fpb9qyv35]::after {
        left: 31px;
    }

    .gp-block[b-4fpb9qyv35] {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

        .gp-block[b-4fpb9qyv35]::before {
            left: 60px;
            border: medium solid #28a745;
            border-width: 10px 10px 10px 0;
            border-color: transparent #28a745 transparent transparent;
        }

    .gp-left[b-4fpb9qyv35]::after,
    .gp-right[b-4fpb9qyv35]::after {
        left: 15px;
    }

    .gp-right[b-4fpb9qyv35] {
        left: 0%;
    }
}



/* =======gallery styles===== */
.bodydata[b-4fpb9qyv35] {
    position: relative;
}

.gallery-item[b-4fpb9qyv35] {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.right-arrow[b-4fpb9qyv35] {
    width: 15px !important;
    height: auto;
    transition: transform 0.3s ease;
}
        
.gallery-content[b-4fpb9qyv35] {
    bottom: -60px;
    padding: 15px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    right: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: center;
}

.gallery h5[b-4fpb9qyv35] {
    background: #28844e;
    color: #fff;
    padding: 15px 10px;
    color: #fff;
    display: block;
}

.gallery-item:hover .gallery-content[b-4fpb9qyv35] {
    bottom: 30%;
    opacity: 1;
    visibility: visible;
    text-align: center
}

.gallery-item a.gallery[b-4fpb9qyv35]::before {
    background-color: rgba(0, 0, 0, 0.50);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    top: 0px;
    bottom: 100%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
}

.gallery-item:hover a.gallery[b-4fpb9qyv35]::before {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.gallery-content[b-4fpb9qyv35] {
    bottom: -60px;
    padding: 15px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    right: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: center;
}

    .gallery-content h5[b-4fpb9qyv35] {
       
        margin-bottom: 10px;
        font-weight: bold;
        background: #28844e;
        padding: 11px 0;
        margin: 0px;
        border: 1px solid #fff;
        height: 50px;
    }

.bg-success[b-4fpb9qyv35] {
    background: rgba(0, 152, 70, 1) !important;
}
.nav-tabs .nav-link[b-4fpb9qyv35] {
    color: #000 !important;
}

    .nav-tabs .nav-link.active[b-4fpb9qyv35],
    .nav-tabs .show > .nav-link[b-4fpb9qyv35] {
        color: #fff !important;
        background-color: rgba(0, 152, 70, 1) !important;
        
    }

.content-bg ul li.active[b-4fpb9qyv35] {
    background: rgba(0, 152, 70, 1) !important;
    color: #fff;
}

/* ====co-message styles===== */
.co-message[b-4fpb9qyv35] {
    padding: 50px 20px;
}



    .co-message p[b-4fpb9qyv35] {
        font-size: 1.1rem;
        line-height: 1.8;
    }

.highlight[b-4fpb9qyv35] {
    color: #28844e;
    font-weight: 600;
}

.section-title[b-4fpb9qyv35] {
    color: rgba(0, 152, 70, 1) !important;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}
/* _content/GP_WebPortal/Areas/Open/Views/Home/Blogs.cshtml.rz.scp.css */
/* _content/GP_WebPortal/Areas/Open/Views/Home/Career.cshtml.rz.scp.css */

.section[b-5ijn0qhzfi] {
    padding: 60px 20px;
}

    .section h2[b-5ijn0qhzfi] {
        font-size: 2rem;
        margin-bottom: 20px;
    }

.icon-box[b-5ijn0qhzfi] {
    text-align: center;
    transition: transform 0.3s;
}

    .icon-box:hover[b-5ijn0qhzfi] {
        transform: scale(1.05);
    }

    .icon-box img[b-5ijn0qhzfi] {
        height: 100px;
        margin-bottom: 15px;
    }

.apply-btn[b-5ijn0qhzfi] {
    background-color: #28a745;
    border: none !important;
    color: white !important;
    padding: 10px 30px;
    font-size: 1.2rem;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    text-decoration: none !important;
}

.career-change ul li i[b-5ijn0qhzfi] {
    font-size: 30px;
    color: #28a745;
}
/* _content/GP_WebPortal/Areas/Open/Views/Home/CEOMessage.cshtml.rz.scp.css */
.co-message[b-kgxho74oeb] {
    padding: 50px 20px;
}
    .co-message p[b-kgxho74oeb] {
        font-size: 1.1rem;
        line-height: 1.8;
    }

.highlight[b-kgxho74oeb] {
    color: #28844e;
    font-weight: 600;
}

.section-title[b-kgxho74oeb] {
    color: rgba(0, 152, 70, 1) !important;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}
/* _content/GP_WebPortal/Areas/Open/Views/Home/checkout.cshtml.rz.scp.css */


.activity-checkout[b-59iz307ji3] {
    list-style: none
}

    .activity-checkout .checkout-icon[b-59iz307ji3] {
        position: absolute;
        top: -4px;
        left: -24px
    }

    .activity-checkout .checkout-item[b-59iz307ji3] {
        position: relative;
        padding-bottom: 24px;
        padding-left: 35px;
        border-left: 2px solid rgb(0 152 70) !important;
    }

        .activity-checkout .checkout-item:first-child[b-59iz307ji3] {
            border-color: rgb(0 152 70) !important;
        }

            .activity-checkout .checkout-item:first-child[b-59iz307ji3]:after {
                background-color: rgb(0 152 70) !important;
            }

        .activity-checkout .checkout-item:last-child[b-59iz307ji3] {
            border-color: transparent
        }

        .activity-checkout .checkout-item.crypto-activity[b-59iz307ji3] {
            margin-left: 50px
        }

        .activity-checkout .checkout-item .crypto-date[b-59iz307ji3] {
            position: absolute;
            top: 3px;
            left: -65px
        }



.avatar-xs[b-59iz307ji3] {
    height: 1rem;
    width: 1rem
}

.avatar-sm[b-59iz307ji3] {
    height: 2rem;
    width: 2rem
}

.avatar[b-59iz307ji3] {
    height: 3rem;
    width: 3rem
}

.avatar-md[b-59iz307ji3] {
    height: 4rem;
    width: 4rem
}

.avatar-lg[b-59iz307ji3] {
    height: 5rem;
    width: 5rem
}

.avatar-xl[b-59iz307ji3] {
    height: 6rem;
    width: 6rem
}

.avatar-title[b-59iz307ji3] {
    align-items: center;
    background-color: rgb(0 152 70) !important;
    color: #fff;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    width: 100%
}

.avatar-group[b-59iz307ji3] {
    display: flex;
    flex-wrap: wrap;
    padding-left: 8px
}

    .avatar-group .avatar-group-item[b-59iz307ji3] {
        margin-left: -8px;
        border: 2px solid #fff;
        border-radius: 50%;
        transition: all .2s
    }

        .avatar-group .avatar-group-item:hover[b-59iz307ji3] {
            position: relative;
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px)
        }

.card-radio[b-59iz307ji3] {
    background-color: #fff;
    border: 2px solid #eff0f2;
    border-radius: .75rem;
    padding: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

    .card-radio:hover[b-59iz307ji3] {
        cursor: pointer
    }

.card-radio-label[b-59iz307ji3] {
    display: block
}

.edit-btn[b-59iz307ji3] {
    width: 35px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 25px;
    margin-top: -50px
}

.card-radio-input[b-59iz307ji3] {
    display: none
}

    .card-radio-input:checked + .card-radio[b-59iz307ji3] {
        border-color: rgb(0 152 70) !important;
    }


.font-size-16[b-59iz307ji3] {
    font-size: 16px !important;
}

.text-truncate[b-59iz307ji3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a[b-59iz307ji3] {
    text-decoration: none !important;
}


.form-control[b-59iz307ji3] {
    display: block;
    width: 100%;
    padding: 0.47rem 0.75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #545965;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e2e5e8;
    appearance: none;
}

.edit-btn[b-59iz307ji3] {
    width: 35px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 25px;
    margin-top: -50px;
}

.ribbon[b-59iz307ji3] {
    position: absolute;
    right: -26px;
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 1px 22px;
    font-size: 13px;
    font-weight: 500
}
/* _content/GP_WebPortal/Areas/Open/Views/Home/CorporateVideos.cshtml.rz.scp.css */

.CorporateVideo-grid[b-qbt8wy1asb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 30px;
    padding: 20px 0;
}

.CorporateVideo-card[b-qbt8wy1asb] {
    text-align: center;
    transition: transform .3s ease;
    cursor: pointer;
}

.award-card:hover[b-qbt8wy1asb] {
    transform: translateY(-5px);
}

.CorporateVideo-image[b-qbt8wy1asb] {
    width: 100%;
    height: 220px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.CorporateVideo-title[b-qbt8wy1asb] {
    margin-top: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.video-thumb[b-qbt8wy1asb] {
    position: relative;
    cursor: pointer;
}

    .video-thumb img[b-qbt8wy1asb] {
        width: 100%;
        max-height: 295px;
        border-radius: 8px;
    }

.play-btn[b-qbt8wy1asb] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: #fff;
}

.CorporateVideo-box[b-qbt8wy1asb] {
    height: 300px !important;
    min-height: 300px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* _content/GP_WebPortal/Areas/Open/Views/Home/Home.cshtml.rz.scp.css */
html[b-4oyc3pqm7t] {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

.offer-btn[b-4oyc3pqm7t] {
    margin-right: 10px;
}

.product-categories-section[b-4oyc3pqm7t] {
    background: rgba(244, 218, 218, 0.58);
}

.green-planet-sub-heading[b-4oyc3pqm7t] {
    color: rgba(0, 152, 70, 1);
}

.text-primary[b-4oyc3pqm7t] {
    color: rgba(172, 158, 158, 1) !important;
    font-size: 24px;
}

.Categories-img[b-4oyc3pqm7t] {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.add-to-cart-button[b-4oyc3pqm7t] {
    font-size: 12px !important;
    padding: 3px 10px !important;
}

.btn-secondary[b-4oyc3pqm7t] {
    background: rgba(0, 152, 70, 1) !important;
    padding: 5px 30px;
    border-radius: 30px;
    font-size: 20px;
    border-color: rgba(0, 152, 70, 1);
}
.btn-success[b-4oyc3pqm7t] {
    color: #fff;
    background-color: rgba(0, 152, 70, 1) !important;
    border-color: rgba(0, 152, 70, 1) !important;
}
.ceo-message[b-4oyc3pqm7t] {
    padding: 100px 50px;
}

.message-info[b-4oyc3pqm7t] {
    color: rgba(130, 130, 130, 1);
    line-height: 28px;
}

.our-collections:active[b-4oyc3pqm7t] {
    background: rgba(173, 190, 74, 0.78);
}

[b-4oyc3pqm7t] .CEO-imgs {
    display: flex !important;
    margin: 0 auto !important;
}



.product-image[b-4oyc3pqm7t] {
    transition: transform 0.4s ease;
    height:150px;
    min-height:150px;
}

.product-box:hover .product-image[b-4oyc3pqm7t] {
    transform: scale(1.05);
}
.product-box:hover .badge[b-4oyc3pqm7t] {
    background: #fff !important;
    color: #000 !important;
}
/* =====collection products styles====== */

.XXXX[b-4oyc3pqm7t] {
   
    background-image: url(../Images/Open/Production-Collection-bg.webp);
    background-repeat: no-repeat;
    position: relative;
    height: 650px;
    width: 100%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}
[b-4oyc3pqm7t] .collection-production-bg {
    background: url(../Images/Open/Production-Collection-bg.webp);
    background-position: right;
    background-size: cover;
    height:auto;
}

.product-box[b-4oyc3pqm7t] {
    background-color: #e1eee2;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.product-image[b-4oyc3pqm7t] {
    max-width: 100%;
    display: flex;
    margin: 0 auto;
    height: auto;
}

.bg-success[b-4oyc3pqm7t] {
    background-color: rgba(0, 152, 70, 1) !important;
}



.price[b-4oyc3pqm7t] {
    font-size: 1rem;
    margin-bottom:0px;
}

.old-price[b-4oyc3pqm7t] {
    color: grey;
    margin-right: 10px;
}

.add-button[b-4oyc3pqm7t] {
    border: 1px solid #000;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    background-color: transparent;
}

.add[b-4oyc3pqm7t] {
    margin-left: 0px;
}

.product-card[b-4oyc3pqm7t] {
    margin: 5px;

}

.product-info[b-4oyc3pqm7t] {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
button.category-badge[b-4oyc3pqm7t] {
    background-color: rgba(0, 152, 70, 1);
    color: white;
    font-size: 12px;
    padding: 5px 21px 5px 12px;
    border-style: none;
    position: relative;
    top: 19px;
    left: -16px !important;
    border-top-right-radius: 26px;
    display:inline-block !important;
}
.add-to-cart-button[b-4oyc3pqm7t]{
    font-size: 11px !important;
    padding: 3px 10px !important;
}
/* =====login section styles===== */
.support-Associates[b-4oyc3pqm7t]::before {
    left: 0px;
    content: "";
    position: absolute;
    top: -97px;
    width: 260px;
    height: 395px;
    background-image: url(../Images/Open/leves.webp);
    background-size: 320px;
    background-repeat: no-repeat;
}
.login-section[b-4oyc3pqm7t] {
    background: linear-gradient(90deg, #009846 0%, #003217 100%);
    padding: 30px;
    border-radius: 30px;
    position: relative;
}

.login-btns[b-4oyc3pqm7t] {
    display: flex;
    justify-content: center;
    /* Center the buttons horizontally */
    margin: 0 auto;
}

.btn-light[b-4oyc3pqm7t] {
    border-radius: 20px;
}

.login-section h3[b-4oyc3pqm7t] {
    font-size: 40px;
}

.login-section p[b-4oyc3pqm7t] {
    font-size: 22px;
}

.leaves[b-4oyc3pqm7t] {
    position: absolute;
    left: -189px;
    z-index: -99;
    top: -88px;
    transform: rotate(324deg);
}
.product-box:hover[b-4oyc3pqm7t] {
    background: rgb(224 245 223) !important;
}

/* ===mission and vission===== */


.mission-title[b-4oyc3pqm7t] {
    font-size: 38px;
}

.mission-card .card-body[b-4oyc3pqm7t] {
    background-color: #00a651;
    color: white;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.vision-card .card-body[b-4oyc3pqm7t] {
    background-color: #000;
    color: white;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

/* _content/GP_WebPortal/Areas/Open/Views/Home/mission.cshtml.rz.scp.css */


.side-box[b-71e5hlsiao] {
    background: #f8f9fa;
}

.brand-list-wrapper[b-71e5hlsiao] {
    width: 100%;
}

.brand-item[b-71e5hlsiao] {
    padding: 15px 0;
    gap: 15px;
}

.brand-logo[b-71e5hlsiao] {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.brand-text[b-71e5hlsiao] {
    flex: 1;
}

.brand-title[b-71e5hlsiao] {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.brand-tagline[b-71e5hlsiao] {
    margin: 4px 0 0;
    color: #6c757d;
    font-style: italic;
    font-size: 15px;
}

.brand-divider[b-71e5hlsiao] {
    margin: 10px 0;
    border-top: 1px solid #eee;
}

.brand-list-wrapper[b-71e5hlsiao] {
    overflow-y: auto;
    max-height: calc(100vh - 460px);
}


/* _content/GP_WebPortal/Areas/Open/Views/Home/ModeOfPayment.cshtml.rz.scp.css */

.bank-img img[b-vh018ef01w] {
    display: flex !important;
    margin: 0 auto !important;
}

.bank-logo[b-vh018ef01w] {
    display: flex !important;
    margin: 0 auto !important;
}
[b-vh018ef01w] img.w-75.bank-logo {
    display: flex;
    margin: 0 auto;
}
/* _content/GP_WebPortal/Areas/Open/Views/Home/productview.cshtml.rz.scp.css */

/* =============product view styles============== */

.cartqty button[b-ic0ok0uv8f] {
    font-size: 27px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.product-img-box[b-ic0ok0uv8f] {
    position: sticky;
    top: 10px;
}

.product-navs .nav-link[b-ic0ok0uv8f] {
    font-weight: 500;
    color: #6c757d;
    padding: 0.75rem 1.5rem;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}



.product-image[b-ic0ok0uv8f] {
    transition: transform 0.4s ease;
}

.product-box:hover .product-image[b-ic0ok0uv8f] {
    transform: scale(1.05);
}



.stock-badge[b-ic0ok0uv8f] {
    color: #28a745;
    background-color: #dfffe6;
    border: 1px solid #a2e5b8;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}


}

.gp-content a[b-ic0ok0uv8f] {
    color: #000 !important;
    text-decoration: none;
}

.product-view-socialsharing a[b-ic0ok0uv8f] {
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #28844e;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-bottom: 19px;
    margin: 0 9px;
}


.nav-pills .nav-link.active[b-ic0ok0uv8f],
.nav-pills .show > .nav-link[b-ic0ok0uv8f] {
    color: #fff;
    background-color: #28844e;
}

.nav-pills .nav-link[b-ic0ok0uv8f] {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
    color: #28844e;
}

.prd-tumbimages img[b-ic0ok0uv8f] {
    aspect-ratio: 2 / 2;
    width: 100%;
    object-fit: cover;
}

.prd-select-image[b-ic0ok0uv8f] {
    aspect-ratio: 2 / 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .prd-select-image img[b-ic0ok0uv8f] {
        max-width: 100%;
        max-height: 100%;
    }

ul.size-attr[b-ic0ok0uv8f] {
    padding-left: 0;
    margin-bottom: 0;
}

    ul.size-attr li[b-ic0ok0uv8f] {
        display: inline-flex;
        border: 1px solid #eee;
        padding: 2px 11px;
        min-width: 62px;
        text-align: center;
        justify-content: center;
    }

        ul.size-attr li:hover[b-ic0ok0uv8f],
        ul.size-attr li.active[b-ic0ok0uv8f] {
            background: #007540;
            color: #fff;
            cursor: pointer;
        }

        ul.size-attr li.disabled[b-ic0ok0uv8f] {
            background: #cfcdcd;
            color: #b5aaaa;
            pointer-events: none;
            position: relative;
        }

            ul.size-attr li.disabled[b-ic0ok0uv8f]::after {
                content: "";
                width: 100%;
                height: 1px;
                background: #afafaf;
                position: absolute;
                top: 13px;
                left: 0;
                transform: rotate(337deg);
            }


.add-button[b-ic0ok0uv8f] {
    background-color: #28844e;
    color: #fff;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 20px;
    border-radius: 50%;
    cursor: pointer;
}

    .add-button:hover[b-ic0ok0uv8f] {
        background-color: #1e6a3a;
    }

.add[b-ic0ok0uv8f] {
    margin: 0 10px;
    line-height: 30px;
}


.prd-tumbimages[b-ic0ok0uv8f] {
    margin-top: 17px;
}

    .prd-tumbimages img[b-ic0ok0uv8f] {
        aspect-ratio: 2 / 2;
        object-fit: cover;
        cursor: pointer;
    }

.product-view-tumb .owl-next[b-ic0ok0uv8f] {
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
}

.product-view-tumb .owl-prev[b-ic0ok0uv8f] {
    position: absolute;
    top: calc(50% - 12px);
    left: 0;
}


.prd-list-image[b-ic0ok0uv8f] {
    /* width: -webkit-fill-available !important; */
    aspect-ratio: 2 / 2;
    object-fit: cover;
}

.xzoom-container[b-ic0ok0uv8f] {
    aspect-ratio: 2/ 2;
    /* width: -webkit-fill-available !important; */
}

.clickshow-image img[b-ic0ok0uv8f] {
    max-width: 100%;
    max-height: calc(100vh - 162px);
    margin: 0px auto;
    width: auto;
    object-fit: contain;
}

#place-tumbimage .owl-stage[b-ic0ok0uv8f] {
    width: 100% !important;
}

#place-tumbimage .owl-item[b-ic0ok0uv8f] {
    float: left;
}

#place-tumbimage .owl-nav[b-ic0ok0uv8f] {
    display: none;
}

.text-card-heading[b-ic0ok0uv8f] {
    background-color: #28844e !important;
    color: #fff;
    font-weight: 700;
}

.mivision-visiton-section[b-ic0ok0uv8f] {
    background: #ededed;
    padding: 55px 0px;
}

.product-navs .nav-link .active[b-ic0ok0uv8f] {
    color: #fff !important;
    background-color: #28844e !important;
}

.product-box[b-ic0ok0uv8f] {
    background-color: #e1eee2;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}


/* _content/GP_WebPortal/Areas/Open/Views/Home/shop.cshtml.rz.scp.css */

.filter-left-sec[b-mgyh6bhrci] {
    max-width: 276px;
}


.Order-Summary[b-mgyh6bhrci] {
    position: sticky;
    top: 40px;
}

.shopping-cart .card[b-mgyh6bhrci] {
    margin-bottom: 24px;
}

.search-icons[b-mgyh6bhrci] {
    background-image: url(Images/open/icons/search.webp);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: calc(100% - 7px) 6px;
    padding-right: 45px;
}

.filter-section[b-mgyh6bhrci] {
    position: sticky;
    top: 40px;
}

.filter-left span[b-mgyh6bhrci] {
    font-weight: 600;
    color: #000 !important;
}

.ui-slider-horizontal[b-mgyh6bhrci] {
    height: 7px !important;
}

.ui-slider .ui-slider-handle[b-mgyh6bhrci] {
    width: 15px !important;
    height: 15px !important;
}

.price-range-slider[b-mgyh6bhrci] {
    width: 100%;
    padding: 10px 0;
}
p.price[b-mgyh6bhrci] {
    margin-bottom: 0px;
}
.range-value input[b-mgyh6bhrci] {
    width: 100%;
    background: none;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    border: none;
    margin-bottom: 15px;
}

.range-bar[b-mgyh6bhrci] {
    height: 5px;
    background: #ddd;
    position: relative;
}
img.product-image[b-mgyh6bhrci] {
    width: 175px !important;
    display: flex;
    margin: 0 auto;
    aspect-ratio: 2 / 2;
    margin-bottom: 5px !important;
}
button.add-button[b-mgyh6bhrci] {
    background-color: #28844e;
    color: #fff;
    border: none;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
button.category-badge[b-mgyh6bhrci] {
    background-color: rgba(0, 152, 70, 1);
    color: white;
    font-size: 0.75rem;
    padding: 5px 15px;
    border-radius: 20px;
    border-style: none;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.product-info[b-mgyh6bhrci] {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.product-item[b-mgyh6bhrci] {
    padding-left: 5px;
    padding-right: 5px;
}
.ui-slider .ui-slider-range[b-mgyh6bhrci] {
    background: #28a745;
}

.product-box[b-mgyh6bhrci] {
    background-color: #e1eee2;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}


.product-box:hover .badge[b-mgyh6bhrci] {
    background: #fff !important;
    color: #000 !important;
}
.ui-slider-horizontal .ui-slider-handle[b-mgyh6bhrci] {
    top: -0.4em;
}

.product-image[b-mgyh6bhrci] {
    transition: transform 0.4s ease;
}

.product-box:hover .product-image[b-mgyh6bhrci] {
    transform: scale(1.05);
}

.ui-slider-handle[b-mgyh6bhrci] {
    border: 2px solid #28a745;
    background: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.page-link[b-mgyh6bhrci] {
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
}
/* _content/GP_WebPortal/Areas/Open/Views/Home/Testimonials.cshtml.rz.scp.css */
.gallery-thumb[b-b5igtkl8td] {
    height: 160px;
    object-fit: cover;
    cursor: pointer;
}

.gslide-title[b-b5igtkl8td] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

    .gslide-title .btn[b-b5igtkl8td] {
        font-size: 13px;
        padding: 3px 8px;
    }

    .gslide-title i[b-b5igtkl8td] {
        font-size: 18px;
    }

.gallery-item:hover[b-b5igtkl8td] {
    transform: translateY(-3px);
    transition: .2s;
}

[b-b5igtkl8td] .Testimonialgallery-item {
    position: relative;
    top: -50px;
    bottom: 38px;
    background: #ffffff;
    padding: 54px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    height: 39px;
    box-shadow: inset 0 0 13px rgb(17 109 58);
    /* width: 170px;
    left: 6%;
        
        box-shadow: 10px 20px 30px 40px #ffff;*/
}


[b-b5igtkl8td] .gallery-item a img {
    width: 100% !important;
    height: 250px;
    object-fit: cover;
}
/* _content/GP_WebPortal/Areas/Open/Views/Home/Vision.cshtml.rz.scp.css */

.brand-list-wrapper[b-xuseyvx6ew] {
    overflow-y: auto;
    max-height: calc(100vh - 460px);
    width: 100%;
}

.brand-item[b-xuseyvx6ew] {
    padding: 10px 0;
    gap: 15px;
}

.brand-logo[b-xuseyvx6ew] {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.brand-text[b-xuseyvx6ew] {
    flex: 1;
}

.brand-title[b-xuseyvx6ew] {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.brand-tagline[b-xuseyvx6ew] {
    margin: 4px 0 0;
    color: #6c757d;
    font-style: italic;
    font-size: 15px;
}

.brand-divider[b-xuseyvx6ew] {
    margin: 10px 0;
    border-top: 1px solid #eee;
}

/* _content/GP_WebPortal/Areas/Products/Views/Products/AddShippingAddress.cshtml.rz.scp.css */
.step-num[b-1n4f2dlhlc] {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 2px solid #dfdada;
    left: -44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #28844e;
    color: #fff;
}

.conf_left[b-1n4f2dlhlc] {
    background: transparent linear-gradient(54deg, #97291E 0%, #E77827 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 30px;
    border-radius: 10px 0 0 10px;
}

#confirm_popup .close[b-1n4f2dlhlc],
#failed_popup .close[b-1n4f2dlhlc] {
    position: absolute;
    right: 25px;
    top: -19px;
    background: #053C6D;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    z-index: 999;
    line-height: 0;
    text-align: center;
}

    #confirm_popup .close i[b-1n4f2dlhlc],
    #failed_popup .close i[b-1n4f2dlhlc] {
        font-size: 16px;
        position: relative;
        top: -2px;
    }

.confirm-popup_right[b-1n4f2dlhlc] {
    padding: 31px;
}

.conf_left h4[b-1n4f2dlhlc] {
    font-weight: 800;
}

#confirm_popup .modal-content[b-1n4f2dlhlc] {
    border-radius: 10px;
    border: none;
}

.successpopup_btn a[b-1n4f2dlhlc] {
    border: 1px solid #053C6D;
    color: #053C6D;
    padding: 6px 16px;
    margin-right: 12px;
    border-radius: 4px;
    text-decoration: none;
}

    .successpopup_btn a:last-child[b-1n4f2dlhlc] {
        border-color: #E77827;
        background: #E77827;
        color: #fff;
    }

div#shippingAddress_popup .close[b-1n4f2dlhlc] {
    position: absolute;
    right: -15px;
    top: -18px;
    background: #28844e;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    z-index: 999;
    line-height: 0;
    text-align: center;
}

ul.checkout-ul li[b-1n4f2dlhlc]::before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    left: -31px;
    background: #dfdada;
}

.confirm-popup_right[b-1n4f2dlhlc]  img {
    width: 27px;
}

.confirm-popup_right p[b-1n4f2dlhlc] {
    margin-bottom: 0px;
}

ul.checkout-ul li:last-child[b-1n4f2dlhlc]::before {
    display: none
}

ul.checkout-ul[b-1n4f2dlhlc] {
    margin-left: 10px;
}

    ul.checkout-ul li[b-1n4f2dlhlc] {
        position: relative;
        list-style-type: none;
    }

.address[b-1n4f2dlhlc] {
    cursor: pointer;
}

    .address p[b-1n4f2dlhlc] {
        margin-bottom: 0;
    }

.check-icon[b-1n4f2dlhlc] {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.address h3[b-1n4f2dlhlc] {
    font-size: 18px;
    font-weight:600;
}

.address.selected .check-icon[b-1n4f2dlhlc] {
    display: block;
}
/* _content/GP_WebPortal/Areas/Products/Views/Products/Components/ProductListing/ProductListing.cshtml.rz.scp.css */

.filter-left-sec[b-kkixzlj4lb] {
    max-width: 276px;
}


.Order-Summary[b-kkixzlj4lb] {
    position: sticky;
    top: 40px;
}

.shopping-cart .card[b-kkixzlj4lb] {
    margin-bottom: 24px;
}

.search-icons[b-kkixzlj4lb] {
    background-image: url(assets/images/icons/search.webp);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: calc(100% - 7px) 6px;
    padding-right: 45px;
}

.filter-section[b-kkixzlj4lb] {
    position: sticky;
    top: 40px;
}
button.category-badge[b-kkixzlj4lb] {
    background-color: rgba(0, 152, 70, 1);
    color: white;
    font-size: 12px;
    padding: 5px 21px 5px 12px;
    
    border-style: none;
    position: relative;
    top: 15px !important;
    right: 14px !important;
    border-top-right-radius: 26px !important;
}
.filter-left span[b-kkixzlj4lb] {
    font-weight: 600;
    color: #000 !important;
}

.ui-slider-horizontal[b-kkixzlj4lb] {
    height: 7px !important;
}

.ui-slider .ui-slider-handle[b-kkixzlj4lb] {
    width: 15px !important;
    height: 15px !important;
}

.price-range-slider[b-kkixzlj4lb] {
    width: 100%;
    padding: 10px 0;
}

p.price[b-kkixzlj4lb] {
    margin-bottom: 0px;
}

.range-value input[b-kkixzlj4lb] {
    width: 100%;
    background: none;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    border: none;
    margin-bottom: 15px;
}

.range-bar[b-kkixzlj4lb] {
    height: 5px;
    background: #ddd;
    position: relative;
}

img.product-image[b-kkixzlj4lb] {
    width: 175px !important;
    display: flex;
    margin: 0 auto;
    aspect-ratio: 2 / 2;
    margin-bottom: 5px !important;
}

button.add-button[b-kkixzlj4lb] {
    background-color: #28844e;
    color: #fff;
    border: none;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
[b-kkixzlj4lb].filter-section {
    position: sticky;
    top: 120px;
    z-index: 9;
}

.btn-success[b-kkixzlj4lb] {
    color: #fff;
    background-color: rgba(0, 152, 70, 1) !important;
    border-color: rgba(0, 152, 70, 1) !important;
}
.product-info[b-kkixzlj4lb] {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}



.ui-slider .ui-slider-range[b-kkixzlj4lb] {
    background: #28a745;
}

.product-box[b-kkixzlj4lb] {
    background-color: #e1eee2;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/*.category-badge {
    background-color: rgba(0, 152, 70, 1);
    color: white;
    font-size: 0.75rem;
    padding: 5px 15px;
    border-radius: 20px;
    border-style: none;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}*/

.product-box:hover .badge[b-kkixzlj4lb] {
    background: #fff !important;
    color: #000 !important;
}

.ui-slider-horizontal .ui-slider-handle[b-kkixzlj4lb] {
    top: -0.4em;
}

.product-image[b-kkixzlj4lb] {
    transition: transform 0.4s ease;
}

.product-box:hover .product-image[b-kkixzlj4lb] {
    transform: scale(1.05);
}

.ui-slider-handle[b-kkixzlj4lb] {
    border: 2px solid #28a745;
    background: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.page-link[b-kkixzlj4lb] {
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
}
/* _content/GP_WebPortal/Areas/Products/Views/Products/Product.cshtml.rz.scp.css */
.filter-left[b-hlzqx1ym60] {
    border: 3px solid;
    border-radius: 8px;
}

.filter-ul ul[b-hlzqx1ym60] {
    margin-bottom: 0;
    padding-left: 0;
}

[b-hlzqx1ym60] .product {
    border: 1px #007540 solid;
}

[b-hlzqx1ym60] img.rating {
    width: 14px;
    margin-right: 7px;
    margin-bottom: 17px;
    cursor: pointer;
}

.form-check-input:checked[b-hlzqx1ym60] {
    width: 15px;
    height: 15px;
    border: 2px solid var(--dark-color);
    border-radius: 5px;
    margin-right: 10px;
    position: relative;
    transition: all 0.3s ease;
    border-color: rgba(0, 152, 70, 1) !important;
    background-color: rgba(0, 152, 70, 1) !important;
}

.categorys-list[b-hlzqx1ym60] {
    overflow-y: auto;
    max-height: 200px;
}

.form-check-input:focus[b-hlzqx1ym60] {
    box-shadow: none !important;
}

.form-check-input:checked:checked ~ .checkbox-box[b-hlzqx1ym60] {
    border-color: rgba(0, 152, 70, 1) !important;
    background-color: rgba(0, 152, 70, 1) !important;
}

.filter-ul a[b-hlzqx1ym60] {
    text-decoration: none;
    color: #000;
    margin-bottom: 11px;
    display: block;
}

.filter-ul li[b-hlzqx1ym60] {
    list-style-type: none;
}

[b-hlzqx1ym60] .filter-left .accordion-body {
    max-height: 290px;
    overflow: auto;
}

[b-hlzqx1ym60] .socialsharing {
    position: absolute;
    right: 0;
    width: 47px;
    font-size: 23px;
    height: 100%;
    display: none;
}

    [b-hlzqx1ym60] .socialsharing a {
        text-align: center;
        padding: 10px 0;
        font-size: 16px;
        color: #fff;
        background: #28844e;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        margin-bottom: 19px;
    }

[b-hlzqx1ym60] .product:hover .socialsharing {
    display: block;
}

[b-hlzqx1ym60] aside.socialsharing {
    border: 0px solid #28844e;
}

.product .socialsharing[b-hlzqx1ym60] {
    position: absolute;
    right: 0;
    width: 60px;
    display: block;
    display: none;
}

.product-name[b-hlzqx1ym60] {
    height: 50px;
}

[b-hlzqx1ym60] .prd-list-image {
    width: 100%;
    aspect-ratio: 2 / 2;
    object-fit: cover;
    overflow: hidden;
    transition-duration: 1s;
}

    [b-hlzqx1ym60] .prd-list-image img {
        transition-duration: 1s; 
    }

[b-hlzqx1ym60] .products-img:hover img {
    transform: scale(1.1);
}



.filter-left span[b-hlzqx1ym60] {
    font-weight: 600;
    color: #000 !important;
}

subheading[b-hlzqx1ym60] {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}

.filter-left-sec[b-hlzqx1ym60] {
    max-width: 310px;
}

div#AddressMapping_popup .close[b-hlzqx1ym60] {
    position: absolute;
    right: -15px;
    top: -18px;
    background: #28844e;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    z-index: 999;
    line-height: 0;
    text-align: center;
    border-style: none !important;
}

.address[b-hlzqx1ym60] {
    font-size: 12px;
    line-height: 24px;
}

[b-hlzqx1ym60] .Incloftaxes {
    font-size: 9px;
    display: block;
}

.invoice-popup[b-hlzqx1ym60] {
    width: 900px;
    min-width: 942px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    [b-hlzqx1ym60] .socialsharing {
        width: 22px;
    }

        [b-hlzqx1ym60] .socialsharing a {
            font-size: 11px;
            width: 18px;
            height: 18px;
        }

    .invoice-popup[b-hlzqx1ym60] {
        width: 100% !important;
        min-width: 100% !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
    .Categories[b-hlzqx1ym60] {
        background-color: rgba(0, 152, 70, 1);
        padding: 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border: none;
        color: #fff;
        z-index: 10000;
    }

    .side-filter[b-hlzqx1ym60] {
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        width: 100%;
        background-color: white;
        z-index: 99999;
        transition: left 0.5s ease;
        overflow-y: auto;
        height: 100vh;
    }

        .side-filter.left-0[b-hlzqx1ym60] {
            left: 0;
        }

    .mobile-overlay[b-hlzqx1ym60] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 99998;
    }
}
/* _content/GP_WebPortal/Areas/Products/Views/Products/ProductView.cshtml.rz.scp.css */
.cartqty button[b-jdjf6i9r1c] {
  font-size: 27px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

[b-jdjf6i9r1c] .socialsharing {
  font-size: 23px;
  display: flex;
}

[b-jdjf6i9r1c] .socialsharing a {
  text-align: center;
  padding: 10px 20px;
  font-size: 16px;
  color: #fff;
  background: #28844e;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-bottom: 19px;
  margin: 0 9px;
}

[b-jdjf6i9r1c] aside.socialsharing {
  width: 100%;
  display: flex;
  border: 0px solid #28844e;
  border-radius: 10px;
}

.nav-pills .nav-link.active[b-jdjf6i9r1c],
.nav-pills .show > .nav-link[b-jdjf6i9r1c] {
  color: #fff !important;
  background-color: rgba(0, 152, 70, 1) !important;
}

.nav-pills .nav-link[b-jdjf6i9r1c] {
  background: 0 0;
  border: 0;
  border-radius: 0.25rem;
  color: rgba(0, 152, 70, 1) !important;
}

.prd-tumbimages[b-jdjf6i9r1c]  img {
  aspect-ratio: 2 / 2;
  width: 100%;
  object-fit: cover;
}

.prd-select-image[b-jdjf6i9r1c] {
  aspect-ratio: 2 / 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prd-select-image[b-jdjf6i9r1c]  img {
  max-width: 100%;
  max-height: 100%;
}

ul.size-attr[b-jdjf6i9r1c] {
  padding-left: 0;
  margin-bottom: 0;
}

ul.size-attr li[b-jdjf6i9r1c] {
  display: inline-flex;
  border: 1px solid #eee;
  padding: 2px 11px;
  min-width: 62px;
  text-align: center;
  justify-content: center;
}
ul.size-attr li:hover[b-jdjf6i9r1c],
ul.size-attr li.active[b-jdjf6i9r1c] {
  background: #007540;
  color: #fff;
  cursor: pointer;
}
ul.size-attr li.disabled[b-jdjf6i9r1c] {
  background: #cfcdcd;
  color: #b5aaaa;
  pointer-events: none;
  position: relative;
}
ul.size-attr li.disabled[b-jdjf6i9r1c]::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #afafaf;
  position: absolute;
  top: 13px;
  left: 0;
  transform: rotate(337deg);
}
[b-jdjf6i9r1c] .socialsharing {
  position: absolute;
  right: 0;
  width: 47px;
  font-size: 23px;
  height: 100%;
  display: none;
}
.btn-success[b-jdjf6i9r1c] {
  background: rgba(0, 152, 70, 1) !important;
}
[b-jdjf6i9r1c] .socialsharing a {
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 152, 70, 1) !important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-bottom: 19px;
}

[b-jdjf6i9r1c] .product .socialsharing {
  width: 60px;
  display: none;
  right: 0;
}
[b-jdjf6i9r1c] .product:hover .socialsharing {
  display: block;
}

[b-jdjf6i9r1c] aside.socialsharing {
  border: 0px solid #28844e;
}
[b-jdjf6i9r1c] .sharelink .socialsharing {
  position: relative;
}

[b-jdjf6i9r1c] .prd-tumbimages {
  margin-top: 17px;
}
[b-jdjf6i9r1c] .prd-tumbimages img {
  aspect-ratio: 2 / 2;
  object-fit: cover;
  cursor: pointer;
}
[b-jdjf6i9r1c] .product-view-tumb .owl-next {
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
}
[b-jdjf6i9r1c] .product-view-tumb .owl-prev {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
}

.prd-list-image[b-jdjf6i9r1c] {
  width: -webkit-fill-available !important;
  aspect-ratio: 2 / 2;
  object-fit: cover;
}
[b-jdjf6i9r1c] .xzoom-container {
  aspect-ratio: 2/ 2;
  width: -webkit-fill-available !important;
}
.clickshow-image[b-jdjf6i9r1c]  img {
    max-width: 100%;
    max-height: calc(100vh - 162px);
    margin: 0px auto;
    width: auto;
    object-fit: contain;
}
[b-jdjf6i9r1c] #place-tumbimage .owl-stage {
  width: 100% !important;
}

[b-jdjf6i9r1c] #place-tumbimage .owl-item {
  float: left;
}
[b-jdjf6i9r1c] #place-tumbimage .owl-nav {
  display: none;
}
div#AddressMapping_popup .close[b-jdjf6i9r1c] {
  position: absolute;
  right: -15px;
  top: -18px;
  background: #28844e;
  opacity: 1;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #fff;
  z-index: 999;
  line-height: 0;
  text-align: center;
}
.Incloftaxes[b-jdjf6i9r1c] {
  font-size: 10px !important;
}
[b-jdjf6i9r1c] .product-btnnotify button {
  background: #eb4747;
  border-radius: 6px;
  border: none;
  width: 64px;
  font-size: 10px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  top: 12px;
  position: relative;
}
.play-btn i[b-jdjf6i9r1c] {
  transition: transform 0.2s ease;
}
.play-btn i:hover[b-jdjf6i9r1c] {
  transform: scale(1.15);
}
.product-download-img[b-jdjf6i9r1c] {
 
  object-fit: contain; /* No stretching */
  margin: 0 auto; /* Center image */
  cursor: pointer;
  transition: transform 0.2s ease;
}

.product-download-img:hover[b-jdjf6i9r1c] {
  transform: scale(1.05);
}
.btn-outline-custom[b-jdjf6i9r1c] {
    color: #658b75;
    border: 1px solid #658b75;
    background-color: transparent;
}

.btn-outline-custom:hover[b-jdjf6i9r1c] {
    background-color: #658b75;
    color: #fff;
}
/* _content/GP_WebPortal/Areas/ShoppingCart/Views/ShoppingCart/Cart.cshtml.rz.scp.css */
.qtycart[b-rfro45691c] {
    width: 83px;
    display: flex; 
    margin: 0px auto;
}
.qtycart span[b-rfro45691c] {
    min-width: 50%;
    display: block;
    display: flex;
    align-items: center;
    padding: 0 7px;
    justify-content:center;
}

.qtycart button[b-rfro45691c] {
    background: #28844e;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 2px 0;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
}
.btn-disabled[b-rfro45691c] {
    opacity: 0.5;
    cursor: not-allowed;
}
.btn-success[b-rfro45691c] {
    color: #fff;
    background-color: rgb(0 152 70);
    border-color: rgb(0 152 70) !important;
}
.btn-success:hover[b-rfro45691c] {
    color: #fff;
    background-color: rgb(0 152 70);
    border-color: rgb(0 152 70) !important;
}
a[b-rfro45691c]{
    text-decoration:none !important;
}
.bg-primary[b-rfro45691c] {
    --bs-bg-opacity: 1;
    background-color: rgb(0 152 70) !important;
}
/* _content/GP_WebPortal/Areas/ShoppingCart/Views/ShoppingCart/Checkout.cshtml.rz.scp.css */
.step-num[b-u10dcwjg7f] {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 2px solid #dfdada;
    left: -44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #28844e;
    color: #fff;
}

.conf_left[b-u10dcwjg7f] {
    background: transparent linear-gradient(54deg, #97291E 0%, #E77827 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 30px;
    border-radius: 10px 0 0 10px;
}

#confirm_popup .close[b-u10dcwjg7f],
#failed_popup .close[b-u10dcwjg7f] {
    position: absolute;
    right: 25px;
    top: -19px;
    background: #053C6D;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    z-index: 999;
    line-height: 0;
    text-align: center;
}

#confirm_popup .close i[b-u10dcwjg7f],
#failed_popup .close i[b-u10dcwjg7f] {
    font-size: 16px;
    position: relative;
    top: -2px;
}

.confirm-popup_right[b-u10dcwjg7f] {
    padding: 31px;
}

.conf_left h4[b-u10dcwjg7f] {
    font-weight: 800;
}


#confirm_popup .modal-content[b-u10dcwjg7f] {
    border-radius: 10px;
    border: none;
}

.successpopup_btn a[b-u10dcwjg7f] {
    border: 1px solid #053C6D;
    color: #053C6D;
    padding: 6px 16px;
    margin-right: 12px;
    border-radius: 4px;
    text-decoration: none;
}

.successpopup_btn a:last-child[b-u10dcwjg7f] {
    border-color: #E77827;
    background: #E77827;
    color: #fff;
}


div#shippingAddress_popup .close[b-u10dcwjg7f] {
    position: absolute;
    right: -15px;
    top: -18px;
    background: #28844e;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    z-index: 999;
    line-height: 0;
    text-align: center;
}

ul.checkout-ul li[b-u10dcwjg7f]::before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    left: -31px;
    background: #dfdada;
}

.confirm-popup_right[b-u10dcwjg7f]  img {
    width: 27px;
}

.confirm-popup_right p[b-u10dcwjg7f] {
    margin-bottom: 0px;
}

ul.checkout-ul li:last-child[b-u10dcwjg7f]::before {
    display: none
}

ul.checkout-ul[b-u10dcwjg7f] {
    margin-left: 10px;
}

ul.checkout-ul li[b-u10dcwjg7f] {
    position: relative;
    list-style-type: none;
}

.address[b-u10dcwjg7f] {
    cursor: pointer;
}

.address p[b-u10dcwjg7f] {
    margin-bottom: 0;
}

.check-icon[b-u10dcwjg7f] {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.address h3[b-u10dcwjg7f] {
    font-size: 18px;
}

.address.notselected[b-u10dcwjg7f] {
    pointer-events: none;
    opacity: 0.5;
}

.address.selected .check-icon[b-u10dcwjg7f] {
    display: block;
}

#selfpickupmsg[b-u10dcwjg7f] {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
    font-weight: bold;
    color: red;
    padding-bottom: 8px;
}

#selfpickupmsg_offer[b-u10dcwjg7f] {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
    font-weight: bold;
    color: green;
    padding-bottom: 8px;
}
.btn-success[b-u10dcwjg7f] {
    color: #fff;
    background-color: rgb(0 152 70) !important;
    border-color: rgb(0 152 70) !important;
}

.bg-primary[b-u10dcwjg7f] {
    --bs-bg-opacity: 1;
    background-color: rgb(0 152 70) !important;
}
/* _content/GP_WebPortal/Areas/ShoppingCart/Views/ShoppingCart/PaymentConfirmation.cshtml.rz.scp.css */
header .navbar-nav[b-9swmdympej] {
    background: #28844e;
}

header .header-list > li a[b-9swmdympej] {
    color: #000;
}


.conf_left[b-9swmdympej] {
    background: transparent linear-gradient( 54deg, #97291E 0%, #E77827 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 30px;
    border-radius: 10px 0 0 10px;
}

.confirm-popup_right[b-9swmdympej] {
    padding: 31px 31px 0;
    min-height: 236px;
}

.conf_left h4[b-9swmdympej] {
    font-weight: 800;
}

.modal-content[b-9swmdympej] {
    border-radius: 10px;
}
/* _content/GP_WebPortal/Views/Admin/Components/AdminDirectDownlineDetails/AdminDownlineUserDetails.cshtml.rz.scp.css */
[b-clx8ora9xe] .treeuserbreadcomb a {
    color: #fffdfd;
    font-size: 14px;
    padding-right: 10px;
    border-right: 1px solid;
    margin-right: 6px;
    text-decoration: none;
}

[b-clx8ora9xe] .downline-click-icons {
    min-width: 53px;
}

    [b-clx8ora9xe] .downline-click-icons div {
        min-width: 32px;
    }

[b-clx8ora9xe] .noshorting {
    padding-right: 10px !important;
}

    [b-clx8ora9xe] .noshorting::after, [b-clx8ora9xe] .noshorting::before {
        display: none !important
    }

[b-clx8ora9xe] .treeuserbreadcomb {
    background: green;
    display: inline-block;
    padding: 3px 11px;
    margin: 10px 0;
    border-radius: 6px;
    margin-right: 6px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

    [b-clx8ora9xe] .treeuserbreadcomb:first-child {
        background: #20c997;
    }

        [b-clx8ora9xe] .treeuserbreadcomb:first-child a {
            border-right: none;
            margin-right: 0;
            padding-right: 0px;
        }

[b-clx8ora9xe] .popup-profile-icon {
    border-radius: 100%;
    box-shadow: 0 0 3px;
    width: 100%;
    aspect-ratio: 2 / 2;
    object-fit: contain;
}

[b-clx8ora9xe] .profile-popup-icon {
    width: 30px
}
/* _content/GP_WebPortal/Views/Distributor/AssociatePackSale_Partial.cshtml.rz.scp.css */

/*:root {
    --emerald: #10b981;
    --emerald-dk: #059669;
    --emerald-lt: #d1fae5;
    --slate: #0f172a;
    --slate-mid: #334155;
    --muted: #94a3b8;
    --border: #e2e8f0;
    --surface: #f8fafc;
    --white: #ffffff;
    --danger: #ef4444;
    --blue: #3b82f6;
    --radius: 14px;
    --radius-sm: 8px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: linear-gradient(135deg, #f0fdf4 0%, #f8fafc 60%, #eff6ff 100%);
    min-height: 100vh;
    padding: 28px 16px;
}*/

/* ── Card shell ────────────────────────────────────────────────── */
/*.spo-card {
    background: var(--white);
    border-radius: 20px;
    box-shadow: 0 4px 32px rgba(15,23,42,0.08), 0 1px 4px rgba(15,23,42,0.04);
    overflow: hidden;
    max-width: 860px;
    margin: 0 auto;
}*/

/* ── Header ────────────────────────────────────────────────────── */
/*.spo-header {
    background: linear-gradient(120deg, #064e3b 0%, #065f46 50%, #047857 100%);
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

    .spo-header::before {
        content: '';
        position: absolute;
        inset: 0;
        background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    }

.spo-header-title {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.spo-header-icon {
    width: 42px;
    height: 42px;
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    backdrop-filter: blur(4px);
}

.spo-header-text h5 {
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    letter-spacing: -0.3px;
}

.spo-header-text span {
    font-size: 11px;
    color: rgba(255,255,255,0.65);
    font-weight: 500;
}

.spo-badge {
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
}*/

/* ── Body ──────────────────────────────────────────────────────── */
/*.spo-body {
    padding: 24px 28px;
}*/

/* ── Controls row ──────────────────────────────────────────────── */
/*.spo-controls {
    display: grid;
    grid-template-columns: 1fr 160px auto;
    gap: 14px;
    align-items: end;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: var(--radius);
    padding: 18px 20px;
    margin-bottom: 22px;
}

.spo-field label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: var(--slate-mid);
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

    .spo-field label i {
        margin-right: 4px;
        color: var(--emerald);
    }

.spo-field select,
.spo-field input {
    width: 100%;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--slate);
    background: var(--white);
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    font-family: inherit;
}

    .spo-field select:focus,
    .spo-field input:focus {
        border-color: var(--emerald);
        box-shadow: 0 0 0 3px rgba(16,185,129,0.12);
    }

.spo-get-btn {
    background: linear-gradient(135deg, var(--emerald) 0%, var(--emerald-dk) 100%);
    color: #fff;
    border: none;
    border-radius: var(--radius-sm);
    padding: 9px 22px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: transform .15s, box-shadow .15s;
    font-family: inherit;
    box-shadow: 0 2px 8px rgba(16,185,129,0.35);
}

    .spo-get-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(16,185,129,0.45);
    }

    .spo-get-btn:active {
        transform: translateY(0);
    }*/

/* ── Package Card ──────────────────────────────────────────────── */
/*.pkg-card {
    border: 1.5px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--white);
    animation: fadeUp .3s ease;
}


.pkg-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(90deg, #f0fdf4, #fff);
    border-bottom: 1.5px solid var(--border);
    flex-wrap: wrap;
    gap: 10px;
    cursor: pointer;
}

.pkg-card-left {
    flex: 1;
}

.pkg-card-name {
    font-size: 14px;
    font-weight: 800;
    color: var(--slate);
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .pkg-card-name .pkg-tag {
        background: var(--emerald-lt);
        color: var(--emerald-dk);
        font-size: 10px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 20px;
        text-transform: uppercase;
        letter-spacing: 0.4px;
    }

.pkg-card-meta {
    font-size: 12px;
    color: var(--muted);
}

    .pkg-card-meta b {
        color: var(--slate-mid);
    }

.pkg-card-controls {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pkgbtn {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .12s, opacity .12s;
    font-family: inherit;
}

    .pkgbtn:hover {
        transform: scale(1.08);
    }

    .pkgbtn:active {
        transform: scale(.95);
    }

.pkgbtn-toggle {
    background: var(--blue);
    color: #fff;
    font-size: 13px;
}

.pkgbtn-minus {
    background: #f1f5f9;
    color: var(--slate-mid);
    font-size: 20px;
    border: 1.5px solid var(--border);
}

.pkgbtn-plus {
    background: var(--emerald);
    color: #fff;
    font-size: 20px;
}

.pkgbtn-remove {
    background: #fff1f1;
    color: var(--danger);
    border: 1.5px solid #fecaca;
}

.pkg-qty-num {
    min-width: 28px;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    color: var(--slate);
}*/

/* ── Items list ────────────────────────────────────────────────── */
/*.pkg-items-wrap {
    padding: 0 18px 6px;
}

.pkg-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px dashed var(--border);
    gap: 10px;
    flex-wrap: wrap;
}

    .pkg-item-row:last-child {
        border-bottom: none;
    }

.pkg-item-left {
    flex: 1;
    min-width: 180px;
}

.pkg-item-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--slate);
    margin-bottom: 2px;
}

.pkg-item-code {
    display: inline-block;
    background: #f1f5f9;
    color: var(--muted);
    font-size: 10px;
    font-weight: 600;
    border-radius: 4px;
    padding: 1px 6px;
    margin-left: 4px;
}

.pkg-item-pricing {
    font-size: 11px;
    color: var(--muted);
}

    .pkg-item-pricing b {
        color: var(--slate-mid);
    }

.pkg-item-right {
    text-align: right;
}

.pkg-item-qtyamt {
    font-size: 13px;
    font-weight: 700;
    color: var(--emerald-dk);
}

.pkg-item-qty-label {
    font-size: 10px;
    color: var(--muted);
    font-weight: 500;
    margin-bottom: 1px;
}*/

/* ── Footer ────────────────────────────────────────────────────── */
/*.pkg-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 18px;
    background: linear-gradient(90deg, #f8fafc, #f0fdf4);
    border-top: 1.5px solid var(--border);
}

.pkg-totals {
    display: flex;
    gap: 20px;
    align-items: center;
}

.pkg-total-item {
    text-align: left;
}

    .pkg-total-item .lbl {
        font-size: 10px;
        font-weight: 700;
        color: var(--muted);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 1px;
    }

    .pkg-total-item .val {
        font-size: 16px;
        font-weight: 800;
        color: var(--slate);
    }

        .pkg-total-item .val.accent {
            color: var(--emerald-dk);
        }

.btn-place-order {
    background: linear-gradient(135deg, var(--slate) 0%, var(--slate-mid) 100%);
    color: #fff;
    border: none;
    padding: 9px 24px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: transform .15s, box-shadow .15s;
    font-family: inherit;
    box-shadow: 0 2px 8px rgba(15,23,42,0.2);
}

    .btn-place-order:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(15,23,42,0.3);
    }

    .btn-place-order i {
        font-size: 15px;
    }*/

/* ── Loading / Error ───────────────────────────────────────────── */
/*.pkg-loading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 18px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

.pkg-spinner {
    width: 18px;
    height: 18px;
    border: 2.5px solid var(--border);
    border-top-color: var(--emerald);
    border-radius: 50%;
    animation: spin .7s linear infinite;
    flex-shrink: 0;
}*/


/* ── Total bar (bottom) ────────────────────────────────────────── */
/*.total-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
    background: var(--slate);
    border-radius: var(--radius);
    padding: 16px 22px;
    color: #fff;
}

.total-text {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255,255,255,0.8);
}

    .total-text span {
        font-size: 18px;
        font-weight: 800;
        color: #6ee7b7;
    }

    .total-text strong {
        color: #fff;
        font-size: 18px;
    }

.btn-final-place {
    background: linear-gradient(135deg, var(--emerald) 0%, var(--emerald-dk) 100%);
    color: #fff;
    border: none;
    padding: 10px 28px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 2px 10px rgba(16,185,129,0.4);
    transition: transform .15s;
}

    .btn-final-place:hover {
        transform: translateY(-1px);
    }*/

/* ── Empty state ───────────────────────────────────────────────── */
/*.spo-empty {
    text-align: center;
    padding: 32px 20px;
    color: var(--muted);
}

    .spo-empty i {
        font-size: 36px;
        margin-bottom: 8px;
        display: block;
        color: #cbd5e1;
    }

    .spo-empty p {
        font-size: 13px;
        font-weight: 500;
    }*/

/* _content/GP_WebPortal/Views/Distributor/AssociateSale.cshtml.rz.scp.css */
.order-summary-bar[b-7r1a2phckn] {
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  padding: 5px 0px;
  position: fixed;
  font-family: Arial, sans-serif;
}

.order-summary-bar .summary-label[b-7r1a2phckn] {
  font-weight: 600;
  font-size: 14px;
}

.order-summary-bar .summary-value[b-7r1a2phckn] {
  font-size: 16px;
  font-weight: bold;
}

.order-summary-bar .highlight[b-7r1a2phckn] {
  font-size: 18px;
}

/* MAIN CARD */
.rich-main-card[b-7r1a2phckn] {
  border-radius: 16px;
  border: none;
  background: linear-gradient(180deg, #ffffff, #f9fafb);
}

/* HEADER */
.rich-header[b-7r1a2phckn] {
  background: linear-gradient(90deg, #7b7b7b, #008000) !important;
  color: #fff;
  padding: 0px;
  font-weight: 600;
  border-radius: 16px 16px 0 0 !important;
}

/* LABEL */
.rich-label[b-7r1a2phckn] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  margin-bottom: 4px;
  display: block;
}

/* VALUE */
.rich-value[b-7r1a2phckn] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}

/* ADDRESS */
.address-wide[b-7r1a2phckn] {
  min-height: 48px;
}

.search-title[b-7r1a2phckn] {
  font-weight: 700;
  color: #15803d;
  margin-bottom: 6px;
  display: block;
}
.rich-header[b-7r1a2phckn] {
  background-color: #008000; /* Matching the green in your image */
  color: #ffffff;

  border: none;
}
/* _content/GP_WebPortal/Views/Distributor/AssociateSale_Partial.cshtml.rz.scp.css */
 .discountItems[b-3585e1dmyd] {
        font-size: 18px;
        color: black;
        font-weight: bold;
        padding-bottom: 0px;
    }

    /* Container */
    .order-summary-container[b-3585e1dmyd] {
        max-width: 280px;
    }

    /* Card */
    .order-summary-card[b-3585e1dmyd] {
        background: #ffffff;
        border-radius: 12px;
        padding: 14px 16px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    }

    /* Row */
    .summary-row[b-3585e1dmyd] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 0;
        font-size: 14px;
    }

    /* Label */
    .summary-label[b-3585e1dmyd] {
        color: #6b7280;
        font-weight: 500;
    }

    /* Value */
    .summary-value[b-3585e1dmyd] {
        font-weight: 600;
    }

    /* Highlight Net Amount */
    .highlight-row[b-3585e1dmyd] {
        border-top: 1px dashed #e5e7eb;
        border-bottom: 1px dashed #e5e7eb;
        margin: 6px 0;
        padding: 10px 0;
    }

    .highlight[b-3585e1dmyd] {
        font-size: 16px;
        color: #16a34a;
    }

    /* Button */
    .summary-action[b-3585e1dmyd] {
        margin-top: 12px;
    }
/* _content/GP_WebPortal/Views/Distributor/Components/SCMDashBoard/SCMDashBoard.cshtml.rz.scp.css */
:root[b-9d0vn79ola] {
    --bg: #0b0f1a;
    --surface: #111827;
    --card: #151e2d;
    --border: #1e2d45;
    --g: #00e5a0;
    --b: #3b82f6;
    --a: #f59e0b;
    --r: #ef4444;
    --p: #a855f7;
    --c: #06b6d4;
    --text: #e2e8f0;
    --muted: #64748b;
    --dim: #1e293b;
}

*[b-9d0vn79ola] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-9d0vn79ola] {
    background: var(--bg);
    font-family: 'Inter',sans-serif;
    color: var(--text);
    min-height: 100vh;
    overflow-x: hidden;
}

    body[b-9d0vn79ola]::before {
        content: '';
        position: fixed;
        inset: 0;
        background-image: linear-gradient(rgba(0,229,160,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,160,0.03) 1px,transparent 1px);
        background-size: 40px 40px;
        pointer-events: none;
        z-index: 0;
    }


.nav[b-9d0vn79ola] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(11,15,26,0.94);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
    padding: 0 24px;
    display: flex;
    align-items: center;
    height: 58px;
    gap: 14px;
    background: white;
}

.nav-logo[b-9d0vn79ola] {
    font-family: 'Syne',sans-serif;
    font-size: 17px;
    font-weight: 800;
    color: var(--g);
    display: flex;
    align-items: center;
    gap: 7px;
}

    .nav-logo span[b-9d0vn79ola] {
        color: var(--text);
    }

.nav-pill[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 10px;
    padding: 2px 8px;
    background: rgba(0,229,160,0.1);
    color: var(--g);
    border: 1px solid rgba(0,229,160,0.2);
    border-radius: 20px;
}

.nav-date[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 11px;
    color: var(--muted);
    background: var(--surface);
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid var(--border);
    margin-left: auto;
}

.nav-user[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--muted);
}

.nav-av[b-9d0vn79ola] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg,var(--g),var(--b));
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Syne',sans-serif;
    font-size: 12px;
    font-weight: 800;
    background: white
}


.main[b-9d0vn79ola] {
    position: relative;
    z-index: 1;
    padding: 20px 24px;
    max-width: 1700px;
    margin: 0 auto;
    background: white;
}

.ph[b-9d0vn79ola] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
    animation: fu-b-9d0vn79ola .5s ease both;
}

.ph-title[b-9d0vn79ola] {
    font-family: 'Syne',sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}

    .ph-title small[b-9d0vn79ola] {
        display: block;
        font-family: 'Inter',sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: var(--muted);
        margin-top: 5px;
    }

.ph-right[b-9d0vn79ola] {
    text-align: right;
    font-family: 'DM Mono',monospace;
    font-size: 11px;
    color: var(--muted);
    line-height: 1.8;
}

    .ph-right strong[b-9d0vn79ola] {
        display: block;
        font-family: 'Syne',sans-serif;
        font-size: 15px;
        color: var(--g);
    }

.fbar[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    flex-wrap: wrap;
    animation: fu-b-9d0vn79ola .5s .04s ease both;
}

.fbtn[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 11px;
    padding: 6px 14px;
    background: var(--surface);
    color: var(--muted);
    border: 1px solid var(--border);
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s;
}

    .fbtn:hover[b-9d0vn79ola], .fbtn.active[b-9d0vn79ola] {
        background: rgba(0,229,160,0.1);
        color: var(--g);
        border-color: rgba(0,229,160,0.3);
    }

.date-input[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 11px;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 5px 10px;
    outline: none;
    color-scheme: dark;
    transition: border-color .2s;
}

    .date-input:focus[b-9d0vn79ola] {
        border-color: var(--g);
    }

.apply-btn[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 11px;
    padding: 6px 14px;
    background: var(--g);
    color: #000;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
    transition: opacity .2s;
}

    .apply-btn:hover[b-9d0vn79ola] {
        opacity: .85;
    }

#filterLabel[b-9d0vn79ola] {
    margin-left: auto;
    font-family: 'DM Mono',monospace;
    font-size: 11px;
    color: var(--muted);
    background: var(--surface);
    padding: 4px 12px;
    border-radius: 6px;
    border: 1px solid var(--border);
}


.alerts[b-9d0vn79ola] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
    animation: fu-b-9d0vn79ola .5s .08s ease both;
}

.chip[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid;
    cursor: pointer;
}

    .chip.w[b-9d0vn79ola] {
        background: rgba(245,158,11,.07);
        border-color: rgba(245,158,11,.25);
        color: var(--a);
    }

    .chip.d[b-9d0vn79ola] {
        background: rgba(239,68,68,.07);
        border-color: rgba(239,68,68,.25);
        color: var(--r);
    }

    .chip.i[b-9d0vn79ola] {
        background: rgba(59,130,246,.07);
        border-color: rgba(59,130,246,.25);
        color: var(--b);
    }

.cdot[b-9d0vn79ola] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    animation: pulse-b-9d0vn79ola 1.5s infinite;
}


.sl[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--muted);
    margin: 24px 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sl[b-9d0vn79ola]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
}

.cg4[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px;
}

.cg3[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
}

.cg2[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
}

@media(max-width:1200px) {
    .cg4[b-9d0vn79ola] {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:800px) {
    .cg4[b-9d0vn79ola], .cg3[b-9d0vn79ola], .cg2[b-9d0vn79ola] {
        grid-template-columns: 1fr;
    }
}


.sc[b-9d0vn79ola] {
    background: #59c37a;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 18px;
    position: relative;
    overflow: hidden;
    transition: transform .2s,box-shadow .2s;
}

.sc:hover[b-9d0vn79ola] {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0,0,0,.3);
}

.sc[b-9d0vn79ola]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--ca,var(--g));
    border-radius: 12px 12px 0 0;
}

.sc .glow[b-9d0vn79ola] {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--ca,var(--g));
    opacity: .05;
    filter: blur(25px);
    pointer-events: none;
}

.ch[b-9d0vn79ola] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 14px;
}

.ci[b-9d0vn79ola] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
}

.cl[b-9d0vn79ola] {
    font-size: 10px;
    font-weight: 500;
    color: white;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: 'DM Mono',monospace;
}

.cb[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid;
    font-weight: 500;
}



    .cv .cur[b-9d0vn79ola] {
        font-size: 15px;
        color: var(--muted);
        font-weight: 600;
    }

.csub[b-9d0vn79ola] {
    font-size: 11px;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 5px;
    text-transform:uppercase;
}

.ctag[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 10px;
    padding: 1px 5px;
    background: var(--dim);
    border-radius: 3px;
    color: var(--muted);
}

.cm[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
}

.ml[b-9d0vn79ola] {
    font-size: 10px;
    color: var(--muted);
    font-family: 'DM Mono',monospace;
}

.mv[b-9d0vn79ola] {
    font-size: 13px;
    font-weight: 700;
    font-family: 'Syne',sans-serif;
    transition: opacity .25s;
}

.cg[b-9d0vn79ola] {
    --ca: #00e5a0;
}

.cb2[b-9d0vn79ola] {
    --ca: #3b82f6;
}

.ca[b-9d0vn79ola] {
    --ca: #f59e0b;
}

.cr[b-9d0vn79ola] {
    --ca: #ef4444;
}

.cp[b-9d0vn79ola] {
    --ca: #a855f7;
}

.cc[b-9d0vn79ola] {
    --ca: #06b6d4;
}

.g[b-9d0vn79ola] {
    color: #00e5a0;
}

.b[b-9d0vn79ola] {
    color: #3b82f6;
}

.am[b-9d0vn79ola] {
    color: #f59e0b;
}

.re[b-9d0vn79ola] {
    color: #ef4444;
}

.pu[b-9d0vn79ola] {
    color: #a855f7;
}

.cy[b-9d0vn79ola] {
    color: #06b6d4;
}

.fading[b-9d0vn79ola] {
    opacity: .2;
}


.gc[b-9d0vn79ola] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.gc-head[b-9d0vn79ola] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gc-title[b-9d0vn79ola] {
    font-family: 'Syne',sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gc-sub[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 10px;
    color: var(--muted);
}

.gc-body[b-9d0vn79ola] {
    padding: 16px 18px;
}

.chart-wrap[b-9d0vn79ola] {
    position: relative;
}


.wc[b-9d0vn79ola] {
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 12px;
    padding: 20px;
    color: #ffffff;
}

.wc[b-9d0vn79ola]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,var(--p),var(--b));
    border-radius: 12px 12px 0 0;
}

.wb[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-bottom: 25px;
}

.wi[b-9d0vn79ola] {
    display: flex;
    flex-direction: column;
}

.wb.col-4[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-bottom: 25px;
}
.wi-padding-left[b-9d0vn79ola] {
    padding-left: 15px;
}
.wi-padding[b-9d0vn79ola] {
    padding: 0 15px;
}

.wi-border[b-9d0vn79ola] {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}
    .wi:last-child[b-9d0vn79ola] {
        border-right: none;
    }

    .wi:hover[b-9d0vn79ola] {
        background: rgba(255,255,255,.02);
        border-radius: 8px;
    }

.wn[b-9d0vn79ola] {
    font-size: 11px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wa[b-9d0vn79ola] {
    font-size: 22px; 
    font-weight: 700;
    margin: 8px 0;
    font-family: 'Syne', sans-serif;
}



    .wf span[b-9d0vn79ola] {
        display: flex;
        align-items: center;
        gap: 4px;
    }


.pg[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}

@media(max-width:1200px) {
    .pg[b-9d0vn79ola] {
        grid-template-columns: repeat(4,1fr);
    }
}

@media(max-width:800px) {
    .pg[b-9d0vn79ola] {
        grid-template-columns: repeat(2,1fr);
    }
}

.pc[b-9d0vn79ola] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: all .2s;
    cursor: pointer;
}

    .pc:hover[b-9d0vn79ola] {
        border-color: var(--ca,var(--a));
        box-shadow: 0 0 16px rgba(0,0,0,.2);
    }

.pn[b-9d0vn79ola] {
    font-family: 'Syne',sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
    color: var(--ca,var(--a));
    transition: opacity .25s;
}

.pl2[b-9d0vn79ola] {
    font-size: 11px;
    color: var(--muted);
    font-weight: 500;
}

.pa[b-9d0vn79ola] {
    margin-top: auto;
    font-family: 'DM Mono',monospace;
    font-size: 10px;
    color: var(--muted);
    text-decoration: none;
}

    .pa:hover[b-9d0vn79ola] {
        color: var(--text);
    }

.af[b-9d0vn79ola] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.af-h[b-9d0vn79ola] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.af-t[b-9d0vn79ola] {
    font-family: 'Syne',sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 7px;
}

.ldot[b-9d0vn79ola] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--g);
    animation: pulse-b-9d0vn79ola 1.5s infinite;
}

.fi[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid rgba(30,45,69,.5);
    transition: background .2s;
    font-size: 12px;
}

    .fi:last-child[b-9d0vn79ola] {
        border-bottom: none;
    }

    .fi:hover[b-9d0vn79ola] {
        background: rgba(255,255,255,.02);
    }

.ft[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid;
    font-weight: 500;
    white-space: nowrap;
}

    .ft.sale[b-9d0vn79ola] {
        color: var(--g);
        border-color: rgba(0,229,160,.3);
        background: rgba(0,229,160,.07);
    }

    .ft.purchase[b-9d0vn79ola] {
        color: var(--b);
        border-color: rgba(59,130,246,.3);
        background: rgba(59,130,246,.07);
    }

.fr[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 11px;
    color: var(--muted);
    flex: 1;
}

.fa[b-9d0vn79ola] {
    font-family: 'Syne',sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.fs[b-9d0vn79ola] {
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 4px;
}

    .fs.pending[b-9d0vn79ola] {
        background: rgba(245,158,11,.1);
        color: var(--a);
    }

    .fs.confirmed[b-9d0vn79ola] {
        background: rgba(0,229,160,.1);
        color: var(--g);
    }

    .fs.dispatched[b-9d0vn79ola] {
        background: rgba(59,130,246,.1);
        color: var(--b);
    }


.sw[b-9d0vn79ola] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.sw-h[b-9d0vn79ola] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sw-t[b-9d0vn79ola] {
    font-family: 'Syne',sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.sr[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-bottom: 1px solid rgba(30,45,69,.4);
    font-size: 12px;
    transition: background .2s;
}

    .sr:last-child[b-9d0vn79ola] {
        border-bottom: none;
    }

    .sr:hover[b-9d0vn79ola] {
        background: rgba(255,255,255,.02);
    }

.ss[b-9d0vn79ola] {
    font-family: 'DM Mono',monospace;
    font-size: 10px;
    color: var(--muted);
    width: 80px;
}

.sbw[b-9d0vn79ola] {
    width: 60px;
    height: 4px;
    background: var(--dim);
    border-radius: 2px;
    overflow: hidden;
}

.sbf[b-9d0vn79ola] {
    height: 100%;
    border-radius: 2px;
    transition: width 1.2s ease;
}

    .sbf.hi[b-9d0vn79ola] {
        background: var(--g);
    }

    .sbf.md[b-9d0vn79ola] {
        background: var(--a);
    }

    .sbf.lo[b-9d0vn79ola] {
        background: var(--r);
    }

.sqt[b-9d0vn79ola] {
    font-family: 'Syne',sans-serif;
    font-size: 13px;
    font-weight: 700;
    width: 38px;
    text-align: right;
}

BOTTOM GRID
.bg2[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 12px;
}

@media(max-width:900px) {
    .bg2[b-9d0vn79ola] {
        grid-template-columns: 1fr;
    }
}

@keyframes fu-b-9d0vn79ola {
    from

{
    opacity: 0;
    transform: translateY(14px);
}

to {
    opacity: 1;
    transform: translateY(0);
}

}

@keyframes pulse-b-9d0vn79ola {
    0%,100% {
        opacity: 1;
    }

    50% {
        opacity: .35;
    }
}

.an[b-9d0vn79ola] {
    animation: fu-b-9d0vn79ola .5s ease both;
}

.d1[b-9d0vn79ola] {
    animation-delay: .06s;
}

.d2[b-9d0vn79ola] {
    animation-delay: .12s;
}

.d3[b-9d0vn79ola] {
    animation-delay: .18s;
}

.d4[b-9d0vn79ola] {
    animation-delay: .24s;
}

.d5[b-9d0vn79ola] {
    animation-delay: .30s;
}

.d6[b-9d0vn79ola] {
    animation-delay: .36s;
}


.shimmer[b-9d0vn79ola] {
    background: linear-gradient(90deg,var(--card) 25%,var(--dim) 50%,var(--card) 75%);
    background-size: 200% 100%;
    animation: sh-b-9d0vn79ola 1.2s infinite;
    border-radius: 4px;
}

@keyframes sh-b-9d0vn79ola {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

[b-9d0vn79ola]::-webkit-scrollbar {
    width: 5px;
}

[b-9d0vn79ola]::-webkit-scrollbar-track {
    background: var(--bg);
}

[b-9d0vn79ola]::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 3px;
}

.wc[b-9d0vn79ola] {
    background: #59c37a;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 20px;
}

.wi.info-card[b-9d0vn79ola] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    transition: transform 0.2s ease;
}

    .wi.info-card:hover[b-9d0vn79ola] {
        transform: scale(1.02);
        background: rgba(255, 255, 255, 0.05);
    }


.sbf.hi[b-9d0vn79ola] { background: var(--g); box-shadow: 0 0 8px rgba(0,229,160,0.3); } 
.sbf.md[b-9d0vn79ola] { background: var(--a); } 
.sbf.lo[b-9d0vn79ola] { background: var(--r); animation: pulse-opacity-b-9d0vn79ola 2s infinite; }

@keyframes pulse-opacity-b-9d0vn79ola {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}




.wb[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.cg4[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}


.border-r[b-9d0vn79ola] {
    border-right: 1px solid rgba(255,255,255,0.05);
}

.px-10[b-9d0vn79ola] {
    padding: 0 10px;
}

.pl-10[b-9d0vn79ola] {
    padding-left: 10px;
}

.hr-sep[b-9d0vn79ola] {
    height: 1px;
    background: rgba(255,255,255,0.05);
    margin-bottom: 15px;
}


.wc-header[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.wc-title-group[b-9d0vn79ola] {
    font-family: 'Syne', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.wc-summary[b-9d0vn79ola] {
    font-family: 'DM Mono', monospace;
    font-size: 12px;
    color: #2a2727;
}

.wf[b-9d0vn79ola] {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.wf-item[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.wf-label[b-9d0vn79ola] {
    color: #0d151f;
}

.cm[b-9d0vn79ola] {
    display: flex;
    justify-content: space-between;
}

.txt-pu[b-9d0vn79ola] {
    color: #a855f7;
}

.txt-cy[b-9d0vn79ola] {
    color: #06b6d4;
}
/* Cyan - MRP Wallet */
.txt-g[b-9d0vn79ola] {
    color: #00e5a0;
}
/* Green - Discount/Credit */
.txt-re[b-9d0vn79ola] {
    color: #ef4444;
}
/* Red - Debit/Expiring */
.txt-am[b-9d0vn79ola] {
    color: #f59e0b;
}
/* Amber - Pending */

/* Label Styles */
.wn[b-9d0vn79ola] {
    font-size: 11px;
    color: #2c2728;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wd[b-9d0vn79ola] {
    font-size: 11px;
    color: #475569;
}

.lbl-muted[b-9d0vn79ola] {
    color: #94a3b8;
}

.wc-today-stats[b-9d0vn79ola] {
    font-family: 'DM Mono', monospace;
    font-size: 12px;
    color: #94a3b8;
}
.wc-title-container[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .wc-today-stats .sep[b-9d0vn79ola] {
        margin: 0 10px;
        opacity: 0.3;
    }

.wc[b-9d0vn79ola], .sc[b-9d0vn79ola] {
    background: #59c37a;
    border: 1px solid #1e293b;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}


.glow-p[b-9d0vn79ola] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #a855f7;
}

.glow-re[b-9d0vn79ola] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ef4444;
}

.glow-g[b-9d0vn79ola] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #10b981;
}

.glow-b[b-9d0vn79ola] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #3b82f6;
}


.cb[b-9d0vn79ola] {
    display: inline-block;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 600;
    color:white;
}

.badge-p[b-9d0vn79ola] {
    color: #a855f7;
    border: 1px solid rgba(168,85,247,.3);
    background: rgba(168,85,247,.08);
}

.badge-re[b-9d0vn79ola] {
    color: #ef4444;
    border: 1px solid rgba(239,68,68,.3);
    background: rgba(239,68,68,.08);
}

.badge-g[b-9d0vn79ola] {
    color: #10b981;
    border: 1px solid rgba(16,185,129,.3);
    background: rgba(16,185,129,.08);
}

.badge-b[b-9d0vn79ola] {
    color: #3b82f6;
    border: 1px solid rgba(59,130,246,.3);
    background: rgba(59,130,246,.08);
}



.csub[b-9d0vn79ola] {
    font-size: 14px;
    color: #4b5563;
    margin-bottom: 15px;
}

.ml[b-9d0vn79ola] {
    font-size: 10px;
    color: #4b5563;
    text-transform: uppercase;
}

.mv[b-9d0vn79ola] {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.txt-primary[b-9d0vn79ola] {
    color: #644680;
}
/* Purple */
.txt-info[b-9d0vn79ola] {
    color: #644680;
}
/* Cyan */
.txt-success[b-9d0vn79ola] {
    color: #644680;
}
/* Neon Green */
.txt-credit[b-9d0vn79ola] {
    color: #00e5a0;
}
/* Neon Green */
.txt-debit[b-9d0vn79ola] {
    color: #ef4444;
}
/* Red */

.wf-value-pending[b-9d0vn79ola] {
    color: #f59e0b;
}
/* Amber */
.wf-value-in[b-9d0vn79ola] {
    color: #00e5a0;
}
/* Green */
.wf-value-out[b-9d0vn79ola] {
    color: #ef4444;
}



.pg-container[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}


.pc[b-9d0vn79ola] {
    background: #4ba35b; 
    border: 1px solid #1f2937;
    border-radius: 12px;
    padding: 20px;
    position: relative;
}

.pn[b-9d0vn79ola] {
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 12px;
    font-family: 'Syne', sans-serif; 
}

/* Labels */
.pl2[b-9d0vn79ola] {
    font-size: 13px;
    color: #11233d;
    margin-bottom: 6px;
    font-weight: 500;
}

/* Action Link */
.pa[b-9d0vn79ola] {
    font-size: 11px;
    color: #841097;
    text-decoration: none;
    text-transform: capitalize;
}

    .pa:hover[b-9d0vn79ola] {
        color: #fff;
    }

.txt-am[b-9d0vn79ola] {
    color: #f59e0b;
}
/* Amber - Stock IN / PO */
.txt-b[b-9d0vn79ola] {
    color: #3b82f6;
}
/* Blue - Stock OUT */
.txt-p[b-9d0vn79ola] {
    color: #a855f7;
}
/* Purple - E-Invoice */
.txt-re[b-9d0vn79ola] {
    color: #ef4444;
}
/* Red - E-Way / Low Stock */
.txt-g[b-9d0vn79ola] {
    color: #10b981;
}
/* Green - Ready to Pack */
.txt-cy[b-9d0vn79ola] {
    color: #06b6d4;
}
/* Cyan - Credit Request */

/* Top Border Accents */
.border-am[b-9d0vn79ola] {
    border-top: 3px solid #f59e0b;
}

.border-b[b-9d0vn79ola] {
    border-top: 3px solid #3b82f6;
}

.border-p[b-9d0vn79ola] {
    border-top: 3px solid #a855f7;
}

.border-re[b-9d0vn79ola] {
    border-top: 3px solid #ef4444;
}

.border-g[b-9d0vn79ola] {
    border-top: 3px solid #10b981;
}

.border-cy[b-9d0vn79ola] {
    border-top: 3px solid #06b6d4;
}

/* Container styling */
.sw[b-9d0vn79ola] {
    background: #81c368;
    border: 1px solid #1e293b;
    border-radius: 12px;
    padding: 20px;
}

.sw-h[b-9d0vn79ola] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.sw-t[b-9d0vn79ola] {
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
}

.live-status-tag[b-9d0vn79ola] {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    color: #64748b;
}

/* Row Layout */
.sr[b-9d0vn79ola] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 16px;
}

.ss[b-9d0vn79ola] {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    color: #475569;
    width: 85px;
}

.product-name[b-9d0vn79ola] {
    flex: 1;
    font-size: 12px;
    color: #cbd5e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Progress Bar Components */
.sbw[b-9d0vn79ola] {
    width: 80px;
    height: 4px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    overflow: hidden;
}

.sbf[b-9d0vn79ola] {
    height: 100%;
    border-radius: 10px;
    transition: width 0.4s ease;
}

    /* Status Colors */
    .sbf.hi[b-9d0vn79ola] {
        background: #00e5a0;
        box-shadow: 0 0 8px rgba(0, 229, 160, 0.3);
    }
    /* Green */
    .sbf.md[b-9d0vn79ola] {
        background: #f59e0b;
    }
    /* Amber */
    .sbf.lo[b-9d0vn79ola] {
        background: #ef4444;
        box-shadow: 0 0 8px rgba(239, 68, 68, 0.3);
    }
/* Red */

.sqt[b-9d0vn79ola] {
    font-family: 'Syne', sans-serif;
    font-weight: 800;
    font-size: 13px;
    width: 45px;
    text-align: right;
}

/* Global Text Colors */
.txt-g[b-9d0vn79ola] {
    color: #00e5a0;
}

.txt-am[b-9d0vn79ola] {
    color: #f59e0b;
}

.txt-re[b-9d0vn79ola] {
    color: #ef4444;
}

.sl.an.d2[b-9d0vn79ola] {
    font-family: 'Syne', sans-serif;
    font-weight: 800;
    color: #e3d9d9;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.dark-dashboard[b-9d0vn79ola] {
    background: #59c37a !important;
    border: 1px solid #1e293b;
    border-radius: 12px;
    padding: 30px; 
    color: #ffffff;
}


.wb-grid-4[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Spacing Utilities */
.mb-30[b-9d0vn79ola] {
    margin-bottom: 30px;
}

.mt-30[b-9d0vn79ola] {
    margin-top: 30px;
}

.pr-20[b-9d0vn79ola] {
    padding-right: 25px;
}

.px-20[b-9d0vn79ola] {
    padding: 0 25px;
}

.pl-20[b-9d0vn79ola] {
    padding-left: 25px;
}


.wi-border[b-9d0vn79ola] {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.wn[b-9d0vn79ola] {
    font-size: 11px;
    color: #64748b;
    letter-spacing: 1.2px;
    font-weight: 700;
    margin-bottom: 8px;
}

.wa[b-9d0vn79ola] {
    font-size: 32px; 
    font-weight: 800;
    font-family: 'Syne', sans-serif;
    line-height: 1;
    margin-bottom: 5px;
}

.wd[b-9d0vn79ola] {
    font-size: 11px;
    color: #475569;
}

/* Color Palette */
.txt-p[b-9d0vn79ola] {
    color: #a855f7;
}
/* Purple */
.txt-cy[b-9d0vn79ola] {
    color: #06b6d4;
}
/* Cyan */
.txt-g[b-9d0vn79ola] {
    color: #10b981;
}
/* Green */
.txt-re[b-9d0vn79ola] {
    color: #ef4444;
}
/* Red */
.txt-am[b-9d0vn79ola] {
    color: #f59e0b;
}
/* Amber */

/* Footer Flex */
.wf[b-9d0vn79ola] {
    display: flex;
    gap: 40px; 
    font-family: 'DM Mono', monospace;
    font-size: 12px;
}
.cg2-grid[b-9d0vn79ola] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 25px;
}

.gc[b-9d0vn79ola] {
    background: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 12px;
    padding: 20px;
}

.gc-head[b-9d0vn79ola] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.gc-title[b-9d0vn79ola] {
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #f8fafc;
}

.gc-sub[b-9d0vn79ola] {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    color: #64748b;
    text-transform: uppercase;
}

.chart-container[b-9d0vn79ola] {
    position: relative;
    height: 200px;
    width: 100%;
}
.chart-container[b-9d0vn79ola] {
    position: relative;
    height: 250px; /* Force a height */
    width: 100%;
}

/* Add this to your <style> block */
.gc[b-9d0vn79ola] {
    background: #111827 !important; /* Ensure dark background for charts */
    border: 1px solid #1e2d45;
}

.chart-container[b-9d0vn79ola] {
    position: relative;
    height: 220px !important; /* Force the height */
    width: 100% !important;
    display: block !important;
}

/* Ensure the main container doesn't hide overflow */
.main[b-9d0vn79ola] {
    background: #253d2e; /* Matching your :root --bg */
    color: white;
}
/* _content/GP_WebPortal/Views/Distributor/Components/ShopNow/SlabWiseAmountGrid.cshtml.rz.scp.css */
/*SLAB Types Display*/

body[b-se371r4hgk] {
    background: #f8faff;
    font-family: "Poppins", sans-serif;
}

.card.wave-card[b-se371r4hgk] {
    position: relative;
    width: 100%; 
    padding: 30px 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff, #e8f7ff);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
}

.card-content[b-se371r4hgk] {
    position: relative;
    z-index: 2;
}

.icon[b-se371r4hgk] {
    font-size: 40px;
    color: #ff4757;
    margin-bottom: 10px;
}

.amount[b-se371r4hgk] {
    font-weight: 600;
    color: #222;
}

.offer[b-se371r4hgk] {
    color: #009688;
    font-weight: 500;
}

.highlight[b-se371r4hgk] {
    color: #e74c3c;
    margin-top: 15px;
    font-size: 15px;
}

.btn[b-se371r4hgk] {
    background: #ffb3b3;
    border: none;
    border-radius: 8px;
    padding: 8px 18px;
    margin-top: 15px;
    color: #c0392b;
    font-weight: 600;
    cursor: pointer; 
}

    .btn:hover[b-se371r4hgk] {
        background: #ff9999;
    }

/* 🌊 Animated wave background */
.wave[b-se371r4hgk] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 100px;
    background: rgba(0, 150, 255, 0.2);
    border-radius: 100%;
    animation: waveMove-b-se371r4hgk 6s infinite linear;
    transform: translateX(-50%);
}

    .wave:nth-child(2)[b-se371r4hgk] {
        background: rgba(0, 150, 255, 0.1);
        animation-duration: 10s;
    }

@keyframes waveMove-b-se371r4hgk {
    0% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-55%) translateY(10px);
    }

    100% {
        transform: translateX(-50%) translateY(0);
    }
}
/* _content/GP_WebPortal/Views/Distributor/DashBoard.cshtml.rz.scp.css */


.info-card[b-hcn5i2iaf0],
.kyc-card[b-hcn5i2iaf0] {
    position: relative;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 20px;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: .3s;
    overflow: hidden;
}

    .info-card:hover[b-hcn5i2iaf0],
    .kyc-card:hover[b-hcn5i2iaf0] {
        transform: translateY(-6px);
        box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
    }

/* ----------- Internal Animated Background ----------- */
.card-bg-anim[b-hcn5i2iaf0] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    z-index: 0;
    border-radius: 20px;
}

.card-shape[b-hcn5i2iaf0] {
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    filter: blur(38px);
    opacity: 0.45;
    animation: floatInside 6s ease-in-out infinite alternate;
}

    .card-shape.a[b-hcn5i2iaf0] {
        top: -25px;
        left: -25px;
    }

    .card-shape.b[b-hcn5i2iaf0] {
        bottom: -25px;
        right: -25px;
        animation-delay: 1.3s;
    }


/* Content above animations */
.card-content[b-hcn5i2iaf0] {
    position: relative;
    z-index: 2;
}

/* Icons */
.lordicon-box[b-hcn5i2iaf0] {
    width: 60px;
    height: 60px;
    margin: auto;
}

/* Status Badge */
.status-pill[b-hcn5i2iaf0] {
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 12px;
    display: inline-block;
}

.status-approved[b-hcn5i2iaf0] {
    background: #d8f8d6;
    color: #2c7d38;
}

.status-pending[b-hcn5i2iaf0] {
    background: #ffe8c4;
    color: #c46d00;
}

.status-rejected[b-hcn5i2iaf0] {
    background: #f8d7da;
    color: #dc3545;
}


.payment-card[b-hcn5i2iaf0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1.5px solid #ff4d4d; /* Red border from image */
    border-radius: 8px;
    padding: 0px 7px;
    background-color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.text-container h3[b-hcn5i2iaf0] {
    margin: 0 0 2px 0;
    color: #1a1a1a;
    font-size: 15px;
}

.text-container p[b-hcn5i2iaf0] {
    margin: 0;
    color: #555;
    font-size: 15px;
}

.pay-btn[b-hcn5i2iaf0] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #ff4d4d;
    color: white;
    border: none;
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
    white-space: nowrap;
}

    .pay-btn:hover[b-hcn5i2iaf0] {
        background-color: #e63939;
    }


.wallet-card_pay[b-hcn5i2iaf0] {
    position: relative;
    background: white;
    border-radius: 16px;
    padding: 8px;
    display: flex;
    align-items: center;
    /* Soft shadow for depth */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    border: 1px solid #f1f2f6;
    overflow: hidden;
    transition: transform 0.2s ease;
}



    /* Red accent bar on the left */
    .wallet-card_pay [b-hcn5i2iaf0]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: var(--primary);
    }

    .wallet-card_pay .card-content[b-hcn5i2iaf0] {
        display: flex;
        align-items: center;
        justify-content: space-between; /* Pushes button to far right */
        gap: 1.5rem; /* Consistent spacing between elements */
        width: 100%;
        z-index: 1;
        position: relative; /* Ensures z-index works correctly */
    }

.icon-badge svg[b-hcn5i2iaf0] {
    width: 28px;
    height: 28px;
}

.info[b-hcn5i2iaf0] {
    flex-grow: 1;
}

    .info h3[b-hcn5i2iaf0] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--text-dark);
    }

    .info p[b-hcn5i2iaf0] {
        margin: 4px 0 0 0;
        font-size: 0.9rem;
        color: var(--text-muted);
    }

/* Button Styling */
.btn-pay[b-hcn5i2iaf0] {
    background: #01984a;
    color: white;
    border: none;
    padding: 8px 8px 8px 18px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.notification-body[b-hcn5i2iaf0] {
    max-height: 260px;
    overflow-y: auto;
}

.notification-item[b-hcn5i2iaf0] {
    padding: 8px 6px;
    border-bottom: 1px dashed #ddd;
}

    .notification-item:last-child[b-hcn5i2iaf0] {
        border-bottom: none;
    }

    .notification-item p[b-hcn5i2iaf0] {
        font-size: 14px;
    }

@media screen and (min-width: 320px) and (max-width: 767px) {
    .action[b-hcn5i2iaf0] {
        width: 223px;
    }
}



/* _content/GP_WebPortal/Views/Distributor/Login.cshtml.rz.scp.css */


[b-juxyfg3jwc].owl-dots {
    display: none;
}


[b-juxyfg3jwc] .owl-prev svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}
[b-juxyfg3jwc] .owl-next svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}
/* _content/GP_WebPortal/Views/Distributor/MyDocuments.cshtml.rz.scp.css */
.header-card[b-h40qfwjch0] {
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 24px;
  margin-bottom: 24px;
}

.header-card h1[b-h40qfwjch0] {
  font-size: 30px;
  font-weight: bold;
  color: #111827;
  margin-bottom: 8px;
}
.header-card p[b-h40qfwjch0] {
  color: #6b7280;
  margin-bottom: 24px;
}
.progress-container[b-h40qfwjch0] {
  margin-top: 24px;
}
.progress-info[b-h40qfwjch0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.progress-info span[b-h40qfwjch0] {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.progress-info .percentage[b-h40qfwjch0] {
  font-size: 14px;
  color: #6b7280;
}
.progress-bar[b-h40qfwjch0] {
  width: 100%;
  background-color: #e5e7eb;
  border-radius: 9999px;
  height: 8px;
  overflow: hidden;
}
.progress-fill[b-h40qfwjch0] {
  background-color: #2563eb;
  height: 100%;
  transition: width 0.3s ease;
}

.document-card[b-h40qfwjch0] {
  background: white;
  height:100%;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  padding: 24px;
  transition: box-shadow 0.2s ease;
}
.card-header[b-h40qfwjch0] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  background-color: transparent;
  padding: 0px;
}
.card-title-section[b-h40qfwjch0] {
  display: flex;
  align-items: center;
}
.icon-container[b-h40qfwjch0] {
  padding: 5px 10px;
  background-color: #dbeafe;
  border-radius: 8px;
  margin-bottom:10px;
  margin-right: 12px;
}
.card-title h3[b-h40qfwjch0] {
  font-weight: 600;
  color: #111827;
  margin-bottom: 2px;
  font-size: 21px;
}
.card-title p[b-h40qfwjch0] {
  font-size: 14px;
  color: #6b7280;
}
.badge-required[b-h40qfwjch0] {
  background-color: #fee2e2;
  color: #991b1b;
}
.upload-area[b-h40qfwjch0] {
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  padding: 7px;
  text-align: center;
  transition: border-color 0.2s ease;
}
.status-row[b-h40qfwjch0] {
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.upload-content[b-h40qfwjch0] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.file-input[b-h40qfwjch0] {
  display: none;
}
.upload-btn[b-h40qfwjch0] {
  background-color: #c7d0e4;
  color: white;
}
.upload-btn[b-h40qfwjch0],
.replace-btn[b-h40qfwjch0] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
    padding: 5px 7px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.badge-required[b-h40qfwjch0] {
  background-color: #f44336;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
}
.badge-complete[b-h40qfwjch0] {
  background-color: #4caf50;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
}
.progress-container[b-h40qfwjch0] {
  margin-top: 15px;
}
.progress-bar[b-h40qfwjch0] {
  background: #e0e0e0;
  border-radius: 8px;
  height: 10px;
}
.progress-fill[b-h40qfwjch0] {
  background: #4caf50;
  height: 10px;
  border-radius: 8px;
  transition: width 0.3s ease;
}

.badge-warning[b-h40qfwjch0] {
  background-color: #8a8a66 !important;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
}
.badge-success[b-h40qfwjch0] {
  background-color: green !important;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
}
/* _content/GP_WebPortal/Views/Distributor/MyKYC.cshtml.rz.scp.css */
.header-card[b-7csdwp767z] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-bottom: 24px;
}

    .header-card h1[b-7csdwp767z] {
        font-size: 30px;
        font-weight: bold;
        color: #111827;
        margin-bottom: 8px;
    }

    .header-card p[b-7csdwp767z] {
        color: #6b7280;
        margin-bottom: 24px;
    }

.progress-container[b-7csdwp767z] {
    margin-top: 24px;
}

.progress-info[b-7csdwp767z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

    .progress-info span[b-7csdwp767z] {
        font-size: 14px;
        font-weight: 500;
        color: #374151;
    }

    .progress-info .percentage[b-7csdwp767z] {
        font-size: 14px;
        color: #6b7280;
    }

.progress-bar[b-7csdwp767z] {
    width: 100%;
    background-color: #e5e7eb;
    border-radius: 9999px;
    height: 8px;
    overflow: hidden;
}

.progress-fill[b-7csdwp767z] {
    background-color: #2563eb;
    height: 100%;
    transition: width 0.3s ease;
}

.document-card[b-7csdwp767z] {
    background: white;
    border-radius: 8px;
    height:100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    padding: 24px;
    transition: box-shadow 0.2s ease;
}

.card-header[b-7csdwp767z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    background-color: transparent;
    padding: 0px;
}

.card-title-section[b-7csdwp767z] {
    display: flex;
    align-items: center;
}

.icon-container[b-7csdwp767z] {
    padding: 5px 10px;
    margin-bottom:10px;
    background-color: #dbeafe;
    border-radius: 8px;
    margin-right: 12px;
}

.card-title h3[b-7csdwp767z] {
    font-weight: 600;
    color: #111827;
    margin-bottom: 2px;
    font-size: 21px;
}

.card-title p[b-7csdwp767z] {
    font-size: 14px;
    color: #6b7280;
}

.badge-required[b-7csdwp767z] {
    background-color: #fee2e2;
    color: #991b1b;
}

.upload-area[b-7csdwp767z] {
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    padding: 7px;
    text-align: center;
    transition: border-color 0.2s ease;
}

.status-row[b-7csdwp767z] {
    margin-top: 16px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.upload-content[b-7csdwp767z] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.file-input[b-7csdwp767z] {
    display: none;
}

.upload-btn[b-7csdwp767z] {
  background-color: #c7d0e4;
  color: white;
}
.upload-btn[b-7csdwp767z],
.replace-btn[b-7csdwp767z] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
    padding: 5px 7px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.badge-required[b-7csdwp767z] {
    background-color: #f44336;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
}

.badge-complete[b-7csdwp767z] {
    background-color: #4caf50;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
}

.progress-container[b-7csdwp767z] {
    margin-top: 15px;
}

.progress-bar[b-7csdwp767z] {
    background: #e0e0e0;
    border-radius: 8px;
    height: 10px;
}

.progress-fill[b-7csdwp767z] {
    background: #4caf50;
    height: 10px;
    border-radius: 8px;
    transition: width 0.3s ease;
}

.badge-warning[b-7csdwp767z] {
    background-color: #8a8a66 !important;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
}

.badge-success[b-7csdwp767z] {
    background-color: green !important;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
}
/* _content/GP_WebPortal/Views/Distributor/PurchaseOrder_Partial.cshtml.rz.scp.css */

.tick-container[b-ylmiuxliq5] {
    position: relative;
}

.tick-mark[b-ylmiuxliq5] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: green;
}
show_order_items[b-ylmiuxliq5]{
    overflow-y:auto;
    height:1400px;
    max-height:1400px !important;

}
.myorders-list-sec[b-ylmiuxliq5] {
    overflow-y: auto;
    max-height:calc(100vh - 360px)
}
.order-summary-container[b-ylmiuxliq5] {
    /*    position: static;*/
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 10px 20px;
    /*    z-index: 1050;*/
/*    position: fixed;  */
    width: 100%;
    bottom: 0px;
    /* above most content but below modals */
}

/* body {
    padding-bottom: 100px;
    
  } */

.order-summary-bar[b-ylmiuxliq5] {
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
/*    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);*/
    padding: 5px 0px;
    z-index: 999;
    font-family: Arial, sans-serif;
}

    .order-summary-bar .summary-label[b-ylmiuxliq5] {
        font-weight: 600;
        font-size: 14px;
    }

    .order-summary-bar .summary-value[b-ylmiuxliq5] {
        font-size: 16px;
        font-weight: bold;
    }

    .order-summary-bar .highlight[b-ylmiuxliq5] {
        font-size: 18px;
    }

.product-card[b-ylmiuxliq5] {
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
}

    .product-card:hover[b-ylmiuxliq5] {
        transform: scale(1.015);
    }

.product-img[b-ylmiuxliq5] {
    height: 200px;
    object-fit: cover;
}

.btn-outline-secondary[b-ylmiuxliq5] {
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 18px;
    line-height: 1;
}


.product-card[b-ylmiuxliq5] {
    /* width: 250px; */
    border: 1px solid #ddd;
    /* border-radius: 8px; */
    overflow: hidden;
    font-family: Arial, sans-serif;
}

.product-image-container[b-ylmiuxliq5] {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.product-image[b-ylmiuxliq5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wishlist-icon[b-ylmiuxliq5] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: white;
    border-radius: 50%;
    padding: 4px;
    font-size: 16px;
    cursor: pointer;
}

.product-info[b-ylmiuxliq5] {
    height: 70px;
    max-height: 70px !important;
}

.sponsored[b-ylmiuxliq5] {
    color: gray;
    font-size: 12px;
}

.product-title[b-ylmiuxliq5] {
    font-size: 14px;
    font-weight: 500;
    margin: 4px 0;
}

.dimensions[b-ylmiuxliq5] {
    color: #666;
    font-size: 13px;
    margin: 2px 0;
}

.rating-row[b-ylmiuxliq5] {
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.rating[b-ylmiuxliq5] {
    background-color: #388e3c;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
}

.reviews[b-ylmiuxliq5] {
    color: #666;
}

.assured-icon[b-ylmiuxliq5] {
    height: 16px;
}

.price-row[b-ylmiuxliq5] {
    margin-top: 6px;
    font-size: 14px;
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.final-price[b-ylmiuxliq5] {
    font-weight: bold;
    font-size: 16px;
}

.mrp[b-ylmiuxliq5] {
    text-decoration: line-through;
    color: #878787;
}

.discount[b-ylmiuxliq5] {
    color: #388e3c;
    font-weight: 500;
}

.bank-offer[b-ylmiuxliq5] {
    color: #388e3c;
    font-size: 13px;
    margin-top: 4px;
}

.product-box[b-ylmiuxliq5] {
    background-color: #e1eee2;
    position: relative;
    overflow: hidden;
    /* border-top-left-radius: 15px;
        border-top-right-radius: 15px; */
}

/* .product-info {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    } */

/* _content/GP_WebPortal/Views/Distributor/RaisePO.cshtml.rz.scp.css */

.confirm-modal-content[b-3vgyefo1ib] {
    border: none;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}


.confirm-icon-box[b-3vgyefo1ib] {
    font-size: 3.5rem;
    color: #dc3545;
    margin-bottom: 0px;
    display: inline-block;
}

.confirm-title[b-3vgyefo1ib] {
    font-weight: 700;
    color: #212529;
    font-size: 1.25rem;
}

.confirm-subtext[b-3vgyefo1ib] {
    color: #6c757d;
    font-size: 0.95rem;
}


.btn-confirm-danger[b-3vgyefo1ib] {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
    font-weight: 600;
    padding: 8px 20px;
    transition: all 0.2s ease;
}

    .btn-confirm-danger:hover[b-3vgyefo1ib] {
        background-color: #bb2d3b;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
    }


.btn-confirm-cancel[b-3vgyefo1ib] {
    font-weight: 600;
    padding: 8px 20px;
    border: 1px solid #dee2e6;
}

.ui-menu-item .new-batch[b-3vgyefo1ib] {
    color: #28a745;
    font-weight: 600;
}




/* ══ MAIN CARD ══ */
.pe-card[b-3vgyefo1ib] {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(15,23,42,.07),0 1px 4px rgba(15,23,42,.04);
}

/* ══ CARD HEADER BANNER ══ */
.pe-card-header[b-3vgyefo1ib] {
    background: linear-gradient(135deg,#0d9488 0%,#0891b2 55%,#4f46e5 100%);
    padding: 8px 1px;
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    overflow: hidden;
}

    .pe-card-header[b-3vgyefo1ib]::before {
        content: '';
        position: absolute;
        top: -50px;
        right: -50px;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        background: rgba(255,255,255,.06);
        pointer-events: none;
    }

    .pe-card-header[b-3vgyefo1ib]::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 30%;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: rgba(255,255,255,.04);
        pointer-events: none;
    }


.pe-header-text[b-3vgyefo1ib] {
    position: relative;
    z-index: 1;
}

    .pe-header-text h5[b-3vgyefo1ib] {
        font-size: 16px;
        font-weight: 800;
        color: #fff;
        margin: 0;
    }

    .pe-header-text p[b-3vgyefo1ib] {
        font-size: 11px;
        color: rgba(255,255,255,.6);
        margin: 0;
    }

/* ══ CARD BODY ══ */
.pe-card-body[b-3vgyefo1ib] {
    padding: 24px 28px;
}

/* ══ FIELD LABELS ══ */
.pe-label[b-3vgyefo1ib] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #64748b;
    margin-bottom: 8px;
}

    .pe-label i[b-3vgyefo1ib] {
        font-size: 12px;
        margin-right: 4px;
        color: #0d9488;
    }

/* ══ FORM CONTROLS ══ */
.pe-input[b-3vgyefo1ib] {
    width: 100%;
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 0 14px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #0f172a;
    background: #f8fafc;
    outline: none;
    transition: all .15s;
    appearance: none;
    -webkit-appearance: none;
}

/*.pe-input:focus {
        border-color: #0d9488;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(13,148,136,.12);
    }

    .pe-input::placeholder {
        color: #cbd5e1;
        font-weight: 400;
    }*/


/*.pe-card .select2-container--default .select2-selection--single {
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px !important;
    background: #f8fafc;
    display: flex;
    align-items: center;
    font-family: 'Plus Jakarta Sans',sans-serif;
    transition: all .15s;
}

.pe-card .select2-container--default.select2-container--open .select2-selection--single,
.pe-card .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 3px rgba(13,148,136,.12) !important;
    background: #fff;
    outline: none;
}*/

/*.pe-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    padding: 0 14px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans',sans-serif;
}

.pe-card .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #cbd5e1;
}

.pe-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 10px;
}*/

/*.select2-dropdown {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 40px rgba(15,23,42,.12) !important;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    overflow: hidden;
}*/

/*.select2-container--default .select2-results__option--highlighted {
    background: #ccfbf1 !important;
    color: #0f766e !important;
    font-weight: 600;
}
*/
/*.select2-search--dropdown .select2-search__field {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-family: 'Plus Jakarta Sans',sans-serif;
    padding: 8px 12px;
}*/

/* ══ ADD BUTTON ══ */
.btn-add-main[b-3vgyefo1ib] {
    height: 44px;
    padding: 0 24px;
    background: linear-gradient(135deg,#0d9488,#0891b2);
    border: none;
    border-radius: 10px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    box-shadow: 0 4px 14px rgba(13,148,136,.3);
    white-space: nowrap;
}

    .btn-add-main:hover[b-3vgyefo1ib] {
        box-shadow: 0 6px 20px rgba(13,148,136,.45);
        transform: translateY(-1px);
    }

    .btn-add-main:active[b-3vgyefo1ib] {
        transform: translateY(0);
    }

/* ══ INFO BANNER (supplier/date/bill) ══ */
.pe-info-banner[b-3vgyefo1ib] {
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-start;
    gap: 16px;
    border-radius: 12px;
}

    /*.pe-info-banner {
    border-radius: 12px;
    padding-top: 4px;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 16px;
}
*/
    .pe-info-banner.visible[b-3vgyefo1ib] {
        display: flex;
    }


.pe-info-item .pi-label[b-3vgyefo1ib] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #0d9488;
}

.pe-info-item .pi-value[b-3vgyefo1ib] {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.pe-info-divider[b-3vgyefo1ib] {
    width: 1px;
    height: 20px;
    background: #cbd5e1;
}

/* ══ ADD PRODUCTS BAR ══ */
.pe-action-bar[b-3vgyefo1ib] {
    display: none;
    justify-content: flex-end;
    margin-bottom: 16px;
    text-align: end;
}

    .pe-action-bar.visible[b-3vgyefo1ib] {
        display: flex;
    }

.btn-add-products[b-3vgyefo1ib] {
    height: 38px;
    padding: 0 20px;
    background: #fff;
    border: 1.5px solid #0d9488;
    border-radius: 10px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0d9488;
    cursor: pointer;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

    .btn-add-products:hover[b-3vgyefo1ib] {
        background: #0d9488;
        color: #fff;
        box-shadow: 0 4px 12px rgba(13,148,136,.3);
    }


.pe-table-wrap[b-3vgyefo1ib] {
    display: none;
}

    .pe-table-wrap.visible[b-3vgyefo1ib] {
        display: block;
    }

/*.table-container {
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15,23,42,.05);
}*/


/*.table-container {
    max-height: 300px;
    overflow: auto;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
}*/

#TempBatch[b-3vgyefo1ib] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    #TempBatch thead tr[b-3vgyefo1ib] {
        background: linear-gradient(135deg,#0d9488,#0891b2);
    }

    #TempBatch thead th[b-3vgyefo1ib] {
        padding: 12px 14px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        border-right: 1px solid rgba(255,255,255,0.25);
    }


    #TempBatch tbody td[b-3vgyefo1ib] {
        padding: 12px 14px;
        color: #0f172a;
        border: 1px solid #e2e8f0; /* ✅ FULL GRID */
    }

    #TempBatch tbody tr:hover[b-3vgyefo1ib] {
        background: #f0fdf9;
    }

    #TempBatch tbody td[b-3vgyefo1ib] {
        padding: 12px 14px;
        border-bottom: 1px solid #f1f5f9;
        color: #0f172a;
        vertical-align: middle;
    }

    #TempBatch tbody tr:last-child td[b-3vgyefo1ib] {
        border-bottom: none;
    }

    #TempBatch tfoot tr[b-3vgyefo1ib] {
        background: #f8fafc;
    }

    #TempBatch tfoot th[b-3vgyefo1ib] {
        padding: 12px 14px;
        font-size: 13px;
        font-weight: 700;
        border: 1px solid #e2e8f0; /* ✅ MATCH BODY GRID */
        background: #f8fafc;
    }


.btn-row-del[b-3vgyefo1ib] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1.5px solid #fecaca;
    background: #fff5f5;
    color: #e11d48;
    cursor: pointer;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .12s;
}

    .btn-row-del:hover[b-3vgyefo1ib] {
        background: #e11d48;
        color: #fff;
        border-color: #e11d48;
    }

#total_taxable_amt[b-3vgyefo1ib], #total_gst_amt[b-3vgyefo1ib], #total_amount[b-3vgyefo1ib] {
    color: #0d9488;
    font-size: 14px;
}

.pe-submit-bar[b-3vgyefo1ib] {
    display: none;
    justify-content: flex-end;
    margin-top: 20px;
    text-align: end;
}

    .pe-submit-bar.visible[b-3vgyefo1ib] {
        display: flex;
    }

.btn-submit[b-3vgyefo1ib] {
    height: 44px;
    padding: 0 36px;
    background: linear-gradient(135deg,#0d9488,#4f46e5);
    border: none;
    border-radius: 12px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    box-shadow: 0 6px 20px rgba(13,148,136,.35);
}

    .btn-submit:hover[b-3vgyefo1ib] {
        box-shadow: 0 8px 28px rgba(13,148,136,.5);
        transform: translateY(-2px);
    }

    .btn-submit:active[b-3vgyefo1ib] {
        transform: translateY(0);
    }


/*.validationerro_display.lblerros {
    font-size: 11px;
    color: #e11d48;
    margin-top: 4px;
    font-weight: 500;
}
*/

#selectProductsModal .modal-content[b-3vgyefo1ib] {
    border: none;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 32px 80px rgba(15,23,42,.2);
    font-family: 'Plus Jakarta Sans',sans-serif;
}


#selectProductsModal .modal-header[b-3vgyefo1ib] {
    background: linear-gradient(135deg,#0d9488 0%,#0891b2 55%,#4f46e5 100%);
    border-bottom: none;
    /*padding: 20px 26px 18px;*/
    padding: 10px 15px 5px;
    position: relative;
    overflow: hidden;
}

    #selectProductsModal .modal-header[b-3vgyefo1ib]::before {
        content: '';
        position: absolute;
        top: -50px;
        right: -50px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(255,255,255,.07);
        pointer-events: none;
    }

    #selectProductsModal .modal-header[b-3vgyefo1ib]::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 20%;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: rgba(255,255,255,.04);
        pointer-events: none;
    }

#selectProductsModal .m-title-wrap[b-3vgyefo1ib] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-grow: 1;
    position: relative;
    z-index: 1;
}


#selectProductsModal .m-title-text h5[b-3vgyefo1ib] {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    margin: 0;
}

#selectProductsModal .m-title-text p[b-3vgyefo1ib] {
    font-size: 11px;
    color: rgba(255,255,255,.6);
    margin: 0;
}

#selectProductsModal .m-close-btn[b-3vgyefo1ib] {
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 9px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
    flex-shrink: 0;
}

    #selectProductsModal .m-close-btn:hover[b-3vgyefo1ib] {
        background: rgba(255,255,255,.28);
    }


#selectProductsModal .modal-body[b-3vgyefo1ib] {
    background: #fff;
    padding: 24px 26px 8px;
}

#selectProductsModal .sp-label[b-3vgyefo1ib] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #64748b;
    margin-bottom: 8px;
}

    #selectProductsModal .sp-label i[b-3vgyefo1ib] {
        font-size: 12px;
        margin-right: 4px;
        color: #0d9488;
    }

#selectProductsModal .sp-input[b-3vgyefo1ib] {
    width: 100%;
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 0 14px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #0f172a;
    background: #f8fafc;
    outline: none;
    transition: all .15s;
}

    #selectProductsModal .sp-input:focus[b-3vgyefo1ib] {
        border-color: #0d9488;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(13,148,136,.12);
    }

    #selectProductsModal .sp-input[b-3vgyefo1ib]::placeholder {
        color: #cbd5e1;
        font-weight: 400;
    }

    #selectProductsModal .sp-input:disabled[b-3vgyefo1ib] {
        background: #f1f5f9;
        color: #94a3b8;
        cursor: not-allowed;
    }

#selectProductsModal .sp-group[b-3vgyefo1ib] {
    display: flex;
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #f8fafc;
    transition: all .15s;
}

    #selectProductsModal .sp-group:focus-within[b-3vgyefo1ib] {
        border-color: #0d9488;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(13,148,136,.12);
    }

#selectProductsModal .sp-prefix[b-3vgyefo1ib] {
    display: flex;
    align-items: center;
    padding: 0 13px;
    background: #f1f5f9;
    border-right: 1px solid #e2e8f0;
    font-size: 15px;
    font-weight: 700;
    color: #64748b;
    flex-shrink: 0;
}

#selectProductsModal .sp-group input[b-3vgyefo1ib] {
    flex: 1;
    height: 100%;
    border: none;
    background: transparent;
    padding: 0 12px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    outline: none;
    min-width: 0;
}

    #selectProductsModal .sp-group input:disabled[b-3vgyefo1ib] {
        color: #94a3b8;
        cursor: not-allowed;
    }

#selectProductsModal .sp-total[b-3vgyefo1ib] {
    display: none;
    align-items: center;
    justify-content: space-between;
    background: #ccfbf1;
    border: 1.5px solid rgba(13,148,136,.3);
    border-radius: 10px;
    padding: 11px 16px;
    margin-top: 4px;
    animation: spFade .2s ease both;
}



#selectProductsModal .sp-total-label[b-3vgyefo1ib] {
    font-size: 13px;
    font-weight: 600;
    color: #0f766e;
    display: flex;
    align-items: center;
    gap: 6px;
}

#selectProductsModal .sp-total-value[b-3vgyefo1ib] {
    font-size: 16px;
    font-weight: 800;
    color: #0d9488;
}


/* ══ MODAL FOOTER ══ */
#selectProductsModal .modal-footer[b-3vgyefo1ib] {
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
    padding: 16px 26px;
    gap: 10px;
    justify-content: flex-end;
}

#selectProductsModal .sp-btn-cancel[b-3vgyefo1ib] {
    height: 40px;
    padding: 0 22px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    #selectProductsModal .sp-btn-cancel:hover[b-3vgyefo1ib] {
        background: #f1f5f9;
        border-color: #cbd5e1;
    }

#selectProductsModal .sp-btn-continue[b-3vgyefo1ib] {
    height: 40px;
    padding: 0 22px;
    border: 1.5px solid rgba(13,148,136,.35);
    border-radius: 10px;
    background: #ccfbf1;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0f766e;
    cursor: pointer;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    #selectProductsModal .sp-btn-continue:hover[b-3vgyefo1ib] {
        background: #99f6e4;
        border-color: rgba(13,148,136,.5);
    }

#selectProductsModal .sp-btn-save[b-3vgyefo1ib] {
    height: 40px;
    padding: 0 22px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg,#0d9488 0%,#0891b2 100%);
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    box-shadow: 0 4px 14px rgba(13,148,136,.35);
}

    #selectProductsModal .sp-btn-save:hover[b-3vgyefo1ib] {
        box-shadow: 0 6px 20px rgba(13,148,136,.5);
        transform: translateY(-1px);
    }

TempBatch th[b-3vgyefo1ib],
#TempBatch td[b-3vgyefo1ib] {
    white-space: nowrap;
}

#TempBatch thead th[b-3vgyefo1ib] {
    border-right: 1px solid rgba(255,255,255,0.3);
}

#TempBatch tbody td[b-3vgyefo1ib] {
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}



    #TempBatch thead th:last-child[b-3vgyefo1ib],
    #TempBatch tbody td:last-child[b-3vgyefo1ib] {
        border-right: none;
    }




#TempBatch tfoot th:last-child[b-3vgyefo1ib] {
    border-right: none;
}
/* _content/GP_WebPortal/Views/Distributor/ShopNow.cshtml.rz.scp.css */
.address-box[b-fw4bes3him] {
    padding: 7px !important;
    margin-bottom: 10px !important;
}

.scrollable-address-list[b-fw4bes3him] {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 8px;
}

.address-card[b-fw4bes3him] {
    background-color: #f9f9f9;
    transition: background 0.2s ease;
}

    .address-card:hover[b-fw4bes3him] {
        background-color: #f0f0f0;
        cursor: pointer;
    }


.offer-card[b-fw4bes3him] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .offer-card:hover[b-fw4bes3him] {
        transform: translateY(-5px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    }

.card-img[b-fw4bes3him] {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
}

.category-scroll-wrapper[b-fw4bes3him] {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9;
    padding: 6px;
}

.category-tabs-container[b-fw4bes3him] {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 10px;
    padding: 4px 0;
    flex: 1;
}

    .category-tabs-container[b-fw4bes3him]::-webkit-scrollbar {
        display: none;
    }

.tab[b-fw4bes3him] {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 6px 14px;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.2s ease;
    font-size: 14px;
}

    .tab.active[b-fw4bes3him] {
        background-color: #007bff;
        color: white;
        border-color: #007bff;
    }

.scroll-btn[b-fw4bes3him] {
    background: none;
    border: none;
    font-size: 18px;
    padding: 6px;
    cursor: pointer;
    color: #555;
    transition: 0.2s;
}

    .scroll-btn:hover[b-fw4bes3him] {
        color: #000;
    }


/*SLAB Types Display*/

body[b-fw4bes3him] {
    background: #f8faff;
    font-family: "Poppins", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.card.wave-card[b-fw4bes3him] {
    position: relative;
    width: 320px;
    padding: 30px 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff, #e8f7ff);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
}

.card-content[b-fw4bes3him] {
    position: relative;
    z-index: 2;
}

.icon[b-fw4bes3him] {
    font-size: 40px;

    color: #ff4757;
    margin-bottom: 10px;
}

.amount[b-fw4bes3him] {
    font-weight: 600;
    color: #222;
}

.offer[b-fw4bes3him] {
    color: #009688;
    font-weight: 500;
}

.highlight[b-fw4bes3him] {
    color: #e74c3c;
    margin-top: 15px;
    font-size: 15px;
}

/*.btn {
    background: #ffb3b3;
    border: none;
    border-radius: 8px;
    padding: 8px 18px;
    margin-top: 15px;
    color: #c0392b;
    font-weight: 600;
    cursor: pointer;
}*/
/*
    .btn:hover {
        background: #ff9999;
    }*/

/* 🌊 Animated wave background */
.wave[b-fw4bes3him] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 100px;
    background: rgba(0, 150, 255, 0.2);
    border-radius: 100%;
    animation: waveMove-b-fw4bes3him 6s infinite linear;
    transform: translateX(-50%);
}

    .wave:nth-child(2)[b-fw4bes3him] {
        background: rgba(0, 150, 255, 0.1);
        animation-duration: 10s;
    }

@keyframes waveMove-b-fw4bes3him {
    0% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-55%) translateY(10px);
    }

    100% {
        transform: translateX(-50%) translateY(0);
    }
}
/* _content/GP_WebPortal/Views/Distributor/StockOrder.cshtml.rz.scp.css */
.errormsg[b-k9hfschtex] {
  font-size: 10px;
  color: red;
}

.cart-icon i[b-k9hfschtex] {
  font-size: 24px;
  color: #333;
}

.cart-badge[b-k9hfschtex] {
  position: absolute;
  top: -5px;
  right: -5px;
  background: red;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  padding: 0 5px;
}

.order_items_selected[b-k9hfschtex] {
  color: red;
  padding-bottom: 13px;
  font-size: 13px;
}
/* _content/GP_WebPortal/Views/Distributor/TshirtOrder.cshtml.rz.scp.css */
.product-grid[b-2zmzrw8zhi] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 25px;
  padding: 20px;
}

.product-card[b-2zmzrw8zhi] {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.color-dot[b-2zmzrw8zhi] {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px solid #ededed;
}

.product-info[b-2zmzrw8zhi] {
  flex-grow: 1;
}

.product-name[b-2zmzrw8zhi] {
  font-weight: 600;
  font-size: 17px;
}

.product-code[b-2zmzrw8zhi] {
  font-size: 14px;
  color: #666;
}

.check-box-area input[b-2zmzrw8zhi] {
  transform: scale(1.3);
}
/* _content/GP_WebPortal/Views/HeadOffice/DashBoard.cshtml.rz.scp.css */

body[b-afw5ciqafa] {
    background: #fdf8e6;
    font-family: "Segoe UI", system-ui, -apple-system;
}

/* ===== PANEL ===== */
.panel[b-afw5ciqafa] {
    background: #fff;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}

/* ===== ACTIVITY CARD ===== */
.activity-card[b-afw5ciqafa] {
    position: relative;
    height: 150px;
    border-radius: 22px;
    padding: 22px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: .35s ease;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .25);
}

    .activity-card:hover[b-afw5ciqafa] {
        transform: translateY(-8px);
        box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
    }

/* ===== ICON TILE (KEY FIX) ===== */
.icon-tile[b-afw5ciqafa] {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .25), inset 0 0 0 2px rgba(0, 0, 0, .04);
}

/* ===== TEXT ===== */
.activity-title[b-afw5ciqafa] {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    letter-spacing: .3px;
}

/* ===== COUNT ===== */
.count[b-afw5ciqafa] {
    position: absolute;
    top: 14px;
    right: 14px;
    background: #fff;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 30px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}

/* ===== COLORS ===== */
.c-teal[b-afw5ciqafa] {
    background: linear-gradient(135deg, #26a69a, #00796b);
}

.c-sand[b-afw5ciqafa] {
    background: linear-gradient(135deg, #d7c7a2, #b59b6a);
}

.c-red[b-afw5ciqafa] {
    background: linear-gradient(135deg, #ff5252, #d32f2f);
}

.c-blue[b-afw5ciqafa] {
    background: linear-gradient(135deg, #03a9f4, #0277bd);
}

.c-purple[b-afw5ciqafa] {
    background: linear-gradient(135deg, #9c8ade, #5e35b1);
}

.c-orange[b-afw5ciqafa] {
    background: linear-gradient(135deg, #ff8f00, #ef6c00);
}

.c-green[b-afw5ciqafa] {
    background: linear-gradient(135deg, #66bb6a, #2e7d32);
}

.c-peach[b-afw5ciqafa] {
    background: linear-gradient(135deg, #ffccbc, #ff8a65);
}

/* ===== NOTIFICATIONS ===== */
.notify-item[b-afw5ciqafa] {
    display: flex;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
    transition: .25s;
}

    .notify-item:hover[b-afw5ciqafa] {
        background: #f4f6fb;
    }

.notify-dot[b-afw5ciqafa] {
    width: 12px;
    height: 12px;
    background: #ff5252;
    border-radius: 50%;
    margin-top: 6px;
}

.notify-text[b-afw5ciqafa] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}


/* _content/GP_WebPortal/Views/HeadOffice/DirectRaisePO.cshtml.rz.scp.css */

.confirm-modal-content[b-x3cuw1c765] {
    border: none;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}


.confirm-icon-box[b-x3cuw1c765] {
    font-size: 3.5rem;
    color: #dc3545;
    margin-bottom: 0px;
    display: inline-block;
}

.confirm-title[b-x3cuw1c765] {
    font-weight: 700;
    color: #212529;
    font-size: 1.25rem;
}

.confirm-subtext[b-x3cuw1c765] {
    color: #6c757d;
    font-size: 0.95rem;
}


.btn-confirm-danger[b-x3cuw1c765] {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
    font-weight: 600;
    padding: 8px 20px;
    transition: all 0.2s ease;
}

    .btn-confirm-danger:hover[b-x3cuw1c765] {
        background-color: #bb2d3b;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
    }


.btn-confirm-cancel[b-x3cuw1c765] {
    font-weight: 600;
    padding: 8px 20px;
    border: 1px solid #dee2e6;
}

.ui-menu-item .new-batch[b-x3cuw1c765] {
    color: #28a745;
    font-weight: 600;
}




/* ══ MAIN CARD ══ */
.pe-card[b-x3cuw1c765] {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(15,23,42,.07),0 1px 4px rgba(15,23,42,.04);
}

/* ══ CARD HEADER BANNER ══ */
.pe-card-header[b-x3cuw1c765] {
    background: linear-gradient(135deg,#0d9488 0%,#0891b2 55%,#4f46e5 100%);
    padding: 8px 1px;
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    overflow: hidden;
}

    .pe-card-header[b-x3cuw1c765]::before {
        content: '';
        position: absolute;
        top: -50px;
        right: -50px;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        background: rgba(255,255,255,.06);
        pointer-events: none;
    }

    .pe-card-header[b-x3cuw1c765]::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 30%;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: rgba(255,255,255,.04);
        pointer-events: none;
    }


.pe-header-text[b-x3cuw1c765] {
    position: relative;
    z-index: 1;
}

    .pe-header-text h5[b-x3cuw1c765] {
        font-size: 16px;
        font-weight: 800;
        color: #fff;
        margin: 0;
    }

    .pe-header-text p[b-x3cuw1c765] {
        font-size: 11px;
        color: rgba(255,255,255,.6);
        margin: 0;
    }

/* ══ CARD BODY ══ */
.pe-card-body[b-x3cuw1c765] {
    padding: 24px 28px;
}

/* ══ FIELD LABELS ══ */
.pe-label[b-x3cuw1c765] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #64748b;
    margin-bottom: 8px;
}

    .pe-label i[b-x3cuw1c765] {
        font-size: 12px;
        margin-right: 4px;
        color: #0d9488;
    }

/* ══ FORM CONTROLS ══ */
.pe-input[b-x3cuw1c765] {
    width: 100%;
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 0 14px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #0f172a;
    background: #f8fafc;
    outline: none;
    transition: all .15s;
    appearance: none;
    -webkit-appearance: none;
}

    /*.pe-input:focus {
        border-color: #0d9488;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(13,148,136,.12);
    }

    .pe-input::placeholder {
        color: #cbd5e1;
        font-weight: 400;
    }*/


/*.pe-card .select2-container--default .select2-selection--single {
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px !important;
    background: #f8fafc;
    display: flex;
    align-items: center;
    font-family: 'Plus Jakarta Sans',sans-serif;
    transition: all .15s;
}

.pe-card .select2-container--default.select2-container--open .select2-selection--single,
.pe-card .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 3px rgba(13,148,136,.12) !important;
    background: #fff;
    outline: none;
}*/

/*.pe-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    padding: 0 14px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans',sans-serif;
}

.pe-card .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #cbd5e1;
}

.pe-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 10px;
}*/

/*.select2-dropdown {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 40px rgba(15,23,42,.12) !important;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    overflow: hidden;
}*/

/*.select2-container--default .select2-results__option--highlighted {
    background: #ccfbf1 !important;
    color: #0f766e !important;
    font-weight: 600;
}
*/
/*.select2-search--dropdown .select2-search__field {
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-family: 'Plus Jakarta Sans',sans-serif;
    padding: 8px 12px;
}*/

/* ══ ADD BUTTON ══ */
.btn-add-main[b-x3cuw1c765] {
    height: 44px;
    padding: 0 24px;
    background: linear-gradient(135deg,#0d9488,#0891b2);
    border: none;
    border-radius: 10px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    box-shadow: 0 4px 14px rgba(13,148,136,.3);
    white-space: nowrap;
}

    .btn-add-main:hover[b-x3cuw1c765] {
        box-shadow: 0 6px 20px rgba(13,148,136,.45);
        transform: translateY(-1px);
    }

    .btn-add-main:active[b-x3cuw1c765] {
        transform: translateY(0);
    }

/* ══ INFO BANNER (supplier/date/bill) ══ */
.pe-info-banner[b-x3cuw1c765] {
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-start;
    gap: 16px;
    border-radius: 12px;
}

/*.pe-info-banner {
    border-radius: 12px;
    padding-top: 4px;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 16px;
}
*/
    .pe-info-banner.visible[b-x3cuw1c765] {
        display: flex;
    }


.pe-info-item .pi-label[b-x3cuw1c765] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #0d9488;
}

.pe-info-item .pi-value[b-x3cuw1c765] {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.pe-info-divider[b-x3cuw1c765] {
    width: 1px;
    height: 20px;
    background: #cbd5e1;
}

/* ══ ADD PRODUCTS BAR ══ */
.pe-action-bar[b-x3cuw1c765] {
    display: none;
    justify-content: flex-end;
    margin-bottom: 16px;
    text-align: end;
}

    .pe-action-bar.visible[b-x3cuw1c765] {
        display: flex;
    }

.btn-add-products[b-x3cuw1c765] {
    height: 38px;
    padding: 0 20px;
    background: #fff;
    border: 1.5px solid #0d9488;
    border-radius: 10px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0d9488;
    cursor: pointer;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

    .btn-add-products:hover[b-x3cuw1c765] {
        background: #0d9488;
        color: #fff;
        box-shadow: 0 4px 12px rgba(13,148,136,.3);
    }


.pe-table-wrap[b-x3cuw1c765] {
    display: none;
}

    .pe-table-wrap.visible[b-x3cuw1c765] {
        display: block;
    }

/*.table-container {
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15,23,42,.05);
}*/


/*.table-container {
    max-height: 300px;
    overflow: auto;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
}*/

#TempBatch[b-x3cuw1c765] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    #TempBatch thead tr[b-x3cuw1c765] {
        background: linear-gradient(135deg,#0d9488,#0891b2);
    }

    #TempBatch thead th[b-x3cuw1c765] {
        padding: 12px 14px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        border-right: 1px solid rgba(255,255,255,0.25);
    }


    #TempBatch tbody td[b-x3cuw1c765] {
        padding: 12px 14px;
        color: #0f172a;
        border: 1px solid #e2e8f0; /* ✅ FULL GRID */
    }

    #TempBatch tbody tr:hover[b-x3cuw1c765] {
        background: #f0fdf9;
    }

    #TempBatch tbody td[b-x3cuw1c765] {
        padding: 12px 14px;
        border-bottom: 1px solid #f1f5f9;
        color: #0f172a;
        vertical-align: middle;
    }

    #TempBatch tbody tr:last-child td[b-x3cuw1c765] {
        border-bottom: none;
    }

    #TempBatch tfoot tr[b-x3cuw1c765] {
        background: #f8fafc;
    }

    #TempBatch tfoot th[b-x3cuw1c765] {
        padding: 12px 14px;
        font-size: 13px;
        font-weight: 700;
        border: 1px solid #e2e8f0; /* ✅ MATCH BODY GRID */
        background: #f8fafc;
    }


.btn-row-del[b-x3cuw1c765] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1.5px solid #fecaca;
    background: #fff5f5;
    color: #e11d48;
    cursor: pointer;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .12s;
}

    .btn-row-del:hover[b-x3cuw1c765] {
        background: #e11d48;
        color: #fff;
        border-color: #e11d48;
    }

#total_taxable_amt[b-x3cuw1c765], #total_gst_amt[b-x3cuw1c765], #total_amount[b-x3cuw1c765] {
    color: #0d9488;
    font-size: 14px;
}

.pe-submit-bar[b-x3cuw1c765] {
    display: none;
    justify-content: flex-end;
    margin-top: 20px;
    text-align: end;
}

    .pe-submit-bar.visible[b-x3cuw1c765] {
        display: flex;
    }

.btn-submit[b-x3cuw1c765] {
    height: 44px;
    padding: 0 36px;
    background: linear-gradient(135deg,#0d9488,#4f46e5);
    border: none;
    border-radius: 12px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    box-shadow: 0 6px 20px rgba(13,148,136,.35);
}

    .btn-submit:hover[b-x3cuw1c765] {
        box-shadow: 0 8px 28px rgba(13,148,136,.5);
        transform: translateY(-2px);
    }

    .btn-submit:active[b-x3cuw1c765] {
        transform: translateY(0);
    }


/*.validationerro_display.lblerros {
    font-size: 11px;
    color: #e11d48;
    margin-top: 4px;
    font-weight: 500;
}
*/

#selectProductsModal .modal-content[b-x3cuw1c765] {
    border: none;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 32px 80px rgba(15,23,42,.2);
    font-family: 'Plus Jakarta Sans',sans-serif;
}


#selectProductsModal .modal-header[b-x3cuw1c765] {
    background: linear-gradient(135deg,#0d9488 0%,#0891b2 55%,#4f46e5 100%);
    border-bottom: none;
    /*padding: 20px 26px 18px;*/
    padding: 10px 15px 5px;
    position: relative;
    overflow: hidden;
}

    #selectProductsModal .modal-header[b-x3cuw1c765]::before {
        content: '';
        position: absolute;
        top: -50px;
        right: -50px;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: rgba(255,255,255,.07);
        pointer-events: none;
    }

    #selectProductsModal .modal-header[b-x3cuw1c765]::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 20%;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: rgba(255,255,255,.04);
        pointer-events: none;
    }

#selectProductsModal .m-title-wrap[b-x3cuw1c765] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-grow: 1;
    position: relative;
    z-index: 1;
}


#selectProductsModal .m-title-text h5[b-x3cuw1c765] {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    margin: 0;
}

#selectProductsModal .m-title-text p[b-x3cuw1c765] {
    font-size: 11px;
    color: rgba(255,255,255,.6);
    margin: 0;
}

#selectProductsModal .m-close-btn[b-x3cuw1c765] {
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 9px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
    flex-shrink: 0;
}

    #selectProductsModal .m-close-btn:hover[b-x3cuw1c765] {
        background: rgba(255,255,255,.28);
    }


#selectProductsModal .modal-body[b-x3cuw1c765] {
    background: #fff;
    padding: 24px 26px 8px;
}

#selectProductsModal .sp-label[b-x3cuw1c765] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #64748b;
    margin-bottom: 8px;
}

    #selectProductsModal .sp-label i[b-x3cuw1c765] {
        font-size: 12px;
        margin-right: 4px;
        color: #0d9488;
    }

#selectProductsModal .sp-input[b-x3cuw1c765] {
    width: 100%;
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 0 14px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #0f172a;
    background: #f8fafc;
    outline: none;
    transition: all .15s;
}

    #selectProductsModal .sp-input:focus[b-x3cuw1c765] {
        border-color: #0d9488;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(13,148,136,.12);
    }

    #selectProductsModal .sp-input[b-x3cuw1c765]::placeholder {
        color: #cbd5e1;
        font-weight: 400;
    }

    #selectProductsModal .sp-input:disabled[b-x3cuw1c765] {
        background: #f1f5f9;
        color: #94a3b8;
        cursor: not-allowed;
    }

#selectProductsModal .sp-group[b-x3cuw1c765] {
    display: flex;
    height: 44px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #f8fafc;
    transition: all .15s;
}

    #selectProductsModal .sp-group:focus-within[b-x3cuw1c765] {
        border-color: #0d9488;
        background: #fff;
        box-shadow: 0 0 0 3px rgba(13,148,136,.12);
    }

#selectProductsModal .sp-prefix[b-x3cuw1c765] {
    display: flex;
    align-items: center;
    padding: 0 13px;
    background: #f1f5f9;
    border-right: 1px solid #e2e8f0;
    font-size: 15px;
    font-weight: 700;
    color: #64748b;
    flex-shrink: 0;
}

#selectProductsModal .sp-group input[b-x3cuw1c765] {
    flex: 1;
    height: 100%;
    border: none;
    background: transparent;
    padding: 0 12px;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    outline: none;
    min-width: 0;
}

    #selectProductsModal .sp-group input:disabled[b-x3cuw1c765] {
        color: #94a3b8;
        cursor: not-allowed;
    }

#selectProductsModal .sp-total[b-x3cuw1c765] {
    display: none;
    align-items: center;
    justify-content: space-between;
    background: #ccfbf1;
    border: 1.5px solid rgba(13,148,136,.3);
    border-radius: 10px;
    padding: 11px 16px;
    margin-top: 4px;
    animation: spFade .2s ease both;
}



#selectProductsModal .sp-total-label[b-x3cuw1c765] {
    font-size: 13px;
    font-weight: 600;
    color: #0f766e;
    display: flex;
    align-items: center;
    gap: 6px;
}

#selectProductsModal .sp-total-value[b-x3cuw1c765] {
    font-size: 16px;
    font-weight: 800;
    color: #0d9488;
}


/* ══ MODAL FOOTER ══ */
#selectProductsModal .modal-footer[b-x3cuw1c765] {
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
    padding: 16px 26px;
    gap: 10px;
    justify-content: flex-end;
}

#selectProductsModal .sp-btn-cancel[b-x3cuw1c765] {
    height: 40px;
    padding: 0 22px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    #selectProductsModal .sp-btn-cancel:hover[b-x3cuw1c765] {
        background: #f1f5f9;
        border-color: #cbd5e1;
    }

#selectProductsModal .sp-btn-continue[b-x3cuw1c765] {
    height: 40px;
    padding: 0 22px;
    border: 1.5px solid rgba(13,148,136,.35);
    border-radius: 10px;
    background: #ccfbf1;
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0f766e;
    cursor: pointer;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    #selectProductsModal .sp-btn-continue:hover[b-x3cuw1c765] {
        background: #99f6e4;
        border-color: rgba(13,148,136,.5);
    }

#selectProductsModal .sp-btn-save[b-x3cuw1c765] {
    height: 40px;
    padding: 0 22px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg,#0d9488 0%,#0891b2 100%);
    font-family: 'Plus Jakarta Sans',sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    box-shadow: 0 4px 14px rgba(13,148,136,.35);
}

    #selectProductsModal .sp-btn-save:hover[b-x3cuw1c765] {
        box-shadow: 0 6px 20px rgba(13,148,136,.5);
        transform: translateY(-1px);
    }

TempBatch th[b-x3cuw1c765],
#TempBatch td[b-x3cuw1c765] {
    white-space: nowrap;
}

#TempBatch thead th[b-x3cuw1c765] {
    border-right: 1px solid rgba(255,255,255,0.3);
}

#TempBatch tbody td[b-x3cuw1c765] {
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}



#TempBatch thead th:last-child[b-x3cuw1c765],
#TempBatch tbody td:last-child[b-x3cuw1c765] 
{ 
    border-right: none;
}




#TempBatch tfoot th:last-child[b-x3cuw1c765] {
    border-right: none;
}
/* _content/GP_WebPortal/Views/HeadOffice/PendingGRUpdation.cshtml.rz.scp.css */
.validateerror[b-98yfbc5urd] {
    position: absolute;
    color: red !important;
    font-size: 10px !important;
}

#usermsgGrv[b-98yfbc5urd] {
    color: #000;
    font-size: 14px;
    padding-bottom: 11px;
}
/* _content/GP_WebPortal/Views/HeadOffice/PendingPackingList.cshtml.rz.scp.css */
  #stockTable[b-xczl2p6tll] {
        width: 100%;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

        #stockTable thead[b-xczl2p6tll] {
            background-color: green;
            color: white;
        }

        #stockTable th[b-xczl2p6tll],
        #stockTable td[b-xczl2p6tll] {
            border: 1px solid #ccc;
            padding: 8px 12px;
        }

        #stockTable th[b-xczl2p6tll] {
            text-align: center;
        }

        #stockTable td[b-xczl2p6tll] {
            vertical-align: middle;
        }

        #stockTable tr:nth-child(even)[b-xczl2p6tll] {
            background-color: #f9f9f9;
        }


        #stockTable .text-center[b-xczl2p6tll] {
            text-align: center;
        }

        #stockTable .text-right[b-xczl2p6tll] {
            text-align: right;
        }

        #stockTable .sku-link[b-xczl2p6tll] {
            color: blue;
            font-weight: bold;
            cursor: pointer;
            text-decoration: underline;
        }



        .PACKING-SLIP[b-xczl2p6tll] {
    max-width: 600px;   /* reduce popup width */
    width: 100%;
}
/* _content/GP_WebPortal/Views/HeadOffice/PendingStockOrder.cshtml.rz.scp.css */
.summary-box[b-5fqsc17y1c] {
  padding: 9px 9px;
  border-radius: 8px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.summary-box .label[b-5fqsc17y1c] {
  font-size: 13px;
  opacity: 0.9;
}

.summary-box .value[b-5fqsc17y1c] {
  font-size: 16px;
}
.qty-ok[b-5fqsc17y1c] {
  border: 2px solid #28a745 !important;
  background-color: #eafaf1;
}

.qty-error[b-5fqsc17y1c] {
  border: 2px solid #dc3545 !important;
  background-color: #fdecea;
}

/* _content/GP_WebPortal/Views/HeadOffice/SaleReport.cshtml.rz.scp.css */
  #stockTable[b-18d0d51dnq] {
        width: 100%;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

        #stockTable thead[b-18d0d51dnq] {
            background-color: green;
            color: white;
        }

        #stockTable th[b-18d0d51dnq],
        #stockTable td[b-18d0d51dnq] {
            border: 1px solid #ccc;
            padding: 8px 12px;
        }

        #stockTable th[b-18d0d51dnq] {
            text-align: center;
        }

        #stockTable td[b-18d0d51dnq] {
            vertical-align: middle;
        }

        #stockTable tr:nth-child(even)[b-18d0d51dnq] {
            background-color: #f9f9f9;
        }


        #stockTable .text-center[b-18d0d51dnq] {
            text-align: center;
        }

        #stockTable .text-right[b-18d0d51dnq] {
            text-align: right;
        }

        #stockTable .sku-link[b-18d0d51dnq] {
            color: blue;
            font-weight: bold;
            cursor: pointer;
            text-decoration: underline;
        }
/* _content/GP_WebPortal/Views/HeadOffice/VerifySYSCode.cshtml.rz.scp.css */
/* _content/GP_WebPortal/Views/Shared/CmsPages/_AboutUs.cshtml.rz.scp.css */

.about-us-section h2[b-m4fy4jeeln],
.about-us-section h4[b-m4fy4jeeln] {
    font-family: 'Poppins', sans-serif;
}

.about-us-section ul[b-m4fy4jeeln] {
    padding-left: 1.2rem;
}

.about-us-section li[b-m4fy4jeeln] {
    margin-bottom: 0.5rem;
}

.timeline h4[b-m4fy4jeeln] {
    border-left: 4px solid #28844e;
    padding-left: 10px;
}


/* =====jounrey styles==== */
.gp-timeline[b-m4fy4jeeln] {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

    .gp-timeline[b-m4fy4jeeln]::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: #28a745;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }

.gp-block[b-m4fy4jeeln] {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

    .gp-block[b-m4fy4jeeln]::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -17px;
        background-color: #28a745;
        border: 4px solid white;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }

.gp-left[b-m4fy4jeeln] {
    left: 0;
}

.gp-right[b-m4fy4jeeln] {
    left: 50%;
}

.gp-left[b-m4fy4jeeln]::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #28a745;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #28a745;
}

.gp-right[b-m4fy4jeeln]::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #28a745;
    border-width: 10px 10px 10px 0;
    border-color: transparent #28a745 transparent transparent;
}

.gp-right[b-m4fy4jeeln]::after {
    left: -16px;
}

.gp-content[b-m4fy4jeeln] {
    padding: 10px 15px;
    background-color: white;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

    .gp-content a[b-m4fy4jeeln] {
        text-decoration: underline;
    }

@media screen and (max-width: 600px) {
    .gp-timeline[b-m4fy4jeeln]::after {
        left: 31px;
    }

    .gp-block[b-m4fy4jeeln] {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

        .gp-block[b-m4fy4jeeln]::before {
            left: 60px;
            border: medium solid #28a745;
            border-width: 10px 10px 10px 0;
            border-color: transparent #28a745 transparent transparent;
        }

    .gp-left[b-m4fy4jeeln]::after,
    .gp-right[b-m4fy4jeeln]::after {
        left: 15px;
    }

    .gp-right[b-m4fy4jeeln] {
        left: 0%;
    }
}



/* =======gallery styles===== */
.bodydata[b-m4fy4jeeln] {
    position: relative;
}

.gallery-item[b-m4fy4jeeln] {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.right-arrow[b-m4fy4jeeln] {
    width: 15px !important;
    height: auto;
    transition: transform 0.3s ease;
}

.gallery-content[b-m4fy4jeeln] {
    bottom: -60px;
    padding: 15px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    right: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: center;
}

.gallery h5[b-m4fy4jeeln] {
    background: #28844e;
    color: #fff;
    padding: 15px 10px;
    color: #fff;
    display: block;
}

.gallery-item:hover .gallery-content[b-m4fy4jeeln] {
    bottom: 30%;
    opacity: 1;
    visibility: visible;
    text-align: center
}

.gallery-item a.gallery[b-m4fy4jeeln]::before {
    background-color: rgba(0, 0, 0, 0.50);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    top: 0px;
    bottom: 100%;
    transition: all 0.5s ease-in-out;
    z-index: 2;
}

.gallery-item:hover a.gallery[b-m4fy4jeeln]::before {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.gallery-content[b-m4fy4jeeln] {
    bottom: -60px;
    padding: 15px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    right: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    z-index: 2;
    text-align: center;
}

    .gallery-content h5[b-m4fy4jeeln] {
        margin-bottom: 10px;
        font-weight: bold;
        background: #28844e;
        padding: 11px 0;
        margin: 0px;
        border: 1px solid #fff;
        height: 50px;
    }

.bg-success[b-m4fy4jeeln] {
    background: rgba(0, 152, 70, 1) !important;
}

.nav-tabs .nav-link[b-m4fy4jeeln] {
    color: #000 !important;
}

    .nav-tabs .nav-link.active[b-m4fy4jeeln],
    .nav-tabs .show > .nav-link[b-m4fy4jeeln] {
        color: #fff !important;
        background-color: rgba(0, 152, 70, 1) !important;
    }

.content-bg ul li.active[b-m4fy4jeeln] {
    background: rgba(0, 152, 70, 1) !important;
    color: #fff;
}

/* ====co-message styles===== */
.co-message[b-m4fy4jeeln] {
    padding: 50px 20px;
}



    .co-message p[b-m4fy4jeeln] {
        font-size: 1.1rem;
        line-height: 1.8;
    }

.highlight[b-m4fy4jeeln] {
    color: #28844e;
    font-weight: 600;
}

.section-title[b-m4fy4jeeln] {
    color: rgba(0, 152, 70, 1) !important;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}
.image-size[b-m4fy4jeeln] {
    position: absolute;
    font-size: 11px;
    right: 15px;
    top: 6px;
    background: #000000;
    color: #fff;
    border-radius: 5px;
    padding: 3px 4px;
}
/* _content/GP_WebPortal/Views/Shared/CmsPages/_Home.cshtml.rz.scp.css */
.image-size[b-ribgxvqvbh] {
    position: absolute;
    font-size: 11px;
    right: 123px;
    top: 6px;
    background: #000000;
    color: #fff;
    border-radius: 5px;
    padding: 3px 4px;
}
.topptag[b-ribgxvqvbh] {
    margin-top: -16px;
}
.mission-card .card-body[b-ribgxvqvbh] {
    background-color: #00a651;
    color: white;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.vision-card .card-body[b-ribgxvqvbh] {
    background-color: #000;
    color: white;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.image-size-new[b-ribgxvqvbh] {
    position: absolute;
    font-size: 7px;
    right: 123px;
    top: 6px;
    background: #000000;
    color: #fff;
    border-radius: 5px;
    padding: 3px 4px;
    display:flex;
}
/* _content/GP_WebPortal/Views/Shared/Components/CartIcon/CartIcon.cshtml.rz.scp.css */
.cart-body[b-lzrjjj09cn] {
    position: absolute;
    right: 100px;
    z-index: 9999;
    width: 300px;
    padding-top: 22px;
    display: none;
}
.mycart[b-lzrjjj09cn]{
    font-size:30px;
}
.mycart[b-lzrjjj09cn] {
    width: 30px;
}

.cart-body ul[b-lzrjjj09cn] {
    padding-left: 0px;
    max-height: 350px;
    overflow: auto;
}

.cart-body li[b-lzrjjj09cn] {
    list-style-type: none;
}

.header-cart-item[b-lzrjjj09cn] {
    display: flex;
    padding: 10px 12px;
}

.header-cart-item-image[b-lzrjjj09cn] {
    width: 68px;
    margin-right: 8px;
    border-radius: 6px;
    box-shadow: 0 0 6px #eee;
    overflow: hidden;
    min-width: 68px;
    aspect-ratio: 2 / 2;
}

ul.header-right-menu img[b-lzrjjj09cn] {
    width: 22px;
    aspect-ratio: 2 / 2;
    object-fit: cover;
}

.header-cart-item-body[b-lzrjjj09cn] {
    align-items: center;
    display: flex;
}

    .header-cart-item-body h6[b-lzrjjj09cn] {
        font-size: 14px;
        margin-bottom: 0;
    }

    .header-cart-item-body p[b-lzrjjj09cn] {
        margin-bottom: 0;
        font-size: 12px !important;
        line-height: 20px;
    }

.btn-primary[b-lzrjjj09cn] {
    color: #fff;
    background-color: rgb(0 152 70);
    border-color: #0d6efd;
}

.bg-primary[b-lzrjjj09cn] {
    --bs-bg-opacity: 1;
    background-color: rgb(0 152 70) !important;
}
/* _content/GP_WebPortal/Views/Shared/Components/DateFilter/DateFilter.cshtml.rz.scp.css */

[b-0ji9qikivm].filter-box {
    position: absolute;
    top: 44px;
    left: auto;
    right: 0;
    width: 320px;
    height: auto;
    background: #fff;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 5px -9px 16px 19px rgb(202 191 191 / 15%);
    transition: all .25s ease;
    z-index: 1000;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

.filter-box[b-0ji9qikivm]::before {
    content: "";
    position: absolute;
    top: -12px;
    right: 0px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
}

.filter-box.show[b-0ji9qikivm] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.filter-header[b-0ji9qikivm] {
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
}
[b-0ji9qikivm].DateRangeOnDate,
[b-0ji9qikivm].DateRangeFromDate,
[b-0ji9qikivm].DateRangeToDate {
    position: relative;
}

[b-0ji9qikivm].input-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 16px;
    pointer-events: none;
}

/* Space for calendar icon */

[b-0ji9qikivm].DateRangeOnDate .form-control,
[b-0ji9qikivm].DateRangeFromDate .form-control,
[b-0ji9qikivm].DateRangeToDate .form-control {
    padding-left: 36px;
}

.filter-icon[b-0ji9qikivm] {
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    background: red;
    padding: 5px 5px;
    border-radius: 4px;
}

    .filter-icon:hover[b-0ji9qikivm] {
        color: #ffff;
        background: #0dcaf0;
    }

.icon-btn[b-0ji9qikivm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .icon-btn:hover[b-0ji9qikivm] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0,0,0,0.12);
    }
/* _content/GP_WebPortal/Views/Shared/Components/DateRangeFilter/DateRangeFilter.cshtml.rz.scp.css */

[b-v089t0so5w].filter-box {
    position: absolute;
    top: 44px;
    left: auto;
    right: 0;
    width: 320px;
    height: auto;
    background: #fff;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 5px -9px 16px 19px rgb(202 191 191 / 15%);
    transition: all .25s ease;
    z-index: 1000;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

.filter-box[b-v089t0so5w]::before {
    content: "";
    position: absolute;
    top: -12px;
    right: 0px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
}

.filter-box.show[b-v089t0so5w] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.filter-header[b-v089t0so5w] {
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
}

[b-v089t0so5w].DateRangeFromDate,
[b-v089t0so5w].DateRangeToDate {
    position: relative;
}

[b-v089t0so5w].input-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 16px;
    pointer-events: none;
}

/* Space for calendar icon */
[b-v089t0so5w].DateRangeFromDate .form-control,
[b-v089t0so5w].DateRangeToDate .form-control {
    padding-left: 36px;
}

.filter-icon[b-v089t0so5w] {
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    background: red;
    padding: 5px 5px;
    border-radius: 4px;
}

    .filter-icon:hover[b-v089t0so5w] {
        color: #ffff;
        background: #0dcaf0;
    }

.icon-btn[b-v089t0so5w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .icon-btn:hover[b-v089t0so5w] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0,0,0,0.12);
    }


/* _content/GP_WebPortal/Views/Shared/Components/DistributorProfile/DistributorProfile.cshtml.rz.scp.css */
header-right-menu a[b-b45muno4yd] {
    color: #000;
    text-decoration: none;
    text-align: center;
    margin-left: 24px;
    display: block;
}
.user-info-box[b-b45muno4yd]{
    margin-left:0px !important
}
.user-info-box p[b-b45muno4yd]{
    margin-left: 0px !important
}
.home-account-details a.dropdown-item[b-b45muno4yd] {
    margin-left: 0px !important;
}

.home-account-details a[b-b45muno4yd] {
    text-align: left !important;
}

.header-right-menu a[b-b45muno4yd] {
    color: #000;
    text-decoration: none;
    text-align: center;
/*    margin-left: 24px;*/
    display: block;
}

.home-account-details i[b-b45muno4yd] {
    width: 26px;
}

[b-b45muno4yd] .home-account-details {
    position: relative;
}
    [b-b45muno4yd] .home-account-details .dropdown-menu {
        position: absolute;
        right: 0;
        top: calc(100% + 10px);
        min-width: 220px;
        z-index: 1050;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-6px);
        transition: opacity 0.2s ease, transform 0.2s ease;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(6px);
        border-radius: 6px;
        border: 1px solid rgba(0,0,0,0.08);
    }

    [b-b45muno4yd] .home-account-details:focus-within .dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }
    [b-b45muno4yd] .home-account-details .dropdown-toggle::after {
        display: none;
    }

/* _content/GP_WebPortal/Views/Shared/Components/DownlineUserDetails/DownlineUserDetails.cshtml.rz.scp.css */
[b-32biw441sn] .treeuserbreadcomb a {
    color: #fffdfd;
    font-size: 14px;
    padding-right: 10px;
    border-right: 1px solid;
    margin-right: 6px;
    text-decoration: none;
}

[b-32biw441sn] .downline-click-icons {
    min-width: 53px;
}

    [b-32biw441sn] .downline-click-icons div {
        min-width: 32px;
    }

[b-32biw441sn] .noshorting {
    padding-right: 10px !important;
}

    [b-32biw441sn] .noshorting::after, [b-32biw441sn] .noshorting::before {
        display: none !important
    }

[b-32biw441sn] .treeuserbreadcomb {
    background: green;
    display: inline-block;
    padding: 3px 11px;
    margin: 10px 0;
    border-radius: 6px;
    margin-right: 6px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

    [b-32biw441sn] .treeuserbreadcomb:first-child {
        background: #20c997;
    }

        [b-32biw441sn] .treeuserbreadcomb:first-child a {
            border-right: none;
            margin-right: 0;
            padding-right: 0px;
        }

[b-32biw441sn] .popup-profile-icon {
    border-radius: 100%;
    box-shadow: 0 0 3px;
    width: 100%;
    aspect-ratio: 2 / 2;
    object-fit: contain;
}

[b-32biw441sn] .profile-popup-icon {
    width: 30px
}

/* _content/GP_WebPortal/Views/Shared/Components/SocialSharing/SocialSharing.cshtml.rz.scp.css */
.::deep socialsharing[b-7uufr4plsj] {
    text-align: center;
}

  [b-7uufr4plsj]  .socialsharing a {
        display: inline-block;
        padding: 0.7em;
        line-height: 0;
        /* margin-bottom: 2em; */
        color: #000;
    }

[b-7uufr4plsj] aside.socialsharing {
    width: 100%;
    display: flex;
    border: 3px solid #28844e;
    border-radius: 10px;
    /* left: 0; */
}
.twitter-x[b-7uufr4plsj] {
    mask-image: url(images/icons/twetter-x.webp);
    background: #fff;
    mask-position: center;
    -webkit-mask-image: url(images/icons/twetter-x.webp);
    -webkit-mask-size: 12px;
    width: 20px;
    height: 20px;
    -webkit-mask-repeat: no-repeat;
}
/* _content/GP_WebPortal/Views/Shared/Components/SYSCode/SYSCode.cshtml.rz.scp.css */
.fw-semibold[b-cm9w7g3tlz] {
    font-weight: 500;
}

.fw-bold[b-cm9w7g3tlz] {
    font-weight: 600;
}

.card-body label[b-cm9w7g3tlz] {
    font-size: 0.9rem;
}

.card-body .fw-bold[b-cm9w7g3tlz] {
    font-size: 1rem;
}
/* _content/GP_WebPortal/Views/Shared/Components/ViewProfile/ViewProfile.cshtml.rz.scp.css */
.info-card[b-945amz6qgd] {
    border-radius: 20px;
    background: #ffffff;
    padding: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

    .info-card:hover[b-945amz6qgd] {
        transform: translateY(-3px);
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
    }

.header-card[b-945amz6qgd] {
    border-radius: 10px;
    padding: 15px;
    background: linear-gradient(332deg, #d8fce7, #d9e5e0);
}

.AssociateSponsorName p[b-945amz6qgd] {
    width: 250px;
    word-wrap: break-word;
    text-overflow: unset !important;
    white-space: normal;
}

.profile-img[b-945amz6qgd] {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    padding: 8px;
}

.info-item i[b-945amz6qgd] {
    background: #d7f8e7;
    padding: 8px;
    border-radius: 12px;
    font-size: 18px;
    color: #28c76f;
}

.kyc-box[b-945amz6qgd] {
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    transition: 0.3s;
}

    .kyc-box:hover[b-945amz6qgd] {
        transform: translateX(5px);
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.06);
    }

.kyc-status[b-945amz6qgd] {
    font-weight: 700;
}

.progress[b-945amz6qgd] {
    height: 16px !important;
    border-radius: 30px;
}

.progress-bar[b-945amz6qgd] {
    background: linear-gradient(90deg, #26d782, #2ecc71);
}

.nav-pills .nav-link[b-945amz6qgd] {
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 8px;
}

    .nav-pills .nav-link.active[b-945amz6qgd] {
        background: #4caf50 !important;
        color: #fff;
    }

img.AssociateProimg[b-945amz6qgd] {
    width: 100px !important;
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-radius: 50px;
    border: 2px #e9e9e9 solid;
    padding: 5px;
}

.ProfileImagesec[b-945amz6qgd] {
    padding-top: 15px;
}

.accInformation[b-945amz6qgd] {
    display: flex;
    align-items: center;
    background: #d8f2e4;
    margin-bottom: 15px;
    border-radius: 6px;
    padding: 5px 10px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {


    .nav-pills .nav-link[b-945amz6qgd] {
        font-weight: 600;
        padding: 6px 13px;
        border-radius: 8px;
    }
}

.kyc-card[b-945amz6qgd] {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

/* Row */
.kyc-row[b-945amz6qgd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
    border-radius: 12px;
    margin-bottom: 12px;
    transition: all .25s ease;
}

/* Left section */
.kyc-left[b-945amz6qgd] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    font-size:12px;
}

    .kyc-left i[b-945amz6qgd] {
        font-size: 20px;
        transition: transform .25s ease;
    }

/* Status pill */
.kyc-pill[b-945amz6qgd] {
    padding: 6px 14px;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 600;
    letter-spacing: .3px;
    min-width: 100px;
    text-align: center;
}

/* Approved */
.approved[b-945amz6qgd] {
    background: #e7f5ee;
    color: #1e7e34;
}

    .approved .kyc-pill[b-945amz6qgd] {
        background: #1e7e34;
        color: #fff;
    }

/* Pending */
.pending[b-945amz6qgd] {
    background: #fff4d6;
    color: #b78103;
}

    .pending .kyc-pill[b-945amz6qgd] {
        background: #ffc107;
        color: #000;
    }

/* Rejected / Not Uploaded */
.rejected[b-945amz6qgd] {
    background: #fdecea;
    color: #dc3545;
}

    .rejected .kyc-pill[b-945amz6qgd] {
        background: #dc3545;
        color: #fff;
    }

/* Hover effects */
.kyc-row:hover[b-945amz6qgd] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

    .kyc-row:hover i[b-945amz6qgd] {
        transform: scale(1.15);
    }
/* _content/GP_WebPortal/Views/Shared/_distributorLayout.cshtml.rz.scp.css */
@media screen and (min-width: 320px) and (max-width: 767px) {
    .order-summary-container[b-km2e8ommw8] {
        width: 100% !important;
    }
    .myorders-list-sec[b-km2e8ommw8] {
        overflow-y: auto;
        max-height: calc(100vh - 544px);
    }
}
.Distributor-menu-sec[b-km2e8ommw8] {
    background: #e9e9e9 !important;
}
.showfooterbg[b-km2e8ommw8] {
    background: #818181 !important;
    color:#fff !important;
}
.mainmenu.active + .sumenu[b-km2e8ommw8] {
    display: block;
    background: #dfdfdf;
    color: #0000 !important;
}

[b-km2e8ommw8].sidemenu ul {
    margin-bottom: 0;
    padding-left: 0;
}
[b-km2e8ommw8].sidemenu li {
    list-style-type: none;
    margin-bottom: 10px;
}
[b-km2e8ommw8].sidemenu a.mainmenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[b-km2e8ommw8] .sidemenu a {
    color: #000 !important;
    
}
[b-km2e8ommw8] .sidemenu a {
    text-decoration: none;
    display: block;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}
[b-km2e8ommw8] .leftpanel.Distributor-menu ul.sumenu {
    border-left: 2px solid #000 !important;
    background: #dfdfdf !important;
}
[b-km2e8ommw8] .sidemenu li {
    list-style-type: none;
    /* margin-bottom: 10px; */
}
[b-km2e8ommw8] ul.sumenu a {
    font-size: 14px;
}
[b-km2e8ommw8] .sidemenu a {
    text-decoration: none;
    display: block;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}

[b-km2e8ommw8] .sidemenu a.mainmenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* _content/GP_WebPortal/Views/Shared/_HeadOfficeLayout.cshtml.rz.scp.css */

@media screen and (min-width: 320px) and (max-width: 720px) {
    ul.quickitems.d-inline-flex li[b-p0arj23048] {
        width: calc(100% / 3);
    }
}


@media screen and (min-width: 320px) and (max-width: 1024px) {
    .left-0[b-p0arj23048] {
        left: 0px !important;
    }
}

.sidemenu a[b-p0arj23048] {
    color: #000 !important;
}

ul.sidemenu[b-p0arj23048] {
    border-left: 2px solid #008000 !important;
}

.quiklinkmenu a[b-p0arj23048] {
    text-decoration: none !important;
    color: #000 !important;
}

.sidemenu a.activated[b-p0arj23048], .sidemenu li a.activated[b-p0arj23048] {
    color: #fff !important;
    background: #008000 !important;
}

.toogle-btn[b-p0arj23048] {
    padding: 0px 28px !important;
    /* margin-right: 10px; */
}

.card-header.fw-bold.Profile-header[b-p0arj23048] {
    background: #bfe8d0 !important;
    color: #00581d;
    font-weight: 600;
}

.HeadOffice-menu-sec[b-p0arj23048] {
    background: #e9e9e9 !important
}

.showfooterbg[b-p0arj23048] {
    background: #818181 !important;
    color: #fff !important;
}

.leftpanel.HeadOffice-menu ul.sumenu[b-p0arj23048] {
    border-left: 2px solid #000 !important;
    background: #dfdfdf !important;
}


.sidemenu li a[b-p0arj23048] {
    color: #000 !important;
}

.leftpanel.HeadOffice-menu ul.sumenu[b-p0arj23048] {
    border-left: 2px solid #000 !important;
    background: #dfdfdf !important;
}


.sidemenu a.activated[b-p0arj23048], .sidemenu li a.activated[b-p0arj23048] {
    color: #fff !important;
    background: #008000 !important;
}
/* _content/GP_WebPortal/Views/Shared/_Layout.cshtml.rz.scp.css */
.opensite[b-i17vvaitpm] {
    font-family: Roboto Condensed;
    /*    line-height: 30px; */
}

header[b-i17vvaitpm] {
    position: sticky;
    top: 0px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 6px #ddd8d8;
    z-index: 999;
    line-height: 24px;
    padding: 10px 0px;
}

img.login[b-i17vvaitpm] {
    width: 30px !important;
}

img.sing-up[b-i17vvaitpm] {
    width: 25px !important;
}

.text-primary[b-i17vvaitpm] {
    color: rgba(0, 152, 70, 1) !important;
}

.logo[b-i17vvaitpm] {
    width: 65px;
    padding: 2px 0px;
}

.invoice-popup[b-i17vvaitpm] {
    max-width: 900px;
}

.filter-section[b-i17vvaitpm] {
    position: sticky;
    top: 119px;
    overflow-y: auto;
}

[b-i17vvaitpm].add-to-cart-button {
    font-size: 12px !important;
    padding: 2px 8px !important;
}

.btn-success[b-i17vvaitpm] {
    color: #fff;
    background-color: rgba(0, 152, 70, 1) !important;
    border-color: rgba(0, 152, 70, 1) !important;
}

[b-i17vvaitpm].header-right-menu a {
    color: #000;
    text-decoration: none;
}

[b-i17vvaitpm] .header-right-menu a {
    color: #000;
    text-decoration: none;
    text-align: center;
    /*    margin-left: 24px;*/
    display: block;
}

[b-i17vvaitpm] .home-account-details a {
    text-align: left !important;
}

[b-i17vvaitpm] .home-account-details i {
    width: 26px;
}

[b-i17vvaitpm] .home-account-details a.dropdown-item {
    margin-left: 0px !important;
}

[b-i17vvaitpm] .home-account-details .dropdown-menu {
    right: 60px;
    background: transparent;
    border: none;
    top: 65px;
    padding-top: 21px;
}

[b-i17vvaitpm].home-account-details span.dropdown-toggle {
    width: 28px;
    cursor: pointer;
    display: block;
}

.menulogo[b-i17vvaitpm] {
    display: flex;
    margin: 0 auto;
}

[b-i17vvaitpm] .toogle-menu {
    width: 25px;
}

.text-success[b-i17vvaitpm] {
    color: rgba(0, 152, 70, 1) !important;
    font-weight: 600 !important;
}

/*=======offcanvs styles start=======*/
.offcanvas-header[b-i17vvaitpm] {
    border-bottom: 1px solid #ddd;
}

.menu-list > li:last-child[b-i17vvaitpm] {
    border-bottom: none !important;
    /* softer border */
    padding: 0.75rem 0;
    margin: 0;
}

.menuoffcanvs-body[b-i17vvaitpm] {
    background-image: url(assets/images/sub-banners/offcanvs-bg.webp);
    background: linear-gradient(to right, #0a3c2f, #147d3e);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: white !important;
    backdrop-filter: blur(50px);
}

.menu-list > li[b-i17vvaitpm] {
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 0;
}

    .menu-list > li > a[b-i17vvaitpm] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000;
        text-decoration: none !important;
        font-weight: 600;
    }

.menu-list li a i[b-i17vvaitpm] {
    font-size: 20px;
    color: #fff !important;
}

.list-unstyled li i[b-i17vvaitpm] {
    color: #198754;
    font-size: 13px;
    min-width: 15px;
    margin-right: 8px;
    text-align: center;
    position: relative;
}


.navbar-nav .nav-item .nav-link[b-i17vvaitpm] {
    padding: 0px 3px !important;
}

.menu-list li a[b-i17vvaitpm] {
    color: #fff !important;
}



.offcanvas-header img[b-i17vvaitpm] {
    height: 40px;
}

.nav-link[b-i17vvaitpm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s;
}

.submenu a[b-i17vvaitpm] {
    display: block;
    padding: 5px 8px;
    text-decoration: none;
    /*    border-bottom: 1px dotted #fff;*/
}

    .submenu a:last-child[b-i17vvaitpm] {
        border-bottom: none;
    }



/*=======end here==========*/

.search-icon[b-i17vvaitpm] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    margin-left: 20px;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 152, 70, 1);
}

button.btn-close.offcanvasclose[b-i17vvaitpm] {
    position: absolute;
    right: 25px;
    top: 25px;
    background: rgba(0, 152, 70, 1);
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    z-index: 999;
    line-height: 0;
    text-align: center;
    font-size: 30px;
}

ul.header-right-menu[b-i17vvaitpm] {
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 0px;
}



.offcanvas-start[b-i17vvaitpm] {
    width: 280px !important;
}

.header-right-menu a[b-i17vvaitpm] {
    color: #000;
    text-decoration: none;
    text-align: center;
    /*    margin-left: 24px;*/
    display: block;
    font-size: 25px;
}

    .header-right-menu a i[b-i17vvaitpm] {
        font-size: 32px;
        color: rgba(0, 152, 70, 1);
    }


.header-right-menu .header-icon-text[b-i17vvaitpm] {
    font-size: 14px;
    width: 100%;
    display: block;
}

.count[b-i17vvaitpm] {
    position: relative;
}

.cart-count-num[b-i17vvaitpm] {
    position: absolute;
    border-radius: 50%;
    background: #000;
    font-size: 12px !important;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    top: -2px;
    right: -0px;
    color: #fff !important;
}

.offer-btn[b-i17vvaitpm] {
    margin-right: 10px;
}


.footer[b-i17vvaitpm] {
    background: linear-gradient(to right, #0a3c2f, #147d3e);
    color: white;
}

    .footer h6 strong[b-i17vvaitpm] {
        font-size: 20px;
        color: #fff !important;
    }

    .footer a[b-i17vvaitpm] {
        color: white;
        text-decoration: none;
    }




.footer-bottom[b-i17vvaitpm] {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 10px;
    font-size: 14px;
}

.contact-text[b-i17vvaitpm] {
    color: rgba(255, 255, 255, 1) !important;
}

.contact-info p[b-i17vvaitpm] {
    font-size: 14px;
    font-weight: 700;
}

.contact-icon[b-i17vvaitpm] {
    font-size: 30px;
}

[b-i17vvaitpm] .breadcrumb-item + .breadcrumb-item::before {
    color: rgb(255 255 255 / 75%);
}

.contact-box[b-i17vvaitpm] {
    margin-left: 10px;
}

.app-buttons[b-i17vvaitpm] {
    display: flex;
    padding-left: 0;
    list-style: none !important;
    align-items: center;
}

ul.app-buttons li[b-i17vvaitpm] {
    margin-right: 20px;
}

    ul.app-buttons li img[b-i17vvaitpm] {
        width: 100px;
    }

[b-i17vvaitpm] img .GooglePlayStore {
    width: 130px !important;
}

[b-i17vvaitpm] img .download-app {
    width: 130px !important;
}

[b-i17vvaitpm] .footer .social-icons a {
    font-size: 14px;
}

[b-i17vvaitpm] .social-icons i {
    border-radius: 5px;
    padding: 6px;
    background-color: #ffff;
    color: #000;
}

    [b-i17vvaitpm] .social-icons i:hover {
        background-color: rgba(0, 152, 70, 1);
        color: #fff;
    }


.category-badge[b-i17vvaitpm] {
    background-color: rgba(0, 152, 70, 1);
    color: white;
    font-size: 0.75rem;
    padding: 5px 15px;
    border-radius: 20px;
    border-style: none;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

/* ====owl dots styles===== */
[b-i17vvaitpm] .owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    font-size: 30px;
    width: 40px;
    height: 40px;
}

    [b-i17vvaitpm] .owl-nav button.owl-prev {
        left: 0;
    }

[b-i17vvaitpm] .owl-prev svg {
    width: 20px;
    height: 20px;
}

[b-i17vvaitpm] .owl-next svg {
    width: 20px;
    height: 20px;
    color: rgba(0, 142, 204, 1)
}


[b-i17vvaitpm] .owl-nav button.owl-next {
    right: 0;
}

[b-i17vvaitpm] .owl-dots {
    text-align: center;
    padding-top: 15px;
}

    [b-i17vvaitpm] .owl-dots button.owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        background: #ccc;
        margin: 0 3px;
    }

        [b-i17vvaitpm] .owl-dots button.owl-dot:focus {
            outline: none;
        }

[b-i17vvaitpm] .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

    [b-i17vvaitpm] .owl-nav button:focus {
        outline: none;
    }


/* ----owl dots end----*/


[b-i17vvaitpm] .subheading {
    font-size: 29px;
    font-weight: bold;
    color: #fff !important;
}

[b-i17vvaitpm] .product-name {
    font-size: 14px;
    height: 30px;
}

[b-i17vvaitpm] .socialsharing {
    position: absolute;
    right: 0px;
    width: 32px;
    font-size: 23px;
    height: 100%;
    display: none;
}

[b-i17vvaitpm] .product-box:hover .socialsharing {
    display: block;
}



[b-i17vvaitpm] .socialsharing a {
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    background: #28844e;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-bottom: 19px;
}

[b-i17vvaitpm] .product-card {
    padding: 5px 0px;
}

[b-i17vvaitpm] .nav-tabs .nav-link.active,
.nav-tabs .show > .nav-link[b-i17vvaitpm] {
    color: #fff !important;
    background-color: #28844e;
}



/*Cart css added*/

[b-i17vvaitpm] .minicart:hover .cart-body {
    display: block;
}

[b-i17vvaitpm] #DistributorProfilerefresh .dropdown-menu {
    top: 16px !important;
}

[b-i17vvaitpm] .cart-body li {
    list-style-type: none;
}

[b-i17vvaitpm] .cart-body ul {
    padding-left: 0px;
    max-height: 300px;
    overflow: auto;
}

[b-i17vvaitpm] .home-account-details .dropdown-menu {
    width: 300px;
}

[b-i17vvaitpm] .cart {
    position: relative;
    top: 0;
    z-index: 999;
    color: #28844e;
    font-size: 20px;
}

[b-i17vvaitpm] .home-account-details i {
    width: 26px;
}

[b-i17vvaitpm] .home-account-details a {
    text-align: left !important;
}

    [b-i17vvaitpm] .home-account-details a.dropdown-item {
        margin-left: 0px !important
    }

[b-i17vvaitpm] .minicart span.badge {
    position: absolute;
    background: #e2725b;
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -4px;
    border-radius: 50%;
    top: -15px;
}

[b-i17vvaitpm] .banner-botton a {
    text-align: center;
    color: #007540;
    text-decoration: none;
    font-weight: 600;
    font-size: 24px;
    animation: blinker-b-i17vvaitpm 1s linear infinite;
}

[b-i17vvaitpm] .Crown_header h2 {
    font-size: 20px;
    font-weight: 600;
}

[b-i17vvaitpm] .banner-botton {
    background-image: url(images/open-site/email-subscribe.webp);
    background-position: bottom;
    padding: 14px 0;
    text-align: center;
}

.achiver-image img[b-i17vvaitpm] {
    aspect-ratio: 90/99;
}


.form-control:focus[b-i17vvaitpm] {
    box-shadow: rgba(0, 152, 70, 1) !important;
    border-color: rgba(0, 152, 70, 1) !important;
}

@keyframes blinker-b-i17vvaitpm {
    50% {
        opacity: 0;
    }
}

.header-cart-item-image img[b-i17vvaitpm] {
    width: 100%;
}

.mainmenu-submenu[b-i17vvaitpm]  img {
    width: 40px;
    margin-right: 8px;
}

.single-menu.submenu li[b-i17vvaitpm] {
    width: 100%;
}

[b-i17vvaitpm] .single-menu a {
    color: #000;
    text-decoration: none;
    margin-bottom: 8px;
}

/*header end*/
/*product card*/
[b-i17vvaitpm] .product {
    border: 2px solid #8B96A5;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 100%
}

[b-i17vvaitpm] .product-image {
    padding: 15px 15px 0 15px;
    position: relative;
}

[b-i17vvaitpm] .product-details {
    background: #F6F6F6;
    font-weight: 600;
    padding: 11px 15px;
    height: 100%;
}

    [b-i17vvaitpm] .product-details a {
        text-decoration: none;
        color: #000;
        width: 100%;
        height: 50px;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

[b-i17vvaitpm] .product-btn button {
    background: rgba(0, 152, 70, 1) !important;
    border-radius: 7px;
    border: none;
    width: 35px;
    height: 35px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}




[b-i17vvaitpm] .product-btnshop button {
    background: rgba(0, 152, 70, 1) !important;
    border-radius: 6px;
    border: none;
    width: 64px;
    font-size: 10px;
    height: 28px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.product-btn button i[b-i17vvaitpm] {
    display: block;
}

[b-i17vvaitpm] .product-image img {
    width: 100%;
}


img.GooglePlayStore[b-i17vvaitpm] {
    width: 246px !important;
}

img.download-app[b-i17vvaitpm] {
    width: 500px !important;
}

.loader-sec[b-i17vvaitpm] {
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: #00000094;
    display: none;
    align-items: center;
    justify-content: center;
}

.loader[b-i17vvaitpm] {
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
    background-color: #FFF;
    background: radial-gradient(ellipse at center, green 0%, green 14%, #FFF 15%, #FFF 100%);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}

    .loader[b-i17vvaitpm]::after,
    .loader[b-i17vvaitpm]::before {
        content: '';
        position: absolute;
        height: 16px;
        width: 4px;
        background: green;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
        transform-origin: 25% 0;
        box-sizing: border-box;
        animation: rotation 10s linear infinite;
    }

    .loader[b-i17vvaitpm]::before {
        height: 22px;
        width: 2px;
        transform: translateX(-50%) rotate(0deg);
        animation-duration: 1s;
    }

.loader-sec[b-i17vvaitpm] {
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: #00000094;
    display: none;
    align-items: center;
    justify-content: center;
}


/*=========new menu styles=====*/


.home-btns[b-i17vvaitpm] {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* Login button */
.btn-login[b-i17vvaitpm] {
    padding: 10px 22px;
    border-radius: 32px;
    border: 1px solid rgba(226, 226, 226, 1);
    background: transparent;
    color: #000;
    transition: all 0.3s ease;
}


/* Get Started gradient button */
.get-btn[b-i17vvaitpm] {
    padding: 10px 22px;
    border-radius: 32px;
    border: none;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #7CCD22 0%, #1BB99B 100%);
    white-space: nowrap;
}



img.website-logo[b-i17vvaitpm] {
    width: 45px !important;
}

.home-btns[b-i17vvaitpm] {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* Login button */
.btn-login[b-i17vvaitpm] {
    padding: 10px 28px;
    border-radius: 32px;
    border: 1px solid rgba(226, 226, 226, 1);
    background: transparent;
    color: #000;
    font-weight: 600;
    transition: all 0.3s ease;
}





.user-dropdown ul li[b-i17vvaitpm] {
    list-style: none;
}



img.website-logo[b-i17vvaitpm] {
    width: 50px;
}

.mainmenu ul[b-i17vvaitpm] {
    margin-bottom: 0;
    padding-left: 15px;
}



    .mainmenu ul li[b-i17vvaitpm] {
        display: inline-flex;
        position: relative;
    }

.submenu-home-header[b-i17vvaitpm] {
    position: absolute;
    left: 0;
    top: 0px;
    width: 140px;
    padding-top: 40px;
    display: none;
}

.mainmenu ul li a[b-i17vvaitpm] {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    padding: 12px 16px;
    /* Prevents text from wrapping */
}

.mainmenu ul li[b-i17vvaitpm] {
    display: inline-flex;
    position: relative;
    /* Adjust this value as needed */
}

    .mainmenu ul li a:hover[b-i17vvaitpm] {
        color: rgb(0, 152, 70);
    }


    .mainmenu ul li a:active[b-i17vvaitpm] {
        color: rgb(0, 152, 70);
    }


    .mainmenu ul li a.active[b-i17vvaitpm],
    .mainmenu ul li.active > a[b-i17vvaitpm] {
        color: rgb(0, 152, 70);
    }

    .mainmenu ul li a[b-i17vvaitpm] {
        transition: color .3s ease;
    }


    .mainmenu ul li:hover .submenu-home-header[b-i17vvaitpm] {
        display: block;
    }

.submenu-home-header ul[b-i17vvaitpm] {
    background: #fff;
    padding-left: 0;
    box-shadow: 0 0 6px #cbcbcb;
    padding: 15px;
    border-radius: 10px;
    border-top: 4px solid green;
    padding-bottom: 0;
}

.submenu-home-header li[b-i17vvaitpm] {
    display: block;
    margin-right: 0;
    margin-bottom: 13px;
    width: 100%;
}

.left-0[b-i17vvaitpm] {
    left: 0px !important;
}



.user-dropdown .dropdown-menu[b-i17vvaitpm] {
    min-width: 200px;
}

.user-dropdown i[b-i17vvaitpm] {
    cursor: pointer;
}

.submenu-home-header ul li a[b-i17vvaitpm] {
    padding: 0px 8px !important;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
    .header-right-menu span[b-i17vvaitpm] {
        font-size: 10px !important;
    }

    img.website-logo[b-i17vvaitpm] {
        width: 50px;
        margin-left: 25px;
    }

    .mainmenu ul li a[b-i17vvaitpm] {
        color: #ffff;
    }

    .toogle-menu[b-i17vvaitpm] {
        font-size: 22px;
        align-items: center;
    }

    .btn-login[b-i17vvaitpm] {
        font-size: 14px;
        padding: 4px 16px;
    }

    .get-btn[b-i17vvaitpm] {
        font-size: 14px;
        padding: 4px 16px;
    }

    ul.nav.nav-tabs.subpage-nav.nav-justified[b-i17vvaitpm] {
        display: inherit !important
    }

    .mobile-overlay[b-i17vvaitpm] {
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        background: #000000a8;
        z-index: 9999;
    }

    .main-menu-sec[b-i17vvaitpm] {
        position: fixed;
        width: 280px;
        height: 100vh;
        background: #007540;
        z-index: 99999;
        top: 0;
        left: -100%;
        transition-duration: 0.5s;
    }



    a.mbl-logo[b-i17vvaitpm] {
        background: #fff;
        margin-left: -15px;
        margin-right: -10px;
        margin-bottom: 20px;
    }

        a.mbl-logo img[b-i17vvaitpm] {
            display: flex;
            margin: 0 auto;
            padding-bottom: 10px;
            padding-top: 12px;
        }

    .mainmenu li[b-i17vvaitpm] {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }



    .submenu-home-header[b-i17vvaitpm] {
        position: relative;
        left: -80px;
        top: -1px;
        width: 120px;
        padding-top: 40px;
        display: none;
    }

        .submenu-home-header ul[b-i17vvaitpm] {
            background: #ffffff;
            width: 200px;
            color: #000000;
        }

            .submenu-home-header ul li a[b-i17vvaitpm] {
                color: #000000;
            }
}