.left-navbar-medical {
    background-color: #00B894 !important;
}

.left-menu-item-medical > li:hover > a,
.left-menu-item-medical .active > a,
.dropdown-navbar-medical li:hover > a {
    border-left: 5px solid #00B894;
    background-color: #c5fdf2 !important;
}

.left-menu-item-medical li svg {
    fill: #fff;
}

.left-menu-item-medical li.active svg, .left-menu-item-medical li:not(:has(.first)):hover svg {
    fill: #00B894;
}

.left-menu-item-medical li.active a, .left-menu-item-medical li:hover a {
    color: #00B894 !important;
}

.left-menu-item-medical li:hover > a {
    color: #00B894 !important;
}

.breadcrumb-item-medical {
    font-size: 2rem;
    color: #00B894;
    font-weight: 600;
}

.dropdown-toggle-dashboard-medical::after {
    border-top: 0.3em solid #00B894 !important;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.username-medical {
    color: #00B894;
}

.btn-primary-medical {
    background: #00B894;
    border: none;
}

    .btn-primary-medical:hover, .btn-primary-medical:focus {
        background: #00B894 !important;
        border: none;
    }

.btn-primary-medical-profile {
    background: #00B894 !important;
    border: none;
    max-width: fit-content;
}

.profile {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top-bar {
    align-items: end;
}

.form-control-medical {
    width: 250px;
}

.table-medical td {
    width: 300px;
}

.table-medical .name-column {
    text-wrap: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-medical thead {
    background-color: #00B894;
    color: #ffffff;
}

.page-link-medical {
    background-color: #00B894;
    color: #ffffff;
}

.page-link-medical-count {
    background-color: #ffffff;
    color: #000;
}

.page-link-medical:hover, .page-link-medical:focus {
    background-color: #00B894;
    color: #ffffff;
    box-shadow: none;
}

.page-link-medical-count:hover, .page-link-medical-count:focus {
    background-color: #ffffff;
    color: #000;
    box-shadow: none;
}

.top-header-medical .btn-primary {
    background: #00b894 !important;
}

.top-header-medical .border-notification {
    border-color: #00b894;
}

.top-header-medical .arrow-dashboard {
    border-bottom-color: #00b894;
}

/*.edit-icon-svg {
    position: relative;
    bottom: 75px;
    left: 245px;
    cursor: pointer;
    background: #fff;
    padding-left: 4px;
    border-radius: 20px;
    padding-bottom: 4px;
    padding-top: 2px;
}*/

.edit-icon-svg-medical {
    position: relative;
    bottom: 67px !important;
    left: 70px !important;
    cursor: pointer;
}

.edit-icon-svg-medical svg {
    fill: #00b894;
}

.license {
    width: 450px;
    height: 250px;
}



.profile-image-container-medical {
    height: 254px;
    width: 254px;
}

#uploadedProfileImagemedical {
    height: 100%;
    width: 100%;
}


#uploadedLicenseImagemedical {
    border-radius: 10px;
    object-fit: fill;
}

/*#uploadedLicenseImagemedical {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
}*/

#uploadedLicenseImagemedical {
    height: 100%;
    width: auto;
    object-fit: contain;
    max-width: fit-content;
}

#uploadedProfileImageTopHeader {
    height: 40px;
    width: 40px;
    object-position: center;
    object-fit: contain;
}

.medical .heading-bar {
    background: #00B894;
}

.medical .mmj-card .accordion-button.collapsed {
    color: #00b894;
    background-color: #e3fff9;
}

.medical .mmj-card .accordion-button {
    color: #00b894;
    background-color: #affced;
}

.top-header-medical #dropdownMenuLink.show-arrow::after {
    border-top: 7px solid #00B894;
}

.table-medical .email-column {
    text-wrap: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.medical .accordion-item {
    border: 1px solid #00B894 !important;
}

.medical .accordion-button::after {
    background-image: url("/images/down-arrow-medical.png") !important;
}