.cirm-trials-wrap{font-family:Arial,Helvetica,sans-serif;margin:0 18px;}
.cirm-top-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cirm-top-left input[type="text"]{padding:8px;width:440px;border:1px solid #ccc;border-radius:4px;color: #000}
.adv-toggle-btn{margin-left: 8px;
    padding: 6px 10px;
    background: transparent;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;}
.cirm-content{display:flex;gap:18px;align-items:flex-start}
.cirm-left-filters{width:380px;border:0px solid #e6e6e6;padding:12px;background:#fff;border-radius:4px}
.cirm-right-results{flex:1;border:0px solid #e6e6e6;padding:12px;border-radius:4px;min-height:200px}
#cirm-results{
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    padding: 1px 10px;
}
.cirm-results-sel-all{
    display: block
}
.cirm-filter-group h5{margin:8px 0}
.cirm-filter-checkbox,.adv-filter-checkbox{margin-right:6px}
.cirm-trial{border-bottom:1px dashed #eee;padding:10px 0}
.cirm-trial-head{display:block;align-items:center;gap:8px}
.cirm-trial-head h3{margin:0;font-size:18px}
.cirm-trial-head a {
    float: right;
}
.badge.recruiting{background:#28a745;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}
.badge.not{background:#6c757d;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}
.badge.funded{background:#0056b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}
.cirm-meta{font-size:13px;color:#333;margin-top:6px}
.cirm-contact-container-btn {
    text-align: right;
}
.cirm-contact-btn{
    background-color: #02010100;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2em;
    fill: #286DA8;
    color: #333;
    border-style: solid;
    border-width: 2px;
    border-color: #333;
    border-radius: 30px 30px 30px 30px;
    padding: 6px 30px 6px 30px;
    cursor: pointer;
}
.loading,.no-results{padding:18px;text-align:center;color:#666}
.cirm-pagination{margin-top:12px;text-align:center}
.pager{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.pager .page-btn{padding:6px 10px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer}
.pager .page-btn.active{background:#0073aa;color:#fff;border-color:#0073aa}
.pager .dots{padding:6px 8px;color:#666}

/* Advanced popup */
.cirm-adv-popup{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:99999}
.cirm-adv-inner{background:#fff;padding:20px;border-radius:8px;max-width:1100px;width:80%;max-height:85vh;overflow:auto;position:relative}
.cirm-adv-close{position:absolute;right:12px;top:12px;background:#e74c3c;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer}
.adv-filters-grid{display:flex;gap:20px;flex-wrap:wrap}
.adv-filters-grid .filter-section{flex:1;min-width:220px; text-align: left;}
.adv-actions{margin-top:12px;text-align:right}
.adv-actions button{padding:8px 12px;margin-left:8px}

/* Contact popup */
.cirm-popup{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:99999}
.cirm-popup-inner{background:#fff;padding:20px;max-width:600px;width:90%;border-radius:6px}
.cirm-popup-inner button {
    float: right;
    background: transparent;
    color: #333;
    border: 0;
    padding: 5px 5px;
    border-radius: 3px;
    cursor: pointer;
}

/* Responsive */
@media (max-width:900px){.cirm-content{flex-direction:column}.cirm-left-filters{width:100%}}

.cirm-selected-filters {  
    padding: 10px 15px; 
}

#cirm-selected-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.filter-tag { 
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 14px;
}

.filter-tag button.remove-filter {
    background: none;
    border: none;
    font-weight: bold;
    cursor: pointer;
    margin-left: 6px;
}

.cirm-clear-all {
    float: right;
    background: #eee;
    border: none;
    padding: 4px 10px;
    cursor: pointer;
}

.ma-center {
    margin: 0 auto 8px auto;
    max-width: 620px;
    display: block;
    color: #fff;
}

.ma-center-advance-f {
    max-width: 500px !important;
}

#cirm-search-btn {
    margin: 0 0px 0 -10px;
    background: #fca144;
    padding: 3px 20px;
    border: 0px solid;
    border-radius: 0px 4px 4px 0px;
    color: #000;
}

.cirm-filter-group label, .filter-section label {
    display: block;
}

.cirm-filter-group h5 {
    font-size: 20px;
}
 
h3.trials-heading {
    line-height: 1.2em !important;
    padding: 0px;
    margin: 0;
}

h3.trials-heading a{
    font-size: 20px;
}

.cirm-popup-inner #cirm-popup-content h3 {
    line-height: : 1.2em !important;
    color: #333;
}

.cirm-popup-close {
    font-weight: 600;
}

.cirm-meta .cirm-meta-at1 {
    margin: 0;
    padding: 0;
    line-height: 1.7em;
}

.cirm-meta .cirm-location {
    padding-top: 9px;
}

.download-selected, .show-filter-selected {
    cursor: pointer;
}

.top-sub-item {
    display: table;
    width: 100%;
    padding-bottom: 24px;
}

.download-selected, .show-filter-selected {
    float: right; 
    background-color: #FDC338;
    font-family: "Raleway", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    fill: #17365F;
    color: #17365F;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #FDC338;
    border-radius: 30px 30px 30px 30px;
    padding: 12px 44px 12px 44px;
}

span.clear-search-field {
    position: absolute;
    right: 148px;
    color: #da391c;
    top: 2px;
    cursor: pointer; 
    border: 1px solid #da391c;
    width: 38px; 
}
.cirm-top-left {
    position: relative;
}
.show-filter-selected {
    display: none;
}
.display-none {
    display: none;
}
@media(max-width: 700px) {
    .cirm-top-left input[type="text"]{
        padding:8px;
        max-width:440px; 
        width: 100%; 
        margin-bottom: 10px;
    }

    #cirm-search-btn {
        margin: 0 0px 0 -10px;
        background: #fca144;
        padding: 3px 20px;
        border: 0px solid;
        border-radius: 4px 4px 4px 4px;
        color: #000;
    }
    .cirm-top-left, .cirm-top-right {
        width: 100%;
    }

    .show-filter-selected {
        float: left;
        display: inline-block;
    }

    .download-selected {
        float: right;
    }

    .download-selected, .show-filter-selected {
        padding: 8px 26px 8px 26px;
    }

    .cirm-left-filters {
        display: none;
    }
}