

<style>


/* Style the search input */
.dataTables_wrapper .dataTables_filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dataTables_wrapper .dataTables_filter label {
  font-weight: 500;
  font-size: 15px;
  color: #333;
  display: flex;
  align-items: center;
}

.dataTables_wrapper .dataTables_filter input {
  width: 250px; /* You can increase/decrease this as needed */
  padding: 6px 12px;
  margin-left: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

/* Make it full width on mobile */
@media (max-width: 576px) {
  .dataTables_wrapper .dataTables_filter {
    justify-content: flex-start;
    width: 100%;
    margin-top: 10px;
  }

  .dataTables_wrapper .dataTables_filter input {
    width: 100%;
    margin-left: 0;
    margin-top: 6px;
  }

  .dataTables_wrapper .dataTables_filter label {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
    
/* Apply border to all table cells */
/* Scroll only the table */
.datatable-scroll-wrapper {
    overflow-x: auto;
    width: 100%;
}

/* Optional: Make search input responsive */
.dataTables_filter input {
    width: 100%;
    max-width: 300px;
}


#staffTable {
    width: 100% !important;
}

#staffTable th,
#staffTable td {
    white-space: nowrap;
    border: 1px solid #dee2e6;
    text-align: left;
    vertical-align: middle;
    padding: 8px 12px;
}

    /* Style the DataTables search input */
.dataTables_filter input {
    width: 100%;
    max-width: 300px; /* Adjust max width as needed */
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Optional: Align it better on small screens */
@media (max-width: 768px) {
    .dataTables_filter {
        text-align: left;
    }
    .dataTables_filter input {
        max-width: 100%;
        width: 100%;
    }
}

            /* Equal height columns */
        /* Equal height for all cards */
            .dataTables_wrapper .dataTables_length select {
    padding: 3px 30px 3px  3px !important;

}
div.dataTables_wrapper div.dataTables_length select{
    font-size: 14px;
}
        .form-control .form-select{
        padding: 0px 10px;
        }s
        [data-staff-grid] .col-md-6,
        [data-staff-grid] .col-lg-4 {
            display: flex;
            flex-direction: column;
        }

        .staff-card {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 24px;
            border-radius: 12px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.06);
            background-color: #fff;
        }

        /* Profile image */
        .staff-photo {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #f0f0f0;
            margin: 0 auto 12px;
        }

        /* Name and ID */
        .staff-name {
            font-size: 1.15rem;
            font-weight: 700;
            color: #2e7d32;
            text-align: center;
            margin-bottom: 4px;
        }

        .employee-id {
            display: block;
            font-size: 0.85rem;
            color: #999;
            text-align: center;
            margin-bottom: 8px;
        }

        /* Designation */
        .staff-designation {
            font-size: 0.95rem;
            font-style: italic;
            color: #555;
            text-align: center;
            margin-bottom: 10px;
        }

        /* Department Badge */
        .staff-department {
            display: inline-block;
            background-color: #f0f0f0;
            color: #444;
            font-size: 0.85rem;
            font-weight: 500;
            border-radius: 20px;
            padding: 4px 12px;
            margin: 0 auto 12px;
        }

        /* Details */
        .staff-details {
            font-size: 0.9rem;
            margin-top: 8px;
            color: #444;
        }

        .detail-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 6px;
            border-bottom: 1px solid #f1f1f1;
            padding-bottom: 4px;
        }

        /* Push the button container to the bottom */
        .staff-info {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            background:white !important;
        }

        .staff-details {
            flex-grow: 1; /* fills space between name and button */
        }

        .staff-buttons {
            margin-top: auto; /* pushes to bottom */
            padding-top: 12px;
        }
		.staff-photo,
		.staff-table img {
			object-fit: contain !important;
			width: 122px !important;
			height: 127px !important;
			border: 3px solid #e9ecef !important;
			border-color: #e9ecef !important;
		}
</style>{"id":2630,"date":"2025-01-24T18:24:40","date_gmt":"2025-01-24T12:54:40","guid":{"rendered":"https:\/\/synthesyslive.com\/srtmun\/?page_id=2630"},"modified":"2025-07-03T16:53:39","modified_gmt":"2025-07-03T11:23:39","slug":"ugc-recognition","status":"publish","type":"page","link":"https:\/\/srtmun.synthesyslive.com\/mr\/ugc-recognition\/","title":{"rendered":"\u0935\u093f\u0926\u094d\u092f\u093e\u092a\u0940\u0920 \u0905\u0928\u0941\u0926\u093e\u0928 \u0906\u092f\u094b\u0917 \u092e\u093e\u0928\u094d\u092f\u0924\u093e"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2630\" class=\"elementor elementor-2630\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8730c92 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8730c92\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-159d9d7 elementor-widget elementor-widget-heading\" data-id=\"159d9d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0935\u093f\u0926\u094d\u092f\u093e\u092a\u0940\u0920 \u0905\u0928\u0941\u0926\u093e\u0928 \u0906\u092f\u094b\u0917 \u092e\u093e\u0928\u094d\u092f\u0924\u093e<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0bd526 elementor-widget elementor-widget-eael-breadcrumbs\" data-id=\"c0bd526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"eael-breadcrumbs\">\n\t\t\t<div class=\"eael-breadcrumbs__content\"><a href=\"https:\/\/srtmun.synthesyslive.com\/mr\">\u092e\u0941\u0916\u092a\u0943\u0937\u094d\u0920<\/a> <span class=\"eael-breadcrumb-separator\">\/<\/span> <span class = \"eael-current\">\u092a\u0943\u0937\u094d\u0920<\/span><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0cbd00d elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"0cbd00d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1e58929\" data-id=\"1e58929\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8799752 elementor-widget elementor-widget-html\" data-id=\"8799752\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe src=\"https:\/\/srtmun.synthesyslive.com\/wp-content\/uploads\/2025\/01\/UGC12BLETTER.jpg\" width=\"100%\" height=\"500px\">\n    <\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u092f\u0942\u091c\u0940\u0938\u0940 \u092e\u093e\u0928\u094d\u092f\u0924\u093e \u092e\u0941\u0916\u094d\u092f\u092a\u0943\u0937\u094d\u0920 \/ \u092a\u0943\u0937\u094d\u0920<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2630","page","type-page","status-publish","hentry","entry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"pooja","author_link":"https:\/\/srtmun.synthesyslive.com\/mr\/author\/pooja\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"UGC Recognition Home \/ Page","_links":{"self":[{"href":"https:\/\/srtmun.synthesyslive.com\/mr\/wp-json\/wp\/v2\/pages\/2630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/srtmun.synthesyslive.com\/mr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/srtmun.synthesyslive.com\/mr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/srtmun.synthesyslive.com\/mr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/srtmun.synthesyslive.com\/mr\/wp-json\/wp\/v2\/comments?post=2630"}],"version-history":[{"count":5,"href":"https:\/\/srtmun.synthesyslive.com\/mr\/wp-json\/wp\/v2\/pages\/2630\/revisions"}],"predecessor-version":[{"id":33022,"href":"https:\/\/srtmun.synthesyslive.com\/mr\/wp-json\/wp\/v2\/pages\/2630\/revisions\/33022"}],"wp:attachment":[{"href":"https:\/\/srtmun.synthesyslive.com\/mr\/wp-json\/wp\/v2\/media?parent=2630"}],"curies":[{"name":"\u0921\u092c\u094d\u0932\u094d\u092f\u0942\u092a\u0940","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}