.vsiete-filters-bar {
background-color: #f8f9fa; border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-bottom: 20px; position: sticky; top: 0; z-index: 1000; } .vsiete-filters-bar .container {
display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 15px; align-items: center; } .vsiete-search-filters {
border-bottom: 1px solid #edeff2;
border-top: 1px solid #edeff2;
background: white;
height: 65px;
line-height: 63px;
top: 0;
z-index: 100;
}
.vsiete-search-sticky {
position: -webkit-sticky;
position: sticky;
top: 70px; z-index: 1100; width: 100%;
display: block;
float: none;
} @media (max-width: 767.98px) {
.vsiete-search-filters {
height: auto !important;
line-height: normal !important;
padding: 8px 10px;
}
.vsiete-search-sticky {
float: none !important;
width: 100% !important;
} .vsiete-search-sticky {
position: -webkit-sticky !important;
position: sticky !important;
top: 0 !important;
z-index: 1200 !important;
background: inherit;
}
.vsiete-filters-bar .container {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
align-items: center !important;
padding: 8px !important;
}
.vsiete-filter {
flex: 0 1 auto !important;
min-width: 0 !important;
} .vsiete-filter .btn-outline-secondary.dropdown-toggle {
white-space: normal !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
word-break: break-word !important;
} .vsiete-contextual-panel {
box-sizing: border-box;
width: 100%;
}
} .vsiete-filter { flex-shrink: 0; } .vsiete-filters-bar .container .vsiete-filter {
flex-shrink: 0;
} .vsiete-filter .dropdown {
display: inline-block;
}
.vsiete-filter .btn-outline-secondary.dropdown-toggle {
min-width: 100px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vsiete-filter .btn-outline-secondary.dropdown-toggle .badge {
color: white; } .vsiete-filter .btn-outline-secondary:not(:disabled):not(.disabled).active,
.vsiete-filter .btn-outline-secondary:not(:disabled):not(.disabled):active,
.vsiete-filter .show > .btn-outline-secondary.dropdown-toggle,
.vsiete-filter .btn-outline-secondary.dropdown-toggle:hover,
.vsiete-filter .btn-outline-secondary.dropdown-toggle:focus,
.vsiete-filter .btn-outline-secondary.dropdown-toggle:focus-visible {
background-color: var(--themecolor);
border-color: var(--themecolor);
color: #ffffff;
} .vsiete-filter .btn-outline-secondary.dropdown-toggle:focus,
.vsiete-filter .btn-outline-secondary.dropdown-toggle:focus-visible {
outline: none !important;
box-shadow: none !important;
} .vsiete-filter .badge.bg-primary.ms-1 {
font-size: 0.75em; } .vsiete-filter .dropdown-menu { display: flex;
flex-direction: column;
min-width: 200px; max-width: 420px;
}
.vsiete-filter .vsiete-dropdown-body {
max-height: 300px; overflow-y: auto;
} .vsiete-filter .dropdown-search .vsiete-filter-search {
width: 100%;
}
.vsiete-filter .no-results {
color: #6c757d;
} .vsiete-filter .dropdown-search {
position: sticky;
top: 0;
z-index: 2050; background: #ffffff;
padding-top: .5rem;
padding-bottom: .5rem;
border-bottom: 1px solid #eee;
} .vsiete-filter .no-results {
cursor: default;
} .vsiete-filter .dropdown-search {
position: relative;
}
.vsiete-filter .vsiete-filter-clear-input {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
border: none;
background: transparent;
color: #6c757d;
padding: 0.15rem 0.35rem;
font-size: 1rem;
cursor: pointer;
}
.vsiete-filter .vsiete-filter-clear-input:focus {
outline: none;
}  .vsiete-filter .vsiete-dropdown-body .vsiete-item {
position: relative;
list-style-type: none;
}
.vsiete-filter .vsiete-dropdown-body .vsiete-item .dropdown-item {
display: block;
width: 100%;
padding: .7rem 1.4rem;
text-align: left; border: none; white-space: normal;
word-break: break-word;
} .vsiete-filter .dropdown-item {
display: block;
width: 100%;
white-space: normal;
word-break: break-word;
} .vsiete-filter .dropdown-item .vsiete-radio {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #cfd6db;
display: inline-block;
flex-shrink: 0;
background: white;
top: 35%;
}
.vsiete-filter .dropdown-item.active .vsiete-radio {
border-color: #0d6efd; background: #0d6efd;
}
.vsiete-filter .dropdown-item .vsiete-radio::after {
content: '';
display: block;
} .filter-footer-clear.d-none {
display: none !important;
} .vsiete-filter .dropdown-item .filter-preview-count {
font-size: 0.75em; min-width: 25px; text-align: center; } .vsiete-contextual-panel {
background-color: #e3f2fd; border-left: 4px solid #2196f3; padding: 15px;
border-radius: 5px;
margin-bottom: 20px; display: flex; align-items: flex-start; gap: 10px; }
.vsiete-contextual-panel i {
font-size: 20px; color: #2196f3; flex-shrink: 0; }
.vsiete-contextual-panel img {
height: 24px; width: auto; flex-shrink: 0; } .vsiete-contextual-panel .btn-outline-primary {
margin-bottom: 5px; }  .page-template-doctor-search .dc-wrapper,
.page-template-hospital-search .dc-wrapper {
overflow-x: initial;
} .vsiete-search-filters {
border-bottom: 1px solid #edeff2;
border-top: 1px solid #edeff2;
background: white;
height: 65px;
line-height: 63px;
top: 0;
z-index: 100;
}
.vsiete-search-sticky {
position: sticky;
float: left;
width: 100%;
}
.vsiete-dropdown .insurance label,
.vsiete-filter .insurance label {
display: inline-block;
}
.vsiete-dropdown,
.vsiete-filter .vsiete-dropdown {
background: white;
}
.vsiete-dropdown-menu,
.vsiete-filter .vsiete-dropdown-menu,
.vsiete-filter .dropdown-menu { width: 345px;
line-height: normal;
border: 1px solid #dfdfdf;
height: auto;
position: absolute;
background: white;
box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.1);
top: 95%;
} .vsiete-filter .dropdown {
position: relative;
}
.vsiete-filter .dropdown-menu {
z-index: 2000; } .vsiete-filter .dropdown-menu.show {
display: block !important;
} .vsiete-filter .dropdown-menu { top: 100% !important;
}
.vsiete-filter .dropdown-menu.show {
opacity: 1 !important;
visibility: visible !important;
} .vsiete-filter .dropdown-menu {
transform: none !important;
}
.vsiete-dropdown-menu ul,
.vsiete-filter .dropdown-menu ul {
max-height: 390px;
overflow-x: hidden;
height: auto;
padding-top: 1rem;
}
.vsiete-dropdown .dropdown-menu-footer,
.vsiete-filter .dropdown-menu-footer {
border-top: 0.06667rem solid #dcdfe3 !important;
padding: 1rem;
background: white;
position: sticky;
bottom: 0;
background: white;
}
button#insurances_clear {
color: #fff;
width: auto;
min-width: 0;
padding: .7rem 1.4rem;
background: #83444f;
border: 1px solid var(--secthemecolor);
}
.dc-btnactive,
button#insurances_clear:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.vsiete-filter ul li {
list-style-type: none;
}
.vsiete-filter ul li button {
padding: .7rem 1.4rem;
} .vsiete-filter .dropdown-menu-footer a {
padding: 0;
}
.filter-footer-count {
margin-left: 5px;
margin-right: 5px;
} .vsiete-filter .dropdown-menu-footer {
display: flex;
align-items: center;
justify-content: space-between;
} .vsiete-filter .filter-footer-clear {
background: transparent;
border: none;
color: #6c757d; padding: .7rem 1.4rem;
cursor: pointer;
}
.vsiete-filter .filter-footer-clear:hover {
background: #f1f1f1; color: #000; text-decoration: none;
}  .vsiete-filter .dropdown-item .vsiete-radio {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #cfd6db;
display: inline-block;
flex-shrink: 0;
background: white;
position: absolute;
right: 12px; }
.vsiete-filter .dropdown-item.active .vsiete-radio {
background: #cfe3ff; border: 4px solid #0d6efd;
}
.vsiete-filter .dropdown-item.active .vsiete-radio::after {
content: '';
width: 8px;
height: 8px;
background: #ffffff; border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.vsiete-filter .filter-search {
padding: .7rem 1.4rem;
} .vsiete-contextual-panel .btn-option {
background: #ffffff !important;
color: #0d6efd !important; border: 1px solid rgba(13,110,253,0.12) !important;
margin-bottom: 5px;
}
.vsiete-contextual-panel .btn-option:hover,
.vsiete-contextual-panel .btn-option:focus {
background: #ffffff !important;
color: #0d6efd !important;
box-shadow: none !important;
}
.vsiete-contextual-panel .vsiete-panel-close {
position: absolute;
right: 12px;
top: 8px;
background: transparent;
border: none;
font-size: 20px;
line-height: 1;
color: rgba(0,0,0,0.6);
cursor: pointer;
padding: 4px 8px;
}
.vsiete-contextual-panel .vsiete-panel-close:focus {
outline: none;
}