/**
 * The contents of this file are subject to the license and copyright
 * detailed in the LICENSE and NOTICE files at the root of the source
 * tree and available online at
 *
 * http://www.dspace.org/license/
 */
.banner img {background-color: #FFFFFF;padding:15px;margin:20px;}
.brand {padding-top: 30px;}
.brand h4 {color: #999999}
ol.breadcrumb li {color: white; font-style: italic;}
ol.breadcrumb li a {color: white; font-weight: bold; font-style: normal;}
body.undernavigation {overflow-x: hidden; padding-top: 65px;}
#content {padding-bottom:60px;}
#designedby {padding: 5px;}
#footer_feedback {padding-top: 12px;}
input[type="file"] {display: block;height: auto;}
div.panel-primary div.panel-heading a {color: white;}
/* This magic gets the 16x16 icon to show up.. setting height/width didn't
   do it, but adding padding actually made it show up. */
img.ds-authority-confidence,
span.ds-authority-confidence
{ width: 16px; height: 16px; margin: 5px; background-repeat: no-repeat;
  padding: 0px 2px; vertical-align: bottom; color: transparent;}
img.ds-authority-confidence.cf-unset,
span.ds-authority-confidence.cf-unset
  { background-image: url(../../../image/authority/bug.png);}
img.ds-authority-confidence.cf-novalue,
span.ds-authority-confidence.cf-novalue
  { background-image: url(../../../image/confidence/0-unauthored.gif);}
img.ds-authority-confidence.cf-rejected,
img.ds-authority-confidence.cf-failed,
span.ds-authority-confidence.cf-rejected,
span.ds-authority-confidence.cf-failed
  { background-image: url(../../../image/confidence/2-errortriangle.gif); }
img.ds-authority-confidence.cf-notfound,
span.ds-authority-confidence.cf-notfound
  { background-image: url(../../../image/confidence/3-thumb1.gif); }
img.ds-authority-confidence.cf-ambiguous,
span.ds-authority-confidence.cf-ambiguous
  { background-image: url(../../../image/confidence/4-question.gif); }
img.ds-authority-confidence.cf-uncertain,
span.ds-authority-confidence.cf-uncertain
  { background-image: url(../../../image/confidence/5-pinion.gif); }
img.ds-authority-confidence.cf-accepted,
span.ds-authority-confidence.cf-accepted
  { background-image: url(../../../image/confidence/6-greencheck.gif); }

/* hide authority-value inputs in forms */
input.ds-authority-value { display:none; }

/** XXX Change to this to get the authority value to show up for debugging:
 input.ds-authority-value { display:inline; }
**/

/* for edit-item-form lock button */
input.ds-authority-lock
  { vertical-align: bottom; height: 24px; width: 24px; margin-right: 8px;
    background-repeat: no-repeat; background-color: transparent; }
input.ds-authority-lock.is-locked
  { background-image: url(../../../image/lock24.png); }
input.ds-authority-lock.is-unlocked
  { background-image: url(../../../image/unlock24.png); }

/* field required in submission */
.label-required:after { content:" *"; }
.browse_range { text-align: center; }
.prev-next-links { text-align: center; }

div.tagcloud {
	width:100%;
	text-align:center
}

div.tagcloud .tagcloud_1{
	color: rgb(217, 108, 39); 
	font-weight: normal; 
	margin-right: 5px;
}

div.tagcloud .tagcloud_2{
	color: rgb(66, 66, 66); 
	font-weight: normal; 
	margin-right: 5px;
}

div.tagcloud .tagcloud_3{
	color: rgb(129, 129, 131); 
	font-weight: normal; 
	margin-right: 5px;
}

div.batchimport-info {
	color: gray;
}

div.batchimport-info  a {
	color:#47a447; 
	font-weight: bold;
}

span.batchimport-error-tab {
	padding-left:10px;
}

span.batchimport-error-caused {
	font-weight:bold;
}

.break-all{
	-ms-word-break:   break-all;
	word-break:       break-all;
	word-wrap:        break-word;
}

.discovery-search-form {
	margin-left: 0px;
}

.discovery-result-pagination {
	margin-left: 0px;
}

.discovery-result-results {
	margin-left: 0px;
}

.form-control {
  height: auto !important;
}



/* Fix item metadata */
table.itemDisplayTable td.metadataFieldLabel {
    width: 20% !important;
    min-width: 150px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    font-weight: bold !important;
    text-align: right !important;
    padding-right: 15px !important;
}


/* Display authors on one line */
td.metadataFieldValue.dc_contributor br, td.metadataFieldValue.dc_contributor_author br {
    display: none;
}
td.metadataFieldValue.dc_contributor a.author:not(:last-child):after, td.metadataFieldValue.dc_contributor_author a.author:not(:last-child):after {
    content: ; ;
    color: #000;
    text-decoration: none;
}


/* Beautify file download table */
.panel-info table.panel-body > tbody > tr > th {
    background-color: #f9f9f9;
    color: #2c3e50;
    text-transform: uppercase;
    font-size: 13px;
}
.panel-info table.panel-body > tbody > tr > td {
    vertical-align: middle !important;
}
.panel-info table.panel-body img[alt=Thumbnail] {
    max-height: 90px;
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
    margin-bottom: 8px;
    transition: transform 0.2s ease;
}
.panel-info table.panel-body img[alt=Thumbnail]:hover {
    transform: scale(1.05);
}
.panel-info table.panel-body td[align=center] .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    display: inline-block;
    margin: 2px;
}


/* Beautify community and collection lists */
.list-group-item.row {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    margin: 0;
}
.list-group-item.row .col-md-3 {
    flex: 0 0 auto;
    width: 80px !important;
    padding: 0;
    margin-right: 20px;
}
.list-group-item.row .col-md-9, .list-group-item.row .col-md-12 {
    flex: 1 1 auto;
    width: auto !important;
    padding: 0;
}
.list-group-item.row img[alt=Logo] {
    max-width: 60px;
    height: auto;
}
.list-group-item-heading {
    font-size: 16px;
    font-weight: bold;
    color: #2980b9;
    margin-bottom: 5px;
}


/* Fix text alignment in lists */
.list-group-item.row .col-md-9, .list-group-item.row .col-md-12 {
    text-align: left !important;
    padding-left: 10px !important;
}
/* Beautify Browse Menu Buttons */
.panel-primary > .panel-body {
    text-align: center;
}
.panel-primary > .panel-body > form {
    display: inline-block !important;
    margin: 8px !important;
}
.panel-primary > .panel-body > form .btn {
    width: auto !important;
    padding: 10px 25px !important;
    border-radius: 6px !important;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-weight: 500;
    transition: all 0.2s ease;
}
.panel-primary > .panel-body > form .btn:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}


/* Beautify Recent Submissions Carousel */
.panel-primary > #recent-submissions-carousel.panel-heading {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    border: none;
    border-radius: 15px;
    padding: 15px 20px 5px;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    position: relative;
    overflow: hidden;
}
#recent-submissions-carousel h3 a img {
    display: none;
}
#recent-submissions-carousel h3 a {
    position: relative;
    text-decoration: none !important;
}
#recent-submissions-carousel h3 a:after {
    content: RSS;
    background-color: #f39c12;
    color: white;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 12px;
    margin-left: 8px;
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: 1px;
    transition: background 0.3s;
}
#recent-submissions-carousel h3 a:hover:after {
    background-color: #d35400;
}
#recent-submissions-carousel h3 {
    margin-top: 0;
    margin-bottom: 8px;-size: 18px;-weight: bold;-shadow: 1px 1px 3px rgba(0,0,0,0.3);-bottom: 1px solid rgba(255,255,255,0.2);-bottom: 6px;
}
#recent-submissions-carousel .carousel-inner .item {
    text-align: center;
    padding: 5px 0 25px;
}
#recent-submissions-carousel .carousel-inner .item > div {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
#recent-submissions-carousel .carousel-inner .item > div:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    max-width: 80%;
    margin: 0 auto;
    white-space: normal;
}
#recent-submissions-carousel .carousel-inner .item .btn-success {
    background-color: #27ae60;
    border-color: #2ecc71;
    border-radius: 30px;
    padding: 8px 30px;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    margin-top: 10px;
}
#recent-submissions-carousel .carousel-inner .item .btn-success:hover {
    background-color: #2ecc71;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
#recent-submissions-carousel .carousel-control {
    width: 5%;
    background: none;
    text-shadow: none;
    opacity: 0.5;
}
#recent-submissions-carousel .carousel-control:hover {
    opacity: 1;
}


/* Restore original RSS GIF icons as requested */
#recent-submissions-carousel h3 a img {
    display: inline-block !important;
    border-radius: 2px;
}
#recent-submissions-carousel h3 a:after {
    display: none !important;
}


/* Fix parent container corners */
.panel-primary:has(#recent-submissions-carousel) { border: none !important; box-shadow: none !important; border-radius: 15px !important; background: transparent !important; }



/* Beautify sidebar panels (Thông báo m?i, Liên k?t, v.v.) */
.col-md-4 .panel-success {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 25px;
}
.col-md-4 .panel-success:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}
.col-md-4 .panel-success > .panel-heading {
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    color: white;
    border-bottom: none;
    padding: 18px 20px;
}
.col-md-4 .panel-success > .panel-heading h4 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.col-md-4 .panel-success > .panel-body {
    padding: 20px 25px;
    background: #ffffff;
}
.col-md-4 .panel-success > .panel-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.col-md-4 .panel-success > .panel-body ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    line-height: 1.5;
    font-size: 14.5px;
    border-bottom: 1px dashed #f0f0f0;
    padding-bottom: 12px;
}
.col-md-4 .panel-success > .panel-body ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.col-md-4 .panel-success > .panel-body ul li::before {
    content: ?;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 13px;
    color: #27ae60;
    font-weight: 900;
}
.col-md-4 .panel-success > .panel-body ul li a {
    color: #34495e;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}
.col-md-4 .panel-success > .panel-body ul li a:hover {
    color: #27ae60;
}


/* Truncate notice lists to 1 line with ellipsis */
.col-md-4 .panel-success > .panel-body ul li {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 5px;
}


/* Beautify Footer */
footer.navbar-inverse.navbar-bottom {
    background-color: #1a252f;
    border-top: 4px solid #27ae60;
    padding: 30px 0;
    margin-top: 50px;
}
footer #designedby > a > img {
    display: none;
}
footer #designedby {
    text-align: center;
    color: #bdc3c7;
    width: 100%;
}
footer #footer_feedback.pull-right {
    float: none !important;
    text-align: center;
    margin-top: 10px;
}
footer .text-muted {
    color: #ecf0f1;
    font-size: 15px;
    line-height: 1.6;
}
footer .text-muted a {
    color: #3498db;
    text-decoration: none;
}
footer .text-muted a:hover {
    color: #2980b9;
    text-decoration: underline;
}


/* Fix and Beautify Login Form Layout */
#loginform {
    max-width: 450px;
    margin: 30px auto;
    text-align: center;
}
#loginform .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
#loginform .form-group label {
    text-align: left !important;
    width: 100% !important;
    margin: 0 0 8px 0;
    padding: 0;
    font-weight: bold;
    color: #334155;
    font-size: 15px;
}
#loginform .form-group > div {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
#loginform .form-control {
    width: 100%;
    padding: 12px 15px;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
}
#loginform .row .col-md-6 {
    width: 100% !important;
    padding: 0 !important;
}
#loginform input[type=submit] {
    width: 100%;
    float: none !important;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
    color: white !important;
    border: none;
    padding: 12px;
    border-radius: 6px !important;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 10px;
    transition: transform 0.2s, box-shadow 0.2s;
}
#loginform input[type=submit]:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}


/* Hide registration link on login page */
#loginform > p:first-of-type {
    display: none !important;
}


/* Beautify Community and Collection List */
ul.media-list > li.media.well {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
}
ul.media-list > li.media.well:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    border-color: #cbd5e1;
}
ul.media-list > li.media.well h4.media-heading {
    font-size: 18px;
    font-weight: bold;
    color: #1e3c72;
    margin-top: 5px;
    margin-bottom: 10px;
}
ul.media-list > li.media.well h4.media-heading a {
    color: #1e3c72;
    text-decoration: none;
    transition: color 0.2s;
}
ul.media-list > li.media.well h4.media-heading a:hover {
    color: #27ae60;
}
ul.media-list > li.media.well .badge {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 20px;
    margin-left: 8px;
    vertical-align: middle;
}
ul.media-list ul.media-list {
    margin-top: 15px;
    padding-left: 20px;
    border-left: 2px dashed #e2e8f0;
}
ul.media-list ul.media-list > li.media.well {
    background: #f8fafc;
    border-radius: 8px;
    padding: 15px;
    box-shadow: none;
    border: 1px solid #e2e8f0;
    margin-bottom: 12px;
}
ul.media-list ul.media-list > li.media.well:hover {
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    transform: none;
}
ul.media-list .media-object {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: #fff;
    padding: 5px;
    max-width: 80px;
    transition: transform 0.3s;
}
ul.media-list > li.media.well:hover .media-object {
    transform: scale(1.05);
}


/* Standardize and Beautify all Item Thumbnails */
td img[alt=Thumbnail] {
    width: 90px !important;
    height: 125px !important;
    object-fit: cover !important;
    object-position: top center !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.12) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: 1px solid #e2e8f0;
}
td img[alt=Thumbnail]:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
}
/* Beautify General Item Lists */
.table:not(.itemDisplayTable):not(.panel-body) > tbody > tr > td {
    vertical-align: middle !important;
    padding: 15px !important;
}
.table:not(.itemDisplayTable):not(.panel-body) > tbody > tr:hover > td {
    background-color: #f8fafc;
}
.table:not(.itemDisplayTable):not(.panel-body) > tbody > tr > th,
.table:not(.itemDisplayTable):not(.panel-body) > thead > tr > th {
    background-color: #f8fafc;
    color: #475569;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 2px solid #cbd5e1 !important;
    padding: 12px 15px !important;
}


/* Beautify Logo Upload Form */
#logo-upload-form {
    max-width: 550px;
    margin: 40px auto;
    padding: 40px;
    background: #ffffff;
    border: 2px dashed #cbd5e1;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
}
#logo-upload-form:hover {
    border-color: #3b82f6;
    background: #f8fafc;
    box-shadow: 0 15px 35px rgba(59,130,246,0.08);
}
#logo-upload-form input[type=file] {
    display: block;
    margin: 0 auto 30px auto;
    padding: 15px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    width: 100%;
    max-width: 350px;
    font-size: 15px;
    color: #475569;
    cursor: pointer;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}
#logo-upload-form input[type=file]::file-selector-button {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    padding: 8px 16px;
    border-radius: 6px;
    color: #334155;
    font-weight: 600;
    cursor: pointer;
    margin-right: 15px;
    transition: all 0.2s;
}
#logo-upload-form input[type=file]::file-selector-button:hover {
    background: #e2e8f0;
    border-color: #94a3b8;
}
#logo-upload-form input[type=submit] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border: none;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 15px rgba(5, 150, 105, 0.25);
    transition: all 0.3s ease;
}
#logo-upload-form input[type=submit]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(5, 150, 105, 0.35);
}


/* Beautify Browse Forms */
#browse_navigation.well, #browse_controls.well {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
    padding: 25px;
    margin-bottom: 25px;
}
#browse_navigation select, #browse_controls select,
#browse_navigation input[type="text"] {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}
#browse_navigation select:focus, #browse_controls select:focus,
#browse_navigation input[type="text"]:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
#browse_navigation label, #browse_controls label, #browse_navigation span {
    font-weight: 600;
    color: #334155;
    margin-right: 5px;
    font-size: 14px;
}
#browse_navigation input[type="submit"], #browse_controls input[type="submit"] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 6px;
    transition: all 0.2s;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#browse_navigation input[type="submit"]:hover, #browse_controls input[type="submit"]:hover {
    background: #e2e8f0;
    border-color: #94a3b8;
    color: #0f172a;
}
#browse_navigation .label-default {
    background-color: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    padding: 6px 10px;
    margin: 0 2px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 13px;
    transition: all 0.2s;
    display: inline-block;
    margin-bottom: 5px;
}
#browse_navigation .label-default:hover {
    background-color: #3b82f6;
    color: #ffffff;
    border-color: #3b82f6;
}

/* Beautify Discovery Search Forms */
.discovery-search-form.panel.panel-default {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
    overflow: hidden;
    margin-bottom: 30px;
}
.discovery-search-form .panel-heading {
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 20px;
}
.discovery-search-form .panel-body {
    background-color: #ffffff;
    padding: 20px;
}
.discovery-search-form .panel-footer {
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    padding: 20px;
}
.discovery-search-form select, 
.discovery-search-form input[type="text"] {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 5px;
    display: inline-block;
    vertical-align: middle;
}
.discovery-search-form select:focus, 
.discovery-search-form input[type="text"]:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.discovery-search-form label {
    font-weight: 600;
    color: #334155;
    margin-right: 5px;
    font-size: 14px;
}
.discovery-search-form input[type="submit"] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 6px;
    transition: all 0.2s;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.discovery-search-form input[type="submit"].btn-primary {
    background: #3b82f6;
    border-color: #2563eb;
    color: #ffffff;
}
.discovery-search-form input[type="submit"].btn-primary:hover {
    background: #2563eb;
    border-color: #1d4ed8;
}
.discovery-search-form input[type="submit"]:not(.btn-primary):hover {
    background: #e2e8f0;
    border-color: #94a3b8;
    color: #0f172a;
}
.discovery-search-appliedFilters {
    background-color: #f1f5f9;
    padding: 15px;
    border-radius: 8px;
    margin-top: 15px;
    border: 1px dashed #cbd5e1;
}
.discovery-search-appliedFilters span {
    font-weight: bold;
    color: #1e293b;
    display: block;
    margin-bottom: 10px;
}