* {margin: 0;padding: 0; box-sizing: border-box;}
body {background-color: #F6F7FE !important;}
:root {
    --blue: #2359D5;
    --lg-purple: #E1EAFC;
    --dim-black: #1E1E1E;
    --lg-grey: #656B76;
    --bg-grey: rgba(255, 255, 255, 0.40);
    --dim-white: #ededed;
    --white-grey: #e9ecef;
    --dark-grey: #6c757d;
    --davys-grey: #495057;
    --cream: #EBEBEB;
    --lg-cream: #f8f9fa;
    --lavander-blue: #E1EAFC;
    --lg-black: #333333;
    --darkest-grey: #666666;
    --alice-blue: #f0f8ff;
    --light-grey: #D9D9D9;
    --grayish-blue: #d1d5db;
    --dove-gray: #7A7A7A;
    --gainsboro: #e0e0e0;
    --vivid-blue: #0d6efd;
    --soft-grey: #d7d7d7;
    --sky-blue: #86b7fe;
    --coral: #ff6b6b;
    --charcoal: #212529;
    --cobalt-blue: #3367d6;
    --lilac: #F4F8FF;
    --white: #fff;
    --black: #000;
    --dark-green: #0596691a;
    --green: #059669;
    --red: #FF4242;
    --lg-red: #FFECEC;
    --dim-green: #0596691A;
    --dim-red: #FF42421A;
    --alice-blue: #F6F7FE;
    --orange: #F1962D;
    --light-orange: #FFECD6;
    --ice-blue: #CDDFFC80;
    --lg-lilic: #F6F7FE;
    --pale-green: #05966926;
    --pale-red: #FF424226;
    --cold-blue: #EEF2FC;
}
.lh-28 {line-height: 28px;}
.lh-24 {line-height: 24px;}
.lh-40 {line-height: 40px;}
.black-text {color: var(--black);}
.black-text-with-op,.dim-black-op { color: var(--dim-black);opacity: 0.5;}
.dim-black,.white-btn {color: var(--dim-black);}
.blue-text { color: var(--blue);}
.lg-grey { color: var(--lg-grey);}
.white-text,.hero-section .blue-button i,.blue-button i {color: var(--white);}
.green {color: var(--green);}
.blue {color: var(--blue);}
.italic {font-style: italic;}
.white-bg {background-color: var(--white);}
.darkest-grey {color: var(--darkest-grey);}
.cold-blue-bg {background-color: var(--cold-blue);}
.black-text,.black {color: var(--black);}
.blue-text {color: var(--blue);}
.white-text,.hero-section .blue-button i {color: var(--white);}
.blue {color: var(--blue);}
.light-black {color: var(--black);opacity: 0.5;}
.italic {font-style: italic;}
.img {height: 100%;width: 100%;object-fit: cover;}
/* headings */
h1 {font-size: 26px;font-weight: 600;}
h2,.fs-24 {font-size: 24px;font-weight: 600;}
h3 {font-size: 22px;font-weight: 600;}
h4,.fs-20 {font-size: 20px;font-weight: 500;}
h5,.blue-button i {font-size: 18px;font-weight: 500;}
h6,.fs-16 {font-size: 16px;font-weight: 600;}
.fs-40 {font-size: 40px;}
.fs-22 {font-size: 22px;}
.fs-50 {font-size: 50px;}
p,.fs-14 {font-size: 14px;font-weight: 400;}
.fs-12 {font-size: 12px;}
.fs-15 {font-size: 15px;}
.fs-13,.cms-section .blue-button i {font-size: 13px;}
.fs-18 {font-size: 18px;}
/* font-weight */
.fw-700 {font-weight: 700;}
.fw-600 {font-weight: 600;}
.fw-500 {font-weight: 500;}
.fw-400 {font-weight: 400;}
h1,h2,h3,h4,h5,h6 {line-height: 1.2;word-break: break-word;font-family: 'inter', sans-serif;margin: 0;}
p,a,span {line-height: 1.5;word-break: break-word;text-decoration: none;margin: 0;}
.underline {text-decoration: underline;}
.inter {font-family: "inter", sans-serif;}
.green-button,.red-button {color: var(--green);background-color: var(--pale-green);border: 1px solid var(--pale-green);border-radius: 8px;font-family: 'Inter';}
a.assessment-btn {border-radius: 8px;background: linear-gradient(180deg, rgba(35, 89, 213, 0.10) 0%, rgba(30, 78, 205, 0.10) 100%);border: 1px solid transparent;padding: 9px;color: blue;text-align: center;}
.red-button {color: var(--red);background-color: var(--pale-red);border: 1px solid var(--pale-red);}
.red-button:hover,.green-button:hover {background-color: transparent;transition: 0.2s ease-in;}
.blue-button {color: var(--white);background-color: var(--blue);border: 1px solid var(--blue); border-radius: 8px;font-family: 'Inter'; display: inline-block;min-width: max-content;min-height: 36px;align-content: center;text-align: center;padding: 0px 15px;}
.blue-button i{font-size: 14px;}
.white-button,.white-button:hover {color: var(--black);background-color: var(--white);border: 1px solid var(--black);border-radius: 10px;font-family: 'Inter';}
.white-button:hover {background-color: var(--black);color: var(--white);transition: 0.3s ease-in-out;}
.blue-button:hover {background: transparent;color: var(--blue);transition: .2s ease-in;}
/* Scrollbar */
::-webkit-scrollbar {width: 10px;background-color: transparent;}
::-webkit-scrollbar-track {background-color: transparent;}
::-webkit-scrollbar-thumb {border-radius: 20px;}
::-webkit-scrollbar-thumb:hover {background-color: #555;}
span.blinker {top: 14px;left: 23px;}
img.img.bell-icon {border: 1px solid lavender;padding: 5px;border-radius: 7px;}
.table-section .search-field .fa-plus,.approve-btn i,.white-btn:hover i {color: var(--white)}
.table-section .search-field i.fa-plus:hover,.approve-btn:hover i,.blue-button:hover i {color: var(--blue)}
input.search-input {border-radius: 8px;border: 1px solid #E7E7E7;background: #FFF;padding: 7px;outline: none;min-height:36px;}
.admin-tabs .nav-line-tabs .nav-item .nav-link.active,.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),.nav-line-tabs .nav-item.show .nav-link {background-color: var(--blue);color: var(--white);transition: color .2s ease;border-radius: 6px;}
.admin-tabs ul.nav.nav-tabs.nav-line-tabs {border: 1px solid #ffffff;padding-block: 10px;border-radius: 10px;background: #ffffff;}
.card {border-radius: 8px;background: #FFF;padding: 27px;}
.card-icon {border-radius: 6px;background: rgba(205, 223, 252, 0.50);padding: 12px;width: 60px;display: flex;justify-content: center;align-items: center;}
.card-icon i {font-size: 24px;color: var(--blue);}
.green-badge,.red-badge {border-radius: 18px;padding: 2px 12px;}
.green-badge i,.red-badge i {color: var(--green);font-size: 12px;}
.red-badge i,.red {color: var(--red);}
.red-badge,.card-icon.red-bg {background: var(--dim-red);}
.card.blue-card {background: var(--alice-blue);}
.pending-card-icons {width: 23px;}
.approve-btn,.approve-btn:hover {border-radius: 6px;padding: 12px 19px;color: var(--white);font-family: Inter;font-size: 14px;font-weight: 500;line-height: normal;background-color: var(--blue);border: 1px solid var(--blue);}
.approve-btn i,.white-btn i {font-size: 15px;}
.approve-btn:hover {background-color: var(--white);color: var(--blue);transition: 0.2s ease-in;}
.approve-btn:hover i,.white-btn:hover i,.blue-button:hover i {transition: 0.2s ease-in;}
.white-btn,.white-btn:hover {border-radius: 6px;border: 1px solid #D5D7DA;background: #FFF;padding: 12px 19px;color: #1E1E1E;font-family: Inter;font-size: 14px;font-weight: 500;}
.white-btn:hover {background-color: var(--dim-black);color: var(--white);transition: 0.2s ease-in;}
.scroll-box {max-height: 471px;overflow-y: auto;}
.scroll-box::-webkit-scrollbar {width: 8px;}
.scroll-box::-webkit-scrollbar-track {background: #f1f1f1;}
.scroll-box::-webkit-scrollbar-thumb {background-color: var(--blue);border-radius: 10px;}
/* For Firefox */
.scroll-box {scrollbar-width: thin;scrollbar-color: var(--blue) #f1f1f1;}
.prescriber-chat .scroll-box, .prescriber-chat .scroll-box2 {min-height: 70vh;}
.yellow-badge,.approve-badge,.blue-badge {color: var(--orange);border-radius: 6px;background: var(--light-orange);padding: 4px 17px;}
.reject-badge {color: var(--red);border-radius: 6px;background: var(--dim-red);padding: 4px 17px;}
.reject-badge,.card-icon.red-bg {color: var(--red); background: var(--dim-red);}
.yellow-badge,.card-icon.orange-bg {color: var(--orange);background: var(--light-orange);}
.approve-badge,.green-badge,.card-icon.green-bg {color: var(--green);background: var(--dim-green);}
.blue-badge {color: var(--blue);background: var(--ice-blue);}
.admin-tabs .nav-tabs {border: 1px solid;}
.admin-tabs #myTabContent {border-radius: 12px;border: 1px solid #E7E7E7;background: #FFF;}
.admin-tabs .nav-line-tabs .nav-item .nav-link {margin: 0px 15px;}
.admin-tabs .nav-tabs {border: 1px solid;}
.admin-tabs #myTabContent {border-radius: 12px;border: 1px solid #E7E7E7;background: #FFF;}
.admin-tabs .nav-line-tabs .nav-item .nav-link {margin: 0px 15px;}
table.dataTable>tbody>tr:nth-child(odd) {background-color: var(--lg-lilic);}
.upload-container {display: flex;flex-direction: column;align-items: center;width: 200px;height: 200px;border: 2px solid var(--lg-lilic);border-radius: 10px;justify-content: center;cursor: pointer;background-color: #ffffff;position: relative;}
.upload-container input[type="file"] {display: none;}
.profile-img {width: 50px;height: 50px;border-radius: 50%;background-color: var(--lg-lilic);display: flex;justify-content: center;align-items: center;font-size: 24px;color: #ccc;margin-bottom: 8px;}
.upload-text {font-size: 14px;color: #555;}
.upload-container img {border-radius: 50%;}
.prescribers .offcanvas-header {border-bottom: 1px solid #eeeeee;}
.table-section .search-field-form .fa-magnifying-glass {position: absolute;top: 163px;right: 235px;}
.form-imgs {background: #fff; padding: 30px 24px; border-radius: 10px; margin-bottom: 2em;}
.nav-link{border-radius:6px;transition: .2s ease-in;}
.nav-link.active,.nav-link:hover {border-radius: 6px;background: #2359D5;color: var(--white) !important;transition: 0.2s ease-in;}
.product-img-parent {width: 112px;background: var(--white);padding: 7px;border-radius: 4px;}
.rating i {color: #FACC15;font-size: 20px;}
.product-text {max-width: 300px;}
.table-product-img {width: 50px; height: 50px;}
.view-btn,.view-btn:hover {border-radius: 8px;background: rgba(35, 89, 213, 0.08);box-shadow: 0 1.338px 4.014px 0 rgba(0, 0, 0, 0.10), 0 1.338px 2.676px -1.338px rgba(0, 0, 0, 0.10);padding: 10px 10px;color: var(--blue);border: 1px solid rgba(35, 89, 213, 0.08);}
.view-btn:hover {border: 1px solid rgba(35, 89, 213, 0.08);background: var(--white);}
.detail-form-icon {border-radius: 5.491px;background: rgba(205, 223, 252, 0.50);width: 45px; height: 45px;  padding: 10px;display: flex;justify-content: center;align-items: center;}
.detail-form-icon img {width: 80%;}
.detail-form-sec {background: #fff;display: flex;justify-content: center;border-radius: 10px;align-items: center; padding: 23px;}
.detail-sec {border-left: 1PX solid #ddd;padding: 27px;}
.search-field i {top: 12px;left: 10px;}
.login-toggle-parent .eye-btn {bottom: 0px;right: 0;}
.social-btns img {width: 20px;}
.detail-sec {border-left: 1PX solid #ddd;padding: 27px;}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {background-color: var(--lg-lilic);color: var(--bs-component-hover-color);transition: color .2s ease;position: relative;}
.view-form {background-color: #fff;border-radius: 8px;}
.detail-form-input {border-radius: 4px;border: 1.022px solid #EBEBEB;background: #FFF;padding: 5px;outline: none;}
.border-table-box {border: 1px solid #E7E7E7;border-radius: 10px;}
.brown-btn {color: #F1962D;padding: 10px 25px; border: none; outline: none; border-radius: 10px;background-color: #FFECD6;}
.green-btn {color: #059669;padding: 10px 25px; border-radius: 10px;background-color: #E6F4F0;}
.blue-btn { color: #002754; padding: 10px 25px; border-radius: 10px; border: none; outline: none; background-color: #f2f5f8; }
button.menu-btn {background: none;}
.custom-tab-link{ width: 100%; text-align: left; padding: 12px 16px; font-weight: 600; border-radius: 6px; border: none; background: #f8f9fa; color: #333; transition: 0.25s ease; }
.custom-tab-link i { color: #2359D5; }
.custom-tab-link:hover { background: #e9ecef; }
.custom-tab-link.active { background: #2359D5 !important; color: #fff !important }
/* gallery */
.gallary-sec1 {background-color: var(--white);padding-top: 10px;}
.gallay-picturs {display: flex;flex-direction: column;justify-content: space-between;width: 100%;}
.gallay {border: 1px solid var(--lg-purple);border-radius: 5px;background-color: var(--lg-purple);padding: 15px;display: flex;justify-content: center;align-items: center;}
.gallay img {object-fit: contain;}
.gallay-big-img {display: flex;justify-content: center;align-items: center;border: 1px solid var(--lg-purple);background-color: var(--lg-purple);height: 100%;border-radius: 10px;}
.gallay-heading {padding-left: 20px;padding-top: 40px;}
.form-control:focus {color: var(--bs-body-color);background-color: var(--bs-body-bg);border-color: var(--sky-blue);outline: 0;box-shadow: none;}
.discount-badge {background-color: var(--coral);border-radius: 19px;}
.icon-about {background: var(--lg-purple);width: 60px;height: 60px;text-align: center;display: flex;justify-content: center;align-items: center;border: 1px solid var(--lg-purple);border-radius: 50px;}
.blue-wh {color: var(--white);background-color: var(--blue);border: 1px solid var(--blue);border-radius: 10px;font-family: 'Inter';}
/* chat */
.chat-sidebar {background-color: white;border-right: 1px solid #e9ecef;height: 84vh;overflow-y: auto;}
.chat-main {background-color: white;height: 84vh;display: flex;flex-direction: column;}
.chat-header {padding: 15px 20px;border-bottom: 1px solid #e9ecef;background-color: white;}
.chat-messages {flex: 1;padding: 20px;overflow-y: auto;background-color: #f8f9fa;}
.chat-input-area {padding: 15px 20px;background-color: white;border-top: 1px solid #e9ecef;}
.sidebar-header {padding: 15px;border-bottom: 1px solid #e9ecef;font-weight: 600;color: #333;}
.search-box {padding: 10px 15px;border-bottom: 1px solid #e9ecef;}
.chat-item {padding: 12px 15px;border-bottom: 1px solid #f0f0f0;cursor: pointer;transition: background-color 0.2s;}
.chat-item:hover {background-color: #f8f9fa;}
.message {margin-bottom: 20px;display: flex;align-items: flex-start;}
.message-avatar {width: 40px;height: 40px;border-radius: 50%;margin-right: 12px;flex-shrink: 0;}
.message-content {background-color: white;border-radius: 5px;padding: 12px 16px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);max-width: 70%;}
.message.sent {flex-direction: row-reverse;}
.message.sent .message-avatar {margin-right: 0;margin-left: 12px;}
.message.sent .message-content {background-color: #EEF2FC;color: white;}
.message-time {font-size: 11px;color: #6c757d;margin-top: 4px;}
.message.sent .message-time {color: #c2bdbd;text-align: end;}
.date-divider {text-align: center;margin: 20px 0;position: relative;}
.date-divider::before {content: '';position: absolute;top: 50%;left: 0;right: 0;height: 1px;background-color: #e9ecef;}
.date-divider span {background-color: #f8f9fa;padding: 0 15px;color: #6c757d;font-size: 12px;}
.input-group {border-radius: 8px;background-color: #f8f9fa;border: 1px solid #e9ecef;}
.form-control {padding: 12px 20px;border-radius: 6px;border: 1px solid #D5D7DA;background: var(--white);box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);}
.form-control:focus {box-shadow: none;background-color: transparent;}
.btn-upload {background-color: transparent;border: none;color: #6c757d;padding: 0 15px;display: flex;align-items: center;justify-content: center;}
.btn-send {background-color: #007bff;border: none;color: white;width: 40px;height: 40px;border-radius: 10%;margin-left: 10px;display: flex;align-items: center;justify-content: center;}
.chat-preview {font-size: 13px;color: #6c757d;margin-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.file-input {display: none;}
.message-text {font-size: 14px;line-height: 1.4;color: #909090;}
.notes-img {width: 50px;height: 53px;}
.notes-img img {border-radius: 30px;}
.card .card-header {min-height: unset;}
.prescriber-main .card {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);}
.live-chat-parent .blue-card.card {border-radius: 0px 8px 8px 8px;}
.live-chat-parent .dark-blue-card.card {border-radius: 8px 0px 8px 8px;background: #2359D5;}
.chat-text {max-width: 248px;}
.cancel-save button,
.cancel-save a {border-radius: 7px;}
.modal-dialog {max-width: 500px;}
.modal-header {padding: 20px 24px 0px 24px;border-bottom: none;}
.modal-body {padding: 20px 24px;}
.modal-title {font-size: 18px;font-weight: 600;color: #1e1e2d;}
.btn-close-custom {background: none;border: none;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 6px;color: #7e8299;}
.btn-close-custom:hover { background-color: #f5f8fa; color: #3f4254;}
.user-info {display: flex;align-items: center;gap: 12px;margin-bottom: 24px;}
.user-avatar {width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(45deg, #ff6b35, #f7931e);display: flex;align-items: center;justify-content: center;color: white;font-weight: 600;font-size: 18px;}
.user-details h5 {margin: 0;font-size: 16px;font-weight: 600;color: #1e1e2d;}
.user-details p { margin: 0;font-size: 14px;color: #7e8299;}
.consultation-history {margin-top: 24px;}
.consultation-history h6 {font-size: 16px;font-weight: 600;color: #1e1e2d;}
.consultation-item {border: 1px solid #e1e3ea;border-radius: 8px;padding: 16px;margin-bottom: 12px;background-color: #ffffff;}
.consultation-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;}
.consultation-title {font-size: 14px;font-weight: 600;color: #1e1e2d;margin: 0;}
.consultation-actions {display: flex;gap: 8px;align-items: center;}
.status-badge {background-color: #e8f5e9;color: #2e7d32;padding: 4px 8px;border-radius: 4px;font-size: 12px;font-weight: 500;}
.btn-download {background: none;border: 1px solid #d5d7da;color: #7e8299;padding: 6px 8px;border-radius: 4px;display: flex;align-items: center;gap: 4px;font-size: 12px;text-decoration: none;}
.btn-download:hover {background-color: #f5f8fa;color: #3f4254;}
.consultation-description {color: #7e8299;font-size: 14px;line-height: 1.5;margin-bottom: 12px;}
.consultation-date {color: #7e8299;font-size: 12px;}
.modal.show .modal-dialog {transform: none; max-width: 700px;}
.treatment-img {border: 1px solid lavender;width: 100%;border-radius: 10px;background-color: lavender;}
ul.works li {list-style: none;}
.lavender-bg {border-radius: 20px;background: #e6e8f8;height: 100%;}
.icon-about {background: var(--lg-purple);width: 60px;height: 60px;text-align: center;display: flex;justify-content: center;align-items: center;border: 1px solid var(--lg-purple);border-radius: 50px;}
.typical .card {border-radius: 20px; background: #FFF;padding: 25px;}
.blue-bg {background-color: #2359D5;border-radius: 20px;height: 100%;color: var(--white);}
.dose-img img {width: 100%;object-fit: contain;}
.interactions {background-image: url(../images/user.png);background-repeat: no-repeat;width: 100%;background-size: cover;border-radius: 28px;height: 100%;display: flex;flex-direction: column;justify-content: center;color: var(--white);}
.main-img-product img {max-width: 539px;}
.wegovy .gallay img {    height: 110px;}
.single-.image-input,.image-input .image-input-wrapper.image-uploader {border-radius: 88px;}
.image-upload-wrapper,.single-image-upload-wrapper {display: flex;align-items: center;gap: 15px;font-family: sans-serif;}
.image-circle {width: 80px;height: 80px;border-radius: 50%;background-color: #f2f2f2;background-image: url('../images/logo-blank.svg');background-size: cover;background-position: center;position: relative;}
.image-circle input[type="file"],.image-uploader-edit input[type="file"] {position: absolute;width: 50%;height: 100%;opacity: 0;cursor: pointer;}
.remove-btn,.single-remove-btn {position: absolute;top: -2px;right: -7px;color: white;border: none;border-radius: 50%;width: 20px;height: 20px;font-size: 14px;line-height: 20px;text-align: center;cursor: pointer;display: none;}
.profile-setting .form-control:focus { border-color: var(--black);outline: none;}
.profile-detail-password .eye-toggle {top: 29px;right: 0;}
.nav-link i {color: 0, 0, 0;}
.nav-item .nav-link.active i,.nav-item .nav-link:hover i {color: var(--white);font-size: 13px;transition: 0.2s ease-in;}
.cms-card {border-radius: 10px;border: 1px solid #DBDBDB;padding: 20px;background: var(--white);display: flex;flex-direction: column;gap: 20px;}
.cms-section.form-label {font-size: 16px;font-weight: 500;color: var(--black);}
.cms-section .image-upload-wrapper {display: flex;gap: 15px;flex-wrap: wrap;}
.cms-section .image-circle {width: 125px;height: 124px;position: relative;border-radius: 4px;background: var(--white);box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.05);padding: 10px 20px;color: #4A4A4A;font-family: 'ARIAL';font-size: 14px;font-weight: 400;border: 2px dashed #ccc;background-position: center;background-repeat: no-repeat;background-size: cover;}
.cms-section .remove-btn,
.cms-section .edit-btn { position: absolute; top: -5px; right: -5px; color: white; border: none; border-radius: 50%; width: 23px;height: 23px; font-size: 12px; line-height: 20px; text-align: center; cursor: pointer;}
.cms-repeator.remove-btn {display: block;}
.cms-section .remove-btn,.single-remove-btn {background: #ff4d4d;}
.cms-section .edit-btn {background: #ff6600;top: auto;bottom: -5px;right: -5px;}
.cms-section .remove-btn i,.edit-btn i,.single-remove-btn i {color: var(--white);font-size: 11px;}
.cms-section #myTabContent {background: transparent;}
.cms-header .navbar-nav {background: var(--white);border-radius: 12px;padding: 10px;}
/* CMS */
.custom_row_class {row-gap: 20px;}
.tab-content .search-field i {top: 12px;left: 12px;}
.management-table-parent .page-item.active .page-link,.management-table-parent .page-item:hover .page-link {border: 1px solid #2359D5;background: #2359D5;color: white;}
.management-table-parent .page-item .page-link {border: 1px solid #2359D5;color: #2359D5;background: #FFF;}
.management-table-parent ul.pagination {gap: 4px;}
.management-table-parent nav {padding: 20px 20px;}
.single-add-image .add-img-text,.single-add-image i.add-img-icon {display: none;}
.single-add-image.no-image .add-img-text,.single-add-image.no-image i.add-img-icon {display: block;}
.noti-image-parent {height: 48px;width: 48px;}
.noti-image-parent img {border-radius: 50px;}
.notification .border-bottom {border-bottom: 1px solid var(--lg-grey)}
.img-size {max-width: 32px;height: 32PX;}
/* .table-responsive:has(.table tr td:nth-child(2)) {min-height: 300px;} */
.form_response_table ul.dropdown-menu.show {min-width: 144px;display: flex;flex-direction: column;gap: 6px;}
.product-single-img-parent {width: 500px;background: aliceblue; border-radius: 23px;}
.menu-sub-dropdown {width: 318px;}
.prescriber-image-card-container {width: 120px;height: 139px;border-radius: 16px;overflow: hidden;flex-shrink: 0;}
.prescriber-image {width: 100%;height: 100%; object-fit: contain; object-position: center;}
.user-img { width: 110px;border-radius: 15px;overflow: hidden;flex-shrink: 0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.user-img img {width: 100%; height: 100%;object-fit: cover;object-position: center;}
.prescriber-product-parent .treatment-img {border: 1px solid lavender;width: 100%;border-radius: 10px;background-color: lavender;height: 313px;}
.prescriber-product-parent .img {object-fit: contain;}
/* .prescriber-product-parent .card {max-width: 507px;} */
.prescriber-img {height: 45px;width: 45px;border-radius: 50px;overflow: hidden;}
.detail-form-sec .user-img {width: 126px;height: 126px; padding: 10px;}
.chat-name-box {width: 462px;}
.prescriber-chat-detail .scroll-box {min-height: 40vh;}
.message.sent,.message.received {display: flex;flex-direction: column;align-items: end;}
.message.received {align-items: start;}
.file-message.sent .download-icon i {color: white;}
.prescriber-chat .btn:hover {background-color: transparent;border-color: transparent;color: unset;}
.message.sent .message-bubble .file-message i,.message.sent .message-bubble .file-message,.message.received .message-bubble,.message.received .message-bubble .file-message i {color: black;}
.message.sent .message-bubble {background-color: #007bff;color: white;}
.message.received .message-bubble {background-color: #e9ecef;color: #333;}
.message-time {font-size: 0.75rem;color: #6c757d; margin-top: 5px;}
.prescriber-chat .badge {border-radius: 22px; font-size: 11px; height: 24px;width: 24px;color: white; padding: 7px 3px 3px 3px;}
.new_question_sec .image-input-wrapper img {border-radius: 12px;}
.cms_img_upload-wrapper {display: flex;flex-wrap: wrap;gap: 20px;align-items: center;}
.image-input {position: relative;width: 110px;height: 110px;border-radius: 50%;overflow: hidden;border: 2px dashed #ccc;display: flex; align-items: center;justify-content: center;transition: all 0.3s;background: #f9f9f9;}
.image-input:hover {border-color: #007bff;background: #f0f8ff;}
.image-input img {width: 100%; height: 100%;object-fit: cover;}
.edit_icon {position: absolute;bottom: 5px;right: 5px;background: #007bff;color: #fff;border-radius: 50%;padding: 6px;cursor: pointer;font-size: 13px;}
.cms-section .image-input.image-input-circle .edit_icon {top: -12px;left: calc(100% - -12px);width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;font-size: 13px;color: white;}
.remove_img_append {position: absolute;border-radius: 50%;font-size: 8px;cursor: pointer;background: #F1416C;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;padding: 0;top: -12px;right: 24px;}
.add_more_img_append_btn {width: 123px;height: 124px;border: 2px dashed #007bff;border-radius: 15px;display: flex;align-items: center;justify-content: center;color: #007bff;font-size: 30px;cursor: pointer;transition: all 0.3s;}
.product-detail-parent .input_image_field,.product-detail-parent.new_question_sec .image-input-wrapper img,.cms-section .image-input-wrapper img,.cms-section .input_image_field {border-radius: 15px;}
.product-detail-parent .image-input.image-input-circle,.cms-section .image-input.image-input-circle {overflow: visible;height: unset;width: unset;border-radius: 15px;}
.product-detail-parent .edit_icon i,.cms-section .edit_icon i {font-size: 13px;color: white;}
.product-detail-parent .image-input.image-input-circle .edit_icon{top: -15px;left: calc(100% - -15px);width: 35px;height: 35px;display: flex; justify-content: center; align-items: center;}
.cms-section .image-input.image-input-circle .image-input-wrapper{ border-radius: 15px;}
.hidden-btn {  display: none !important;}
.switch {position: relative;display: inline-block;width: 43px;height: 21px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;border-radius: 34px;}
.slider::before {position: absolute;content: "";height: 14px;width: 14px;left: 4px;bottom: 4px;background-color: white;transition: 0.4s;border-radius: 50%;}
input:checked + .slider {background-color: #2196f3;}
input:checked + .slider::before {transform: translateX(22px);}
/* text-editor css */
.product-detail ul li, .product-detail ul li span,.product-detail ul li strong {font-size: 18px;font-family: 'Inter';font-weight: 400;    padding: 0 !important;}
.product-detail ul li span,.product-detail ul li strong { font-weight: 600;}
.product-detail h3 {font-size: 24px;font-weight: 500;font-family: 'Inter';}
.product-detail h1 {font-size: 40px;font-weight: 600;font-family: 'Inter';}
.product-detail p {font-family: 'Inter';font-size: 16px;font-weight: 400;}
.product-detail ul,.product-detail ol {list-style: none;}
.product-detail ul li img { padding-right: 7px;}
.overflow-header {overflow-x: scroll;    width: 932px;}
/* analytics */
 .progress { width: 155px; height: 17px; background-color: #F7F7F7; border-radius: 50px; overflow: hidden; }
    .progress-bar { height: 100%; width: 0; background-color: #2359D5; border-radius: 50px; transition: width 0.3s ease; }
      .custom-select2 { border-radius: 8px; background: #FFF; padding: 8px 28px; outline: none; }
    .admin-dashboard .custom-select2 {appearance: none; }
    .time-dropdown i { position: absolute; z-index: 2; right: 9px; top: 14px; color: var(--dim-black); }
 .notification-row {
        transition: all 0.3s ease;
        border-radius: 8px;
        margin-bottom: 5px;
    }

    .notification-row:hover {
        background-color: #f8f9fa !important;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .notification-row.unread {
        background-color: #e3f2fd !important;
        border-left: 4px solid #2196f3;
    }

    .noti-image-parent {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f5f5f5;
        border-radius: 50%;
        margin-right: 15px;
    }

    .notification-row:hover .noti-image-parent {
        background-color: #e3f2fd;
    }

    .badge.bg-info {
        background-color: #17a2b8 !important;
        font-size: 10px;
        padding: 2px 6px;
    }

    /* Add visual indicator for clickable notifications */
    .notification-row[data-action-url]:not([data-action-url="#"]):after {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        opacity: 0.6;
    }

    .notification-row {
        position: relative;
    }
       .prescription-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        border-color: #007bff;
    }

    .prescription-icon {
        width: 40px;
        height: 40px;
        background: #f8f9fa;
        border-radius: 8px;
        border: 1px solid #e9ecef;
    }

    .prescription-card:hover .prescription-icon {
        background: #e3f2fd;
        border-color: #007bff;
    }

    .chat-item {
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .chat-item:hover {
            background-color: #f8f9fa;
        }

        .message {
            margin-bottom: 15px;
        }

        .message.sent {
            text-align: right;
        }

        .message.received {
            text-align: left;
        }

        .message-bubble {
            display: inline-block;
            max-width: 70%;
            padding: 10px 15px;
            border-radius: 18px;
            word-wrap: break-word;
        }

        .message.sent .message-bubble {
            background-color: #007bff;
            color: white;
        }

        .message.received .message-bubble {
            background-color: #e9ecef;
            color: #333;
        }

        .message-time {
            font-size: 0.75rem;
            color: #6c757d;
            margin-top: 5px;
        }

        /* File message styles */
        .file-message {
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            padding: 12px;
            min-width: 250px;
        }

        .file-message.sent {
            background: #e3f2fd;
            border-color: #2196f3;
        }

        .file-icon {
            width: 40px;
            height: 40px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            margin: auto;
        }

        .file-icon.image {
            background: #e8f5e8;
            color: #4caf50;
        }

        .file-icon.pdf {
            background: #ffebee;
            color: #f44336;
        }

        .file-icon.document {
            background: #e3f2fd;
            color: #2196f3;
        }

        .file-icon.text {
            background: #fff3e0;
            color: #ff9800;
        }

        .file-icon.archive {
            background: #f3e5f5;
            color: #9c27b0;
        }

        .file-icon.file {
            background: #f5f5f5;
            color: #757575;
        }

        #filePreviewList {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        #filePreviewList>div {
            width: 90px;
            height: 90px;
            border-radius: 8px;
            overflow: hidden;
            background-color: #f8f9fa;
            position: relative;
        }

        #filePreviewList img,
        #filePreviewList video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #filePreviewList button {
            position: absolute;
            top: 4px;
            right: 4px;
            z-index: 2;
            padding: 0 5px;
            line-height: 1;
        }

        #filePreviewList .btn-danger {
            font-size: 12px;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            line-height: 18px;
            text-align: center;
            padding: 0;
        }


    .invalid-feedback {
            display: block;
            color: #dc3545;
            font-size: 0.875rem;
            margin-top: 0.25rem;
        }

        .form-control.is-invalid {
            border-color: #dc3545;
            padding-right: calc(1.5em + 0.75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        }

        .form-control.is-invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
        }
          .image-input-placeholder {
            background-image: url("{{ asset('website/assets/media/avatars') }}/avatar.svg");
        }


    /* Form request table */

    .table-responsive.form-request-table{ border-radius: 12px;  border: 1px solid #E7E7E7;  background: #FFF; }
    body .table-responsive.form-request-table tr:nth-child(even) { border-block: 1px solid #E7E7E7; background: #F6F7FE; }
    .weight-resp-form { width: 200px; height: 200px; }
    .weight-resp-form img {width: 100%; height: 100% ; object-fit: cover;}

    .table-responsive {overflow-x: auto;overflow-y: visible;-webkit-overflow-scrolling: touch;max-width: 100%;display: block;width: 100%;scrollbar-width: thin;scrollbar-color: var(--blue) #f1f1f1;}
    .table-responsive::-webkit-scrollbar {width: 10px;height: 10px;}
    .table-responsive::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
    .table-responsive::-webkit-scrollbar-thumb {background: var(--blue);border-radius: 10px;}
    .table-responsive::-webkit-scrollbar-thumb:hover {background: var(--blue);opacity: 0.8;}
    .table-responsive table {width: 100%;margin-bottom: 0;}
    .table-responsive table td .min-w-max {min-width: max-content;}
    .app-content {display: flex;flex-direction: column;flex: 1 0 auto;}
    .app-container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
    .table-section .page-header {display: flex;justify-content: space-between;align-items: center;padding-bottom: 1rem;flex-wrap: wrap;gap: 1rem;}
    .table-section .page-header .page-title {font-size: 22px;font-weight: 600;font-family: 'Inter', sans-serif;color: var(--dim-black);margin: 0;}
    .table-section .page-header .header-actions {display: flex;justify-content: center;align-items: center;gap: 0.5rem;flex-wrap: wrap;}
    .table-section .page-header .search-field {position: relative;}
    .table-section .page-header .search-field i {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: var(--lg-grey);}
    .admin-tabs {margin-top: 1rem;}
    .table-section .tab-search-field {padding: 1.25rem;display: flex;justify-content: flex-end;}
    .table-section .tab-search-field .search-field {position: relative;max-width: 300px;}
    .table-section .tab-search-field .search-field i {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: var(--lg-grey);z-index: 1;}
    .breadcrumb-nav {margin-bottom: 0px;}
    .breadcrumb {display: flex;flex-wrap: wrap;padding: 0;margin: 0;list-style: none;background: transparent;}
    .breadcrumb-item {display: flex;align-items: center;}
    .breadcrumb-item + .breadcrumb-item::before {content: ">";padding: 0 0.5rem;color: #667085;}
    .breadcrumb-item a {color: #667085;text-decoration: none;font-size: 14px;font-family: 'Inter', sans-serif;}
    .breadcrumb-item a:hover {text-decoration: underline;color: var(--blue);}
    .breadcrumb-item.active {color: #454545;font-size: 14px;font-family: 'Inter', sans-serif;}
    .breadcrumb .breadcrumb-item:after{content: ">";}
    .remove-pricing i {padding: 0;}
    .form-response-wrapper { padding-top: 2.5rem; }
    .form-response-wrapper .form-response-container { max-width: 100%; width: 100%; }
    .form-response-wrapper .form-response-content { max-width: 66.666667%; width: 100%; }
    .form-response-wrapper .form-response-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; flex-wrap: wrap; gap: 1rem; }
    .form-response-wrapper .form-response-detail-section { display: flex; justify-content: space-between; margin-bottom: 2.5rem; gap: 2rem; flex-wrap: wrap; }
    .form-response-wrapper .user-info-section { display: flex; gap: 1.25rem; padding-left: 2.5rem; flex: 1; min-width: 250px; }
    .form-response-wrapper .user-info-content h2 { font-size: 1.375rem; font-family: 'Inter', sans-serif; color: #000; margin: 0; }
    .form-response-wrapper .user-info-content { display: flex;flex-direction: column;justify-content: space-between;gap:5px;}
    .form-response-wrapper .user-info-content a { color: #6c757d; font-size: 1rem; font-family: 'Inter', sans-serif; font-weight: 400; text-decoration: none; width: auto;height: 100%;display: inline-block;}
    .form-response-wrapper .user-info-content .view-form-link { padding-top: 0.5rem; }
    .form-response-wrapper .info-boxes-container { display: flex; flex-direction: column; gap: 0; flex: 1; min-width: 300px; }
    .form-response-wrapper .info-boxes-row { display: flex; gap: 0; }
    .form-response-wrapper .info-box { display: flex; gap: 1.25rem; border: 1px solid #dee2e6; padding: 1.75rem; flex: 1; width: 50%; }
    .form-response-wrapper .info-box:not(:last-child) { border-right: none; }
    .form-response-wrapper .info-box-icon { flex-shrink: 0; }
    .form-response-wrapper .info-box-icon img { width: 100%; height: auto; }
    .form-response-wrapper .info-box-content { flex: 1; }
    .form-response-wrapper .info-box-label { color: #6c757d; font-size: 12px; font-family: 'Inter', sans-serif; margin: 0 0 0.25rem 0; }
    .form-response-wrapper .info-box-value { font-size: 18px; font-family: 'Inter', sans-serif; font-weight: 600; margin: 0; }
    .form-response-wrapper .weight-box { border-left: 1px solid #dee2e6; }
    .weight-resp-form { width: 200px; height: 200px; }
    .weight-resp-form img {width: 100%; height: 100% ; object-fit: cover;}

.prodct-descrption { display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: start;}
.pres-treatment-cards { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.editor-checklist li, .rectangle-checklist li, .rect2-checklist li {position: relative; list-style: none; font-weight: 500; margin-bottom: 10px;}

.rect2-checklist :is(h1, h2, h3, h4, h5, h6) {  color: var(--white);}
body .product-resp p, body .product-resp li { font-size: 16px;  }

.editor-checklist li::before {  content: " ";   background-image: url(../images/checklist-icon.svg);  position: absolute;  left: -26px; top: 0; color: #FFF;  height: 20px;  width: 20px;  background-repeat: no-repeat;  background-size: contain; }

.rectangle-checklist li::before, .rect2-checklist li::before { content: " ";  position: absolute;  color: #FFF;  height: 10px;  width: 10px;  background-repeat: no-repeat;   background-size: contain; }
.rectangle-checklist li::before { background-image: url(../images/rectangle-icon.svg); left: -19px;  top: 6px; }
.rect2-checklist li::before { background-image: url(../images/rectangle2-icon.svg); left: -19px;  top: 5px;  }

.main-img-product.web-product img { width: 443px;  object-fit: contain;}
.product-resp .icon-about img {object-fit: contain; height: 33px;}
.notes-card-resp .card-body img { width: 100%; height: 200px;  margin-bottom: 1em; object-fit: cover;}

.blog-inner h4{ margin-top: 1.5em; font-size: 22px !important; font-weight: 500 !important;}
.blog-inner p, .blog-inner li {font-size: 16px !important;}

table li.dropdown-li {  display: block;  width: max-content; }

.form-group .iti{display: block;}
.intl-tel-input {
    width: 100%;
}
.intl-tel-input .selected-flag {
    z-index: 4;
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
}