.column {
float: left;
width: 50%;
padding: 10px;
}
.meetDocDetailWrap {
padding-top: 20px;
} .row:after {
content: "";
display: table;
clear: both;
} .btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
.select2-container {
width: 100% !important;
min-width: 0 !important;
}
.select2-results__option {
padding-right: 20px;
vertical-align: middle;
}
.select2-results__option:before {
content: "";
display: inline-block;
position: relative;
height: 20px;
width: 20px;
border: 2px solid #e9e9e9;
border-radius: 4px;
background-color: #fff;
margin-right: 20px;
vertical-align: middle;
}
.select2-results__option[aria-selected="true"]:before {
font-family: fontAwesome;
content: "\f00c";
color: #fff;
background-color: #f77750;
border: 0;
display: inline-block;
padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #fff;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
background-color: #eaeaeb;
color: #272727;
}
.select2-container--default .select2-selection--multiple {
margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple {
border-radius: 4px;
}
.select2-container--default.select2-container--focus
.select2-selection--multiple {
border-color: #f77750;
border-width: 2px;
}
.select2-container--default .select2-selection--multiple {
border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
border-radius: 6px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.select2-selection .select2-selection--multiple:after {
content: "hhghgh";
} .fullwithdd {
position: relative;
}
.fullwithdd .spinnerdata {
position: absolute !important;
top: 70% !important;
transform: translateY(-50%) !important;
right: 30px !important;
left: auto !important;
z-index: 10 !important;
} .global-clear-btn svg {
display: inline-block;
vertical-align: middle;
} .filterTitle {
display: flex;
align-items: center;
margin-left: auto;
}
.filterTitle a.clear-all {
font-size: 14px;
color: #1e5eac;
text-decoration: none;
cursor: pointer;
transition: background-color 0.2s;
display: flex;
align-items: center;
}
.filterTitle a.clear-all:hover {
color:#153358;
}
.filterTitle a.clear-all i {
margin-right: 5px;
} @media (max-width: 768px) {
.filterTitle a.clear-all .clear-text {
display: none;
}
.filterTitle a.clear-all i {
margin-right: 0;
}
} @media (min-width: 769px) {
.filter-div {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.filterTitle {
position: absolute;
right: 15px;
top: 10%;
transform: translateY(-50%);
margin-left: 0;
}
}
.card-img-top {
width: 200px;
height: 200px;
border-radius: 50%;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.card {
padding: 1.5em 0.5em 0.5em;
text-align: center;
border-radius: 2em;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.card-title {
font-weight: bold;
font-size: 1.5em;
}
.list-view {
.row {
> [class*="col-"] {
max-width: 100%;
flex: 0 0 100%;
}
}
.card {
@media (max-width: 575.98px) {
flex-direction: column;
}
flex-direction: row;
> .card-img-top {
width: auto;
}
.card-body {
display: inline-block;
}
}
}
#overlay {
position: absolute;
top: 51px;
width: 72%;
height: 100%;
text-align: center;
background-color: #000;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
z-index: 999;
}
#overlay span {
padding: 5px;
border-radius: 5px;
color: #000;
background-color: #fff;
position: relative;
top: 10%;
}
.fullwithdd
.multiselect-container.dropdown-menu.show
button.multiselect-option.dropdown-item
span.form-check
label.form-check-label {
padding-left: 20px;
}
.fullwithdd .btn-group {
width: 100%;
}
.fullwithdd
.btn-group
button.multiselect.dropdown-toggle.custom-select.text-center {
text-align: left !important;
}
.fullwithdd .btn-group.open.show .open > .dropdown-menu {
width: 100%;
}
.fullwithdd .show .multiselect-container .multiselect-option .form-check,
.multiselect-container .multiselect-group .form-check,
.multiselect-container .multiselect-all .form-check {
padding-left: 10px !important;
}
.more,
.morespe {
overflow: hidden;
}
.ctabutton {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px !important;
}
.ctabutton .request-appointment {
margin-right: 10px;
}
.ctabutton .request-appointment {
border-radius: 20px;
}
.ctabutton a.btn.request-appointment {
padding: 8px 24px;
}
h5.card-title:after {
position: absolute;
content: "";
height: 2px;
width: 60px;
background: #f58634;
left: 0;
right: 0;
bottom: -10px;
margin: 0 auto;
}
h5.card-title {
color: #1e5eac;
position: relative;
}
.drSpecialityTitle,
.drHospitalTitle {
color: #1e5eac;
margin-top: 20px;
border-bottom: 1px solid #999;
padding-bottom: 6px;
}
.custTextName {
padding-top: 10px;
}
.column.custom_column {
display: flex;
}
.card.custCard {
width: 100%;
}
.inner-content-section-main button {
text-align: none !important;
}  @media (min-width: 1025px) { .meetDocDetailWrap .custom-container {
flex-direction: column !important;
}
.meetDocLeft,
.meetDocRight {
width: 100% !important;
float: none !important;
}
.meetDocLeft {
margin-bottom: 30px;
} .desktop-filter-row {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-end;
gap: 15px;
background: #f8f9fa;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
width: 100%;
} .sidebarmobile {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-end;
gap: 15px;
flex: 3;
width: auto !important;
}
.mobilefiltericon {
display: none !important;
}
.filter-div {
width: 100%;
position: relative;
}
.expert-search-input {
width: 100%;
} .filterSearchWrap {
flex: 1.5;
min-width: 200px;
}
.sidebarmobile {
flex: 3;
}
.form-group.fullwithdd {
flex: 1;
min-width: 150px;
} .desktop-clear-all {
display: flex !important;
align-items: flex-end;
height: 100%;
} .meetDocRight .docListLeft {
display: grid !important;
grid-template-columns: repeat(auto-fit, 399px) !important;
gap: 15px;
}
}
@media (min-width: 769px) and (max-width: 1024px) { .meetDocDetailWrap .custom-container {
flex-direction: column !important;
}
.meetDocLeft,
.meetDocRight {
width: 100% !important;
float: none !important;
}
.meetDocLeft {
margin-bottom: 30px;
} .desktop-filter-row {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-end;
gap: 15px;
background: #f8f9fa;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
width: 100%;
} .sidebarmobile {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-end;
gap: 15px;
flex: 3;
width: auto !important;
}
.mobilefiltericon {
display: none !important;
}
.filter-div {
width: 100%;
position: relative;
}
.expert-search-input {
width: 100%;
} .filterSearchWrap {
flex: 1.5;
min-width: 180px;
}
.sidebarmobile {
flex: 3;
}
.form-group.fullwithdd {
flex: 1;
min-width: 140px;
} .desktop-clear-all {
display: flex !important;
align-items: flex-end;
height: 100%;
} .meetDocRight .docListLeft {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px;
}
.meetDocRight .docListLeft .card {
width: 100% !important;
margin: 0 !important;
height: 100%;
display: flex;
flex-direction: column;
}
.meetDocRight .docListLeft .card-body {
flex: 1;
display: flex;
flex-direction: column;
}
.meetDocRight .docListLeft .card .ctabutton {
margin-top: auto;
}
}
@media (max-width: 768px) {
.meetDocDetailWrap label.expert-search-label {
display: none !important;
}
.sidebarmobile {
margin-top: 10px;
}
.desktop-filter-row {
display: block !important;
}
.filterSearchWrap {
width: 100% !important;
margin-bottom: 15px !important;
}
.sidebarmobile {
display: none !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
gap: 12px !important;
overflow: visible !important;
}
.sidebarmobile.open {
display: flex !important;
} .sidebarmobile > .form-group:nth-child(1) {
flex: 0 0 calc(50% - 6px) !important;
max-width: calc(50% - 6px) !important;
width: calc(50% - 6px) !important;
margin-right: 0 !important;
margin-left: 0 !important;
} .sidebarmobile > .form-group:nth-child(2) {
flex: 0 0 calc(50% - 6px) !important;
max-width: calc(50% - 6px) !important;
width: calc(50% - 6px) !important;
margin-right: 0 !important;
margin-left: 0 !important;
} .sidebarmobile > .form-group:nth-child(3) {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
} .sidebarmobile .fullwithdd {
margin-right: 0 !important;
margin-left: 0 !important;
} .desktop-clear-all {
width: 100% !important;
} .sidebarmobile .btn-group,
.sidebarmobile .select2-container {
width: 100% !important;
min-width: 100% !important;
}
}