body {
    color: #333 !important;
}

body,
input,
select,
textarea,
button,
.ui-btn {
    font-family: inherit;
}

.text-primary {
    color: var(--color-primary) !important;
}

.col-nowrap {
    white-space: nowrap !important;
    width: 1% !important;
}

.wrap-col {
    white-space: normal;
    width: 1%;
    max-width: 200px;
    word-break: break-word;
}

.form-control.password.is-invalid {
    background-position: right 47px center;
}

.dtr-details .wrap-col {
    width: auto;
    max-width: 100%;
}

table.dataTable td.nowrap-col {
    white-space: nowrap;
    width: 1%;
}

span.required {
    color: var(--color-danger-text);
    margin-left: 4px;
}

/* Ẩn nút spinner trên Chrome, Safari, Edge */
input[type=number][disabled]::-webkit-outer-spin-button,
input[type=number][disabled]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Ẩn nút spinner trên Firefox */
input[type=number][disabled] {
    -moz-appearance: textfield;
}

td.wrap-col-auto {
    white-space: normal !important;
}

.preloader-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
}

.preloader-area .spinner {
    width: 55px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -65px;
}

.preloader-area .spinner>div {
    background-color: #007aff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.preloader-area .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.preloader-area .spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.preloader-area .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.preloader-area .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    100%,
    40% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes sk-stretchdelay {

    0%,
    100%,
    40% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

.btn-outline-dark {
    border-color: var(--border-dark);
}

.scroll-cool::-webkit-scrollbar {
    background: #fff;
}

.scroll-cool::-webkit-scrollbar-thumb {
    border: 4px solid #fff;
    box-shadow: none;
    background: #dadce0;
    border-radius: 8px;
    min-height: 40px;
}

.scroll-cool::-webkit-scrollbar-track {
    display: none;
    background-color: #fff;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item.active>i,
.dropdown-item:active>i,
.dropdown-item:hover,
.dropdown-item:hover>i,
.dropdown-item:focus,
.dropdown-item:focus>i {
    color: #fff !important;
    background-color: var(--color-primary-light) !important;
}

.italic {
    font-style: italic !important;
}

.text-normal {
    font-weight: normal !important;
}

.form-control-sm {
    border-radius: 0.3rem;
}

.waitMe_container .waitMe .waitMe_progress+.waitMe_text {
    margin-top: 15px;
}

.shadow-1 {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.shadow-sm-1 {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.btn:not(.btn-circle) {
    border-radius: 4px;
    border-width: 2px;
}

.btn:not(.btn-sm, .dropdown-toggle) {
    padding: .39rem .75rem .37rem;
}

.datepicker-group .input-group-append>.btn {
    padding: .39rem .65rem .37rem;
}

.sticky-top {
    position: sticky;
    top: 0;
}

.text-green {
    color: #27aa26;
}

.text-success {
    color: #149a39 !important;
}

.btn-link.btn-shadow {
    width: 30px;
    height: 30px;
    border: 1px solid #d8e3f7;
    border-radius: 8px;
    background: linear-gradient(180deg, var(--text-light) 0%, #f4f8ff 100%);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(32, 65, 120, .12);
    transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.btn-link.btn-shadow.btn-primary {
    color: var(--color-primary);
}

.btn-link.btn-shadow.btn-primary:hover {
    background: linear-gradient(180deg, #f3f7ff 0%, #e9f1ff 100%);
    border-color: #bcd0f7;
    color: #1f4ea8;
    box-shadow: 0 4px 10px rgba(47, 111, 221, .2), 0 0 0 3px rgba(47, 111, 221, .12);
    transform: translateY(-1px);
}

.btn-link.btn-shadow.btn-danger {
    color: #c8475d;
}

.btn-link.btn-shadow.btn-danger:hover {
    background: linear-gradient(180deg, #fff5f6 0%, #ffeef1 100%);
    border-color: #f2c6cd;
    color: #b5354c;
    box-shadow: 0 4px 10px rgba(220, 53, 69, .2), 0 0 0 3px rgba(220, 53, 69, .12);
    transform: translateY(-1px);
}

.btn-link.btn-shadow i {
    font-size: 13px;
}

.filter-item {
    flex: 0 0 auto;
}

.filter-item .btn-search {
    height: 38px;
    width: 40px;
    padding: 2px 0 0 0;
    text-align: center;
}

.filter-grow {
    flex: 1 1 auto;
}

.filter-date {
    flex: 0 0 152px;
}

.filter-date.is-invalid {
    flex: 0 0 175px;
}

.box-shadow-lg,
body>.alert.box-shadow-lg {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.info-box {
    background: #fff;
    border-radius: 5px;
    /*box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;*/
    padding: 6px;
    text-align: center;
    margin-bottom: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-box h4 {
    font-size: 16px;
    font-weight: 600;
    color: #444;
    margin-bottom: 0;
    margin-right: 4px;
}

.info-box .count {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #333;
}

.info-box .count>sup {
    margin-left: 3px;
}

.info-box .glyphicon {
    margin-right: 6px;
}

.box-shadow-lg,
body>.alert.box-shadow-lg {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
}

.uc-first {
    text-transform: capitalize;
}

.text-md {
    font-size: 17px;
}

.text-wrap {
    white-space: normal !important;
}

.w-full {
    width: 100% !important;
}

a[href] {
    text-underline-offset: 4px;
}

a[data-fancybox] {
    cursor: pointer;
}

a:not(.btn)[disabled],
a:not(.btn).disabled {
    pointer-events: none;
    opacity: 0.65;
}

button.btn[disabled],
button.btn.disabled,
a[disabled],
a.disabled {
    pointer-events: none;
}

.no-padding {
    padding: 0 !important;
}

.input-group-text {
    background-color: var(--bg-lighter);
}

.btn-outline-success,
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #3eae17;
    border-color: #3eae17;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    color: #fff;
    background-color: #3eae17;
    border-color: #3eae17;
}

.card,
.card-header,
.card-footer {
    border-color: var(--border-card);
}

.col-fit {
    max-width: fit-content !important;
}

.col-fit-remain {
    max-width: initial !important;
    flex-grow: 1;
}

.opacity-0 {
    opacity: 0;
}

.clickable {
    color: var(--color-primary-light);
    cursor: pointer;
}

.no-clickable {
    cursor: default !important;
}

button[type="button"].no-clickable:not(.btn) {
    background-color: #fff;
}

.pointer {
    cursor: pointer !important;
}

.btn-md {
    padding: 0.35rem 0.65rem;
    font-size: .955rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.d-f {
    display: flex !important;
}

.h-full {
    height: 100%;
}

.f-l {
    float: left !important;
}

.f-r {
    float: right !important;
}

.mt-05 {
    margin-top: 0.5rem !important;
}

.truncate-1 {
    white-space: nowrap;
    overflow-y: hidden;
    text-overflow: ellipsis;
}

.truncate-2 {
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-header-title {
    font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    color: rgba(13, 27, 62, .5);
    font-size: 1.3rem;
    font-weight: bold;
    user-select: none;
}

.always-hidden {
    display: none !important;
}

.bg-danger,
.bg-warning {
    color: #fff;
}

.badge-md {
    padding: 7px 8px;
    font-size: .875rem;
    font-weight: 400;
}

.text-dark-1 {
    color: var(--text-dark) !important;
}

.form-control:focus {
    color: #000;
    border-color: #2f9fff;
    box-shadow: none;
}

.text-warning {
    color: #e29406 !important;
}

.text-gray-400 {
    color: #c9cad4 !important;
}

.space-between {
    justify-content: space-between !important;
}

.modal .modal-footer.space-between>button:nth-child(2) {
    margin-left: auto;
}

.modal .modal-footer>button[disabled] {
    opacity: 0.4 !important;
    pointer-events: none;
}

.modal .modal-footer .btn,
.modal .modal-header .btn {
    font-weight: bold;
}

.modal .modal-footer .btn>.btn-text>i {
    margin-right: 6px;
}

.btn-success.dropdown-toggle-split {
    background-color: var(--color-success);
    border-color: #169b6b;
}

.btn-danger.dropdown-toggle-split {
    background-color: #e02d1b;
    border-color: #d52a1a;
}

.dropdown-toggle.dropdown-toggle-split::after {
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
}

.h-53 {
    height: 53px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.fullwidth {
    width: 100% !important;
}

.highlight-missing {
    background-color: #ffe5d7 !important;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-25 {
    opacity: 0.25;
}

.blur-8 {
    filter: blur(8px);
}

.flex-1 {
    flex: 1;
}

.modal-dialog.modal-lg-90 {
    width: 90%;
    max-width: 1340px;
    margin: 1.75rem auto;
}

.modal-dialog.modal-lg-90.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
}

.modal-dialog.modal-lg-90 .modal-content {
    max-height: calc(100vh - 3.5rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modal-dialog.modal-lg-90 .modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.card-border-2 .list-group-item {
    border-width: 2px;
}

.card-border-2 .list-group-item:first-child~.list-group-item {
    border-top: none;
}

.cursor-zoom-in {
    cursor: zoom-in;
}

.btn.disabled,
.btn:disabled {
    opacity: .5;
}

.btn.disabled[class*="btn-outline"],
.btn:disabled[class*="btn-outline"] {
    opacity: .6;
}

.data-table .btn.disabled,
.data-table .btn:disabled {
    opacity: .35;
}

.data-table>tbody>tr>td.italic-col {
    font-style: italic;
    font-weight: 300;
}

.data-table>tbody>tr>td.wrap-col {
    white-space: normal;
    min-width: 100px;
}

.zoom-in-out {
    animation: zoom-in-zoom-out 0.6s;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.07, 1.07);
        box-shadow: 0 0 15px rgb(0 0 0 / 49%);
    }

    100% {
        transform: scale(1, 1);
    }
}

.fa-users-class::before {
    display: inline-block;
    content: "";
    background-image: url(../img/users-class.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
}

.fal-times::before {
    display: inline-block;
    content: "";
    background-image: url(../img/times-gray.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 19px;
    position: relative;
    top: 4px;
}

.fa-search-light::before {
    display: inline-block;
    content: "";
    background-image: url(../img/search-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
}

.fa-table-light::before {
    display: inline-block;
    content: "";
    background-image: url(../img/table.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
}

.fa-sparkles::before {
    display: inline-block;
    content: "";
    background-image: url(../img/sparkles.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.fa-spa::before {
    display: inline-block;
    content: "";
    background-image: url(../img/spa.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.fa-wand-magic::before {
    display: inline-block;
    content: "";
    background-image: url(../img/wand-magic.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.fa-user-md-chat::before {
    display: inline-block;
    content: "";
    background-image: url(../img/user-md-chat.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.fa-user-md-chat.text-muted::before {
    background-image: url(../img/user-md-chat-gray.svg);
}

.fa-th-list-1::before {
    display: inline-block;
    content: "";
    background-image: url(../img/th-list.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.fa-image-1::before,
.fa-image-2::before,
.nav-link.active>.fa-image-2::before,
.fa-video-1::before,
.fa-video-2::before,
.nav-link.active>.fa-video-2::before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.fa-arrow-left-1::before,
.fa-arrow-right-1::before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
}

.fa-image-1::before {
    background-image: url(../img/image.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.fa-image-2::before {
    background-image: url(../img/image-inactive.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.fa-arrow-left-1::before {
    background-image: url(../img/arrow-left-active.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.fa-arrow-right-1::before {
    background-image: url(../img/arrow-right-active.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.paginate_button.previous.disabled .fa-arrow-left-1::before {
    background-image: url(../img/arrow-left-disabled.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.paginate_button.next.disabled .fa-arrow-right-1::before {
    background-image: url(../img/arrow-right-disabled.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active>.fa-image-2::before {
    background-image: url(../img/image-active.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.fa-video-1::before {
    background-image: url(../img/video.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
}

.fa-video-2::before {
    background-image: url(../img/video-inactive.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
}

.nav-link.active>.fa-video-2::before {
    background-image: url(../img/video-active.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
}

.fa-play-1::before {
    display: inline-block;
    content: "";
    background-image: url(../img/play.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 40px;
    position: relative;
    top: 3px;
}

.nav-link:hover .fa-table-light::before {
    background-image: url(../img/table-hover.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.nav-link.active .fa-table-light::before {
    background-image: url(../img/table-active.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.active>.fa-sparkles::before,
.nav-link:hover .fa-sparkles::before {
    display: inline-block;
    content: "";
    background-image: url(../img/sparkles-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.active>.fa-spa::before,
.nav-link:hover .fa-spa::before {
    display: inline-block;
    content: "";
    background-image: url(../img/spa-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.active>.fa-wand-magic::before,
.nav-link:hover .fa-wand-magic::before {
    display: inline-block;
    content: "";
    background-image: url(../img/wand-magic-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.active>.fa-user-md-chat::before,
.nav-link:hover .fa-user-md-chat::before {
    display: inline-block;
    content: "";
    background-image: url(../img/user-md-chat-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.fa-authenticator:before {
    display: inline-block;
    content: "";
    background-image: url(../img/authenticator.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    position: relative;
    top: 11px;
    border-radius: 22.5%;
    border-width: 0;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}

.fa-qrcode-1:before {
    display: inline-block;
    content: "";
    background-image: url(../img/qr-code.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: relative;
    top: 2px;
    left: 2px;
}

.fa-print-1:before {
    display: inline-block;
    content: "";
    background-image: url(../img/print.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    left: 0;
}

.fa-popup:before {
    display: inline-block;
    content: "";
    background-image: url(../img/popup-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: relative;
    top: 1px;
    left: 5px;
}

.fa-calendar-light::before {
    display: inline-block;
    content: "";
    background-image: url(../img/calendar-alt-gray.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
}

.fa-tooth-1:before,
.fa-tooth-2:before,
.fa-tooth-3:before,
.fa-dentist:before,
.fa-labo:before {
    display: inline-block;
    content: "";
    background-image: url(../img/tooth-white-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 15px;
    position: relative;
    top: 2px;
    left: 0;
}

.active>.fa-tooth-1:before,
.active>.fa-tooth-2:before {
    display: inline-block;
    content: "";
    background-image: url(../img/tooth-yellow-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 15px;
    position: relative;
    top: 2px;
    left: 0;
}

.fa-obstetrics:before {
    display: inline-block;
    content: "";
    background-image: url(../img/obstetrics-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 17px;
    position: relative;
    top: 2px;
    left: 0;
}

.active>.fa-obstetrics:before {
    display: inline-block;
    content: "";
    background-image: url(../img/obstetrics-yellow-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 17px;
    position: relative;
    top: 2px;
    left: 0;
}

.nav-link:hover .fa-obstetrics:before,
.btn-create-obstetrics-top .fa-obstetrics:before {
    display: inline-block;
    content: "";
    background-image: url(../img/obstetrics-white-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 17px;
    position: relative;
    top: 2px;
    left: 0;
}

.fa-obstetrics-1:before {
    display: inline-block;
    content: "";
    background-image: url(../img/obstetrics-1-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    position: relative;
    top: 2px;
    left: 0;
}

.nav-link:hover .fa-obstetrics-1:before {
    display: inline-block;
    content: "";
    background-image: url(../img/obstetrics-1-white-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    position: relative;
    top: 2px;
    left: 0;
}

.fa-obstetrics-2:before,
.fa-obstetrics-3:before {
    display: inline-block;
    content: "";
    background-image: url(../img/obstetrics-2-white-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 18px;
    position: relative;
    top: 2px;
    left: 0;
}

.fa-obstetrics-3:before {
    background-image: url(../img/obstetrics-2-blue-icon.png);
}

.collapse-item.active>.fa-obstetrics-2:before {
    display: inline-block;
    content: "";
    background-image: url(../img/obstetrics-2-yellow-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 18px;
    position: relative;
    top: 2px;
    left: 0;
}

.collapse-item:not(.active):hover .fa-obstetrics-2:before,
.nav-link:hover .fa-obstetrics-3:before,
.active>.fa-obstetrics-3:before {
    display: inline-block;
    content: "";
    background-image: url(../img/obstetrics-2-white-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 18px;
    position: relative;
    top: 2px;
    left: 0;
}

.fa-file-csv-1:before {
    display: inline-block;
    content: "";
    background-image: url(../img/file-csv.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    left: 0;
}

.fa-note:before {
    display: inline-block;
    content: "";
    background-image: url(../img/file-alt.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
    left: -13px;
}

.fa-user-headset::before {
    display: inline-block;
    content: "";
    background-image: url(../img/user-headset.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: relative;
    top: 3px;
}

.fa-comment-alt-check::before {
    display: inline-block;
    content: "";
    background-image: url(../img/comment-alt-dots.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    position: relative;
    top: 3px;
}

.theme-settings-panel {
    max-width: 980px;
    margin: 0;
    padding: 8px 0 4px;
}

.theme-settings-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.theme-settings-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1f2d3d;
}

.theme-settings-subtitle {
    color: #6c757d;
    font-size: .95rem;
}

.theme-settings-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.theme-settings-grid {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 18px;
}

.theme-settings-preview,
.theme-settings-card {
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--border-card);
    padding: 18px;
}

.theme-settings-preview-label,
.theme-settings-label {
    display: block;
    font-weight: 700;
    color: #1f2d3d;
    margin-bottom: 12px;
}

.theme-settings-preview-trigger {
    width: 100%;
    border: 1px dashed #cfd8e3;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.theme-settings-preview-trigger:hover {
    border-color: #9cb7e9;
    box-shadow: 0 10px 24px rgba(47, 111, 221, .10);
    transform: translateY(-1px);
}

.theme-settings-preview-trigger img {
    max-width: 220px;
    max-height: 110px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.theme-settings-preview-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.theme-settings-preview-action {
    padding: 0;
    border: 0;
    background: transparent;
}

.theme-settings-preview-action:focus {
    outline: none;
}

.theme-settings-preview-action span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: var(--color-primary);
    color: #fff;
    font-weight: 600;
    font-size: .98rem;
    transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.theme-settings-preview-action:hover span {
    box-shadow: 0 8px 18px rgba(47, 111, 221, .18);
    transform: translateY(-1px);
}

.theme-settings-preview-action-danger span {
    background: #d9534f;
}

.theme-settings-preview-action-danger:hover span {
    box-shadow: 0 8px 18px rgba(217, 83, 79, .18);
}

.theme-settings-actions {
    display: flex;
    justify-content: flex-start;
}

.hidden {
    display: none !important;
}

@media (max-width: 767.98px) {
    .theme-settings-header {
        flex-direction: column;
    }

    .theme-settings-grid {
        grid-template-columns: 1fr;
    }

    .theme-settings-actions {
        justify-content: stretch;
    }

    .theme-settings-actions .btn {
        width: 100%;
    }
}

.fa-comment-alt-view::before {
    display: inline-block;
    content: "";
    background-image: url(../img/comment-alt-check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    position: relative;
    top: 3px;
}

.fa-comment-alt-edit::before {
    display: inline-block;
    content: "";
    background-image: url(../img/comment-alt-edit.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    position: relative;
    top: 3px;
}

.fa-2x.fa-obstetrics:before {
    width: 30px;
    height: 36px;
}

.text-muted.fa-obstetrics:before {
    filter: invert(55%) sepia(12%) saturate(326%) hue-rotate(195deg) brightness(96%) contrast(90%);
}

.fa-toggle-on::before,
.fa-toggle-off::before {
    display: inline-block;
    content: "";
    background-image: url("../img/toggle-on-green.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    position: relative;
    top: 3px;
    right: 6px;
}

.fa-toggle-off::before {
    transform: rotate(180deg);
}

.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label::before,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label::after,
.custom-checkbox.fa-checkbox .custom-control-input:checked~.custom-control-label>.fa-toggle-off,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label>.fa-toggle-on {
    display: none;
}

#wrapper #content-wrapper {
    overflow-y: hidden;
}

.sidebar-dark hr.sidebar-divider.dental-divider {
    margin: 0 1rem 0;
}

.custom-checkbox.fa-checkbox .custom-control-input:checked~.custom-control-label>.fa-toggle-on {
    display: block;
}

.nav-2.nav-pills .nav-link.active,
.nav-2.nav-pills .show>.nav-link {
    color: var(--color-primary-light);
    background-color: transparent !important;
    border-bottom: 3px solid var(--color-primary-light) !important;
}

.nav-2.nav-pills.mt-0>.nav-link {
    margin-top: 0 !important;
}

.nav-2.nav-pills .nav-link:hover {
    color: #707070;
}

.nav-2.nav-pills[role="tablist"]>a,
.nav-2.nav-pills[role="tablist"]>.nav-link>.dropdown-toggle {
    margin-left: 3px !important;
    margin-top: 7px;
    margin-right: 0 !important;
    border-radius: 0;
    border: none !important;
    border-bottom: 3px solid #d9deed !important;
    font-weight: bold;
    color: rgb(129 153 180);
    min-width: 110px;
    text-align: center;
    padding-bottom: 9px;
}

.nav-2.nav-pills[role="tablist"]>a:first-child {
    margin-left: 0 !important;
}

.nav-2.nav-pills[role="tablist"].nav-parent>a,
.nav-2.nav-pills[role="tablist"].nav-parent>.nav-link>.dropdown-toggle {
    padding-bottom: 5px;
}

.nav-2.nav-pills[role="tablist"]>a>.wrap-patient-tab {
    position: relative;
    top: -3px;
}

.nav-icon.nav-pills>a {
    padding: 2px 7px 1px;
    border-radius: 2px;
}

.nav-icon.nav-pills .nav-link {
    border: 2px solid #dadada;
}

.nav-icon.nav-pills .nav-link.active,
.nav-icon.nav-pills .nav-link:hover {
    background-color: transparent;
    border: 2px solid #03A9F4;
}

.nav-icon.nav-pills[role="tablist"]>a:first-child~a {
    margin-left: 5px;
}

.nav-icon.nav-pills .nav-link>i {
    padding-top: 7px;
}

.btn-warning-bold {
    background-color: var(--color-warning-bold);
    border-color: var(--color-warning-bold);
    color: #fff;
}

.btn-warning-bold:hover,
.btn-warning-bold:focus,
.btn-warning-bold:active {
    background-color: var(--color-warning-hover);
    border-color: var(--color-warning-hover);
    color: #fff;
}

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active {
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
}

.btn-primary.dropdown-toggle-split {
    background-color: var(--color-primary-split);
    border-color: var(--color-primary-split);
}

.btn-edit-1 {
    color: #fff;
    background-color: var(--color-info-light);
    border-color: var(--color-info-light);
}

.btn-edit-1:hover,
.btn-edit-1:focus,
.btn-edit-1:active,
.btn-edit-1:hover,
.btn-edit-1:focus,
.btn-edit-1:active {
    color: #fff;
    background-color: #1ea8db;
    border-color: #1ea8db;
}

.h-48 {
    height: 48px !important;
}

.btn-danger-1 {
    color: #fff;
    background-color: var(--color-danger-alt);
    border-color: var(--color-danger-alt);
}

.btn-danger-1:hover,
.btn-danger-1:focus,
.btn-danger-1:active {
    background-color: var(--color-danger-hover);
    border-color: var(--color-danger-hover);
}

.btn-warning-1 {
    color: #fff;
    background-color: #ffa802;
    border-color: #ffa802;
}

.btn-warning-1:hover,
.btn-warning-1:focus,
.btn-warning-1:active {
    background-color: #ff8c02;
    border-color: #ff8c02;
}

.gj-picker-bootstrap div[role=navigator] div:first-child,
.gj-picker-bootstrap div[role=navigator] div:last-child {
    display: flex;
    cursor: pointer !important;
}

.gj-picker-bootstrap table tr td.today div {
    color: #0885f1;
}

[type=year].gj-picker-bootstrap table tr td div {
    font-size: 12px;
    font-weight: 600;
}

.dropdown-toggle-split::after {
    top: 2px;
    position: relative;
}

.btn-group-transaction .dropdown-toggle-split::after {
    top: 3px;
}

.row-home .card:not(.card-zero):hover {
    cursor: pointer;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    border-left: 0.25rem solid #002ba9 !important;
}

.card-clickable .card-header:hover {
    cursor: pointer;
}

.row-home .card small {
    font-size: 100%;
}

.row-home .h6.text-prefix,
.row-home .h6.text-suffix,
.row-home .h6.text-unit {
    font-size: 1.2rem;
}

.datepicker.gj-picker table tr td.selected,
.datepicker.gj-picker table tr td.selected:hover,
.datepicker.gj-picker table tr td.selected.disabled,
.datepicker.gj-picker table tr td.selected.disabled:hover {
    background-image: none;
    background-color: transparent;
}

.datepicker.gj-picker table tr td.today,
.datepicker.gj-picker table tr td.today:hover,
.datepicker.gj-picker table tr td.today.disabled,
.datepicker.gj-picker table tr td.today.disabled:hover {
    background-color: #d9effe;
    background-image: none;
}

.card-header-home {
    background: #fff;
}

.card-header-home>.row {
    width: 100%;
}

#content>.container-fluid>.card>.card-body {
    padding: 0 1rem 0.6rem;
}

.navbar-toggler {
    padding: 0.25rem 0.5rem;
    font-size: 16px;
}

.navbar-toggler:focus {
    outline: none;
}

.navbar-toggler+#navbarSupportedContent {
    padding-right: 0;
}

.navbar-toggler+#navbarSupportedContent .btn {
    font-size: 13px;
    padding: 0.375rem 0.55rem;
}

.btn-group .dropdown-menu {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    border: 1px solid #d4d4d4;
}

.btn-group .dropdown-menu>li:hover,
.btn-group .dropdown-menu>li:focus {
    background-color: #ececec;
}

.btn-group .dropdown-menu .btn-status {
    font-weight: bold;
}

.btn-group .dropdown-menu .dropdown-item {
    font-size: 16px;
    padding-left: 13px;
    padding-right: 13px;
}

.btn-group.btn-group-status>.btn-warning {
    color: #1d1d1d !important;
}

.btn-group button.btn:focus,
.btn:focus {
    box-shadow: none !important;
}

.btn-group button.btn.disabled {
    cursor: default;
}

.btn-group button.btn-warning:first-child:not(.disabled)+.btn-warning.dropdown-toggle {
    background-color: var(--color-warning);
    border-color: #f4b30d;
}

.btn-group-buttons .dropdown-menu>li {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 16px;
}

.btn-group-buttons .dropdown-menu>li>a {
    width: 100%;
}

.btn-group-buttons .dropdown-menu {
    padding: 0;
}

.btn-group-sm {
    display: flex;
}

.dataTable .btn-group-sm {
    display: inline-flex;
}

.btn-group-sm>.btn-sm {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group-sm>.dropdown-toggle-split {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.stars {
    position: relative;
    white-space: nowrap;
}

.stars svg {
    width: 20px;
    fill: gold;
    margin: 0 1px;
}

.stars .cover {
    background: white;
    height: 19px;
    overflow: hidden;
    mix-blend-mode: color;
    position: absolute;
    top: 5px;
    right: 0;
}

.icon-btn {
    width: 38px;
    height: 38px;
    border-radius: 5px 1px 1px 5px;
    display: inline-block;
    background-color: #fff !important;
}

.icon-gift {
    width: 38px;
    height: 38px;
    border-radius: 5px;
    display: inline-block;
    background-color: #fff !important;
    background-size: cover !important;
    border: 1px solid #ddd !important;
}

.icon-gift.icon-mediviet {
    background-size: contain !important;
}

.icon-mediviet {
    background: url('../img/gift_logo.png') no-repeat center center;
    background-size: contain;
    border-top: 1px solid #f6c23e;
    border-bottom: 1px solid #f6c23e;
    border-left: 1px solid #f6c23e;
}

.icon-popup {
    background: url('../img/popup-icon.png') no-repeat center center;
    background-size: contain;
}

.icon-doctor {
    border-top: 1px solid var(--color-danger-alt);
    border-bottom: 1px solid var(--color-danger-alt);
    border-left: 1px solid var(--color-danger-alt);
}

.input-group.input-group-sm>.form-control,
.input-group.input-group-sm>.form-select {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
}

.input-group.input-group-sm .input-group-text {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .6rem;
    font-size: .875rem;
}

.input-group.input-group-sm .btn {
    padding: .22rem .5rem;
    font-size: .875rem;
}

.input-group>.input-group-prepend>.input-group-icon {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border: 1px solid var(--border-input);
    border-radius: 0.35rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 40px;
    height: initial;
    top: 0;
    background-size: 100% 102%;
    background-position-y: 0;
}

.transparent-disabled {
    pointer-events: none;
}

.hidden {
    display: none !important;
}

#vnd {
    font-size: 19px;
    line-height: 1;
    padding-top: 6px;
}

input[type=number]:not(.disabled)::-webkit-inner-spin-button,
input[type=number]:not(.disabled)::-webkit-outer-spin-button {
    opacity: 1;
}

.form-control.disabled,
.form-control:disabled,
.form-control[readonly] {
    pointer-events: none;
    background-color: var(--bg-disabled);
}

.datepicker-group .form-control[readonly]:not([disabled]) {
    pointer-events: initial;
}

div.form-control.disabled {
    opacity: 0.6;
}

.autocomplete-off[readonly] {
    background-color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    font-weight: bold;
    border-color: #a09f9f #a09f9f #fff;
    color: var(--color-primary-light);
}

.nav-tabs #analytic-1 {
    color: #dd0f00;
}

.nav-tabs #analytic-2 {
    color: #0030a6;
}

.nav-tabs .nav-item:focus,
.nav-tabs .nav-item:hover {
    border-bottom: none;
}

.nav-tabs {
    border-bottom: 2px solid #a09f9f;
}

.nav-tabs .nav-link {
    border: 2px solid transparent;
    color: #626161;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-bottom: 2px solid transparent;
}

.nav-tabs .nav-item {
    margin-bottom: -2px;
}

.nav-item .nav-link:not(.active)>i.fa-tooth-1:before {
    opacity: 0.5;
}

.nav-item .nav-link:hover>i.fa-tooth-1:before {
    opacity: 1;
}

.input-group .form-control[readonly]:not([disabled]) {
    background-color: var(--text-light);
}

table.dataTable thead>tr>th {
    position: relative;
}

table.dataTable.hide-currency-title thead>tr>th>sup {
    display: none;
}

table.data-table tbody>tr>td sup.currency-symbol {
    font-size: 15px;
    top: -5px;
    left: -2px;
}

/*table.dataTable > tbody > tr > td > .odd {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%);
}*/

.editableform .form-control {
    color: #333 !important;
}

.editableform input.form-control[type="number"]+.editable-clear-x {
    right: 6px !important;
}

.editableform .control-group {
    display: block !important;
}

.editableform .editable-error-block {
    color: #f00;
}

.editableform .editable-error-block>sup {
    font-size: 12px;
    margin-left: 2px;
}

.editable-note.editable-pre-wrapped {
    white-space: initial;
}

.align-center {
    align-items: center !important;
}

.screen-center {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.screen-center.screen-mobile {
    margin: 15px 0;
}

.topbar {
    position: relative;
}

.topbar #sidebarToggleTop {
    padding: 9px 0;
    box-shadow: 0 0 0 0.1rem rgb(78 115 223 / 25%) !important;
}

.topbar #sidebarToggleTop:hover {
    background-color: #fff;
}

.btn-text {
    cursor: pointer;
}

.modal .modal-footer .btn>i:not([class*="mr-"])+.btn-text {
    margin-left: 5px;
}

.logo,
.logo-menu {
    background: url('../img/logo.png') no-repeat center center;
    background-size: cover;
    margin: 0 auto 20px;
}

.logo-login {
    background: url('../img/logo_login_1.png') no-repeat center center;
    background-size: contain;
    margin: 20px auto 40px;
    width: 356px;
    height: 80px;
}

.logo-login-demo {
    background: url('../img/logo_demo.png') no-repeat center center;
    background-size: cover;
}

.logo-top,
.logo-top-1 {
    background: url('../img/logo_login_1.png') no-repeat center center;
    background-size: contain;
    background-position-x: 0;
}

.logo-demo {
    background: url('../img/logo_demo.png') no-repeat center center;
    background-size: contain;
    background-position-x: 0;
}

.logo-top {
    width: 178px;
    height: 40px;
}

.logo-top.vi {
    width: 129px;
}

.logo-top-1 {
    width: 156px;
    height: 35px;
    position: absolute;
    left: 10px;
    display: none;
}

.logo {
    width: 170px;
    height: 170px;
}

.logo-menu {
    width: 150px;
    height: 150px;
}

.login-page .card {
    border-radius: 17px;
}

.login-page footer.sticky-footer {
    background-color: #fff !important;
    color: #5b5b5b;
    position: absolute;
    bottom: 8px;
}

.login-page footer.sticky-footer a {
    color: var(--text-link);
}

.card-login .wrap-login {
    padding: 20px 3rem 4.5rem !important;
}

.login-page .wrap-login.no-register {
    padding-bottom: 6.5rem !important;
}

.editable-empty {
    color: var(--color-primary-light) !important;
}

.dataTables_wrapper .col-auto.dt-length-auto,
.dataTables_wrapper .col-auto.dt-filter-auto {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.dataTables_wrapper .row:first-child {
    align-items: center;
}

.dataTables_wrapper .dt-filter-auto {
    margin-left: auto;
}

.dataTables_wrapper .row-stats {
    margin-top: 2px !important;
}

.dataTables_wrapper .dt-stats>div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

i.fa-info-circle {
    margin-left: 5px;
    color: #a3a3a3;
    font-size: 14px;
}

/*-------------Hide left menu-----------*/
.sidebar.toggled {
    width: 0 !important;
}

.sidebar.toggled .sidebar-brand {
    background-color: transparent !important;
}

.sidebar.toggled .nav-item .nav-link {
    display: none !important;
}

.sidebar.toggled+#content-wrapper .topbar {
    padding-left: 6px;
}

.sidebar.toggled .avatar {
    margin-left: 59px;
}

.sidebar.is-mobile {
    width: auto;
}

.topbar:not(.toggled) .sidebar-brand {
    display: none;
}

.topbar .sidebar-brand {
    margin-right: 18px;
    margin-left: -2px;
}

.topbar .sidebar-brand .logo-top {
    width: 159px;
}

.topbar.toggled .sidebar-brand .logo-top {
    width: 178px;
    height: 40px;
    margin: 0 9px 0 0 !important;
}

.sidebar.is-mobile .logo-top {
    width: 155px;
}

.sidebar.toggled+#content-wrapper .topbar:not(.is-mobile) {
    padding-left: 1rem !important;
}

.sidebar.toggled+#content-wrapper .topbar.is-desktop {
    padding-left: 8px !important;
}

.sidebar.toggled:not(.is-mobile) .avatar {
    display: none;
}

.topbar .btn-create-prescription-top,
.topbar .btn-create-treatment-top,
.topbar .btn-book-appointment-top,
.topbar .btn-create-obstetrics-top {
    margin-right: 10px;
}

.topbar .btn-patient-queue {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.topbar .btn-patient-queue>i {
    margin-right: 2px;
}

.topbar .btn-patient-queue:hover,
.topbar .btn-patient-queue:focus {
    background-color: #2cbed1;
    border-color: #2cbed1;
}

.topbar .btn-admin-patient-queue {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #2caabd;
    padding-left: 8px;
    padding-right: 8px;
    border-left: none;
    margin-right: 13px;
    min-width: 37px;
}

.topbar .btn-patient-queue>i:before {
    width: 17px;
    height: 17px;
}

.topbar .btn-admin-patient-queue>i {
    position: relative;
    top: 1px;
}

.topbar .btn-admin-patient-queue:hover,
.topbar .btn-admin-patient-queue:focus {
    background-color: #1d9cbd;
}

.topbar .btn-patient-queue:focus,
.topbar .btn-admin-patient-queue:focus {
    box-shadow: none !important;
}

/*-------------End hide left menu-----------*/

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.label-primary {
    background-color: #337ab7;
}

.label-success {
    background-color: #5cb85c;
}

.label-info {
    background-color: #5bc0de;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-danger {
    background-color: #d9534f;
}

.label-pink {
    background-color: #ff817d;
}

::placeholder {
    color: #98a3ab;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #98a3ab;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #98a3ab;
}

.text-bold {
    font-weight: bold !important;
}

.hide {
    visibility: hidden;
}

.gj-picker.datepicker>div[role="body"] {
    display: block;
}

.text-secondary-1 {
    color: #b5b5b5 !important;
    margin-bottom: 0;
    font-size: 1rem !important;
}

.text-danger-1 {
    color: #f60b01 !important;
    margin-bottom: 0;
}

label {
    margin-bottom: 0.2rem;
}

.form-control {
    color: #000000;
}

.form-control[readonly] {
    cursor: default;
}

.form-control[readonly]:focus {
    box-shadow: none;
}

.datepicker-group .form-control[readonly]:not([disabled]) {
    cursor: pointer;
}

.form-group>label,
.form-group-custom>label {
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
}

.table {
    color: #000;
}

body>.alert {
    z-index: 9999 !important;
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
}

body>.alert.col-sm-auto {
    padding-right: 45px;
    flex: 0 0 auto;
    width: fit-content;
    max-width: 100%;
}

body>.alert>button {
    outline: none;
}

.blockMsg {
    width: 250px !important;
    left: 50% !important;
    margin-left: -125px !important;
    padding: 10px 15px !important;
    background-color: #333 !important;
}

.blockMsg.blockMsgLogout {
    width: 320px !important;
}

.blockMsg.blockMsgLogout>.spinner>h1 {
    font-size: 17px;
}

.blockMsg>.spinner>h1 {
    font-size: 20px;
    margin-bottom: 0;
}

.blockProgressBar {
    left: 15% !important;
}

.progress-bar-striped {
    background-image: none;
    border-radius: 10px;
}

.progress.active .progress-bar {
    line-height: 1.4;
}

.progress.progress-bar-info>span {
    background-color: #5bc0de;
    box-shadow: none;
}

.progress.progress-bar-info.progress-bar-striped>span {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.blockUI.blockProgressBar.blockPage {
    z-index: 1041 !important;
    background-color: #3F3F3F !important;
}

.blockUI .progress {
    margin-bottom: 0;
}

.blockUI .update-process-percent {
    position: absolute;
}

.blockUI .btn-stop-process {
    color: var(--text-light);
    padding: 0 6px;
    background: #11a3db;
    border-radius: 14px;
    border: none;
}

.blockUI .btn-stop-process:hover {
    background: #048ccb;
}

.blockUI .btn-stop-process:focus {
    outline: none;
}

.table-sticky {
    border-collapse: separate;
    border-spacing: 0;
}

.table-sticky>thead>tr>th {
    border-top: 1px solid var(--border-main);
    border-bottom: 1px solid var(--border-main);
    border-right: 1px solid var(--border-main);
}

.table-sticky>tbody>tr>td {
    vertical-align: middle;
    border-right: 1px solid var(--border-main);
}

.table-sticky>tbody>tr:last-child>td {
    border-bottom: 1px solid var(--border-main);
}

.table-sticky>thead>tr>th:first-child,
.table-sticky>tbody>tr>td:first-child {
    border-left: 1px solid var(--border-main);
}

form.user .icon-username,
form.user .icon-password {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 11px;
    padding-right: 45px;
}

form.user .icon-username {
    background: url(../img/user.svg) no-repeat 15px center;
    background-size: 20px 20px;
}

form.user .icon-password {
    background: url(../img/lock.svg) no-repeat 15px center;
    background-size: 20px 20px;
}

form.user .wrap-password,
form.user .wrap-username {
    position: relative;
}

form.user input.password {
    padding-right: 50px;
}

form.user .wrap-password .icon-show-password {
    position: absolute;
    top: 11px;
    right: 17px;
    background: url(../img/eye-closed.svg) no-repeat center center;
    background-size: cover;
    width: 25px;
    height: 20px;
    cursor: pointer;
}

form.user .wrap-password .icon-show-password:hover {
    background: url(../img/eye-closed-hover.svg) no-repeat center center;
    background-size: cover;
}

form.user.show-password .wrap-password .icon-show-password {
    background: url(../img/eye-opened.svg) no-repeat center center;
    background-size: cover;
}

form.user.show-password .wrap-password .icon-show-password:hover {
    background: url(../img/eye-opened-hover.svg) no-repeat center center;
    background-size: cover;
}

form.user .row-remember {
    margin-left: 0;
}

form.user .btn-user {
    font-size: 16px;
    padding: 10px;
}

form.user .btn-user[disabled],
.wrap-login .btn-link[disabled] {
    opacity: 0.95;
}

form.user .form-control-user {
    font-size: 1rem;
    padding: 11px 1rem 10px 43px;
    height: calc(1.5em + 0.75rem + 7px);
}

#navbarSupportedContent .nav-item:nth-child(2) {
    margin-left: 10px;
}

.small,
small {
    font-size: 90%;
}

.list-group-item-action {
    border: 2px solid rgb(0 0 0 / 19%);
    color: #424242;
}

.list-group-item-action {
    border-bottom-width: 1px;
}

.list-group-item-action.border-top {
    border-top-color: #26a0da !important;
}

.list-group-item-action.border-bottom {
    border-bottom-color: #26a0da !important;
}

.list-group-item-action+.list-group-item {
    border-top-width: 1px;
}

.list-group-item-action:last-child {
    border-bottom-width: 2px;
}

.text-register {
    margin-bottom: 10px;
    display: inline-block;
}

.card-body fieldset>.form-group:last-child {
    margin-bottom: 0;
}

.card.card-sm .card-header {
    padding: 10px 15px;
}

.card-header h5 {
    margin-bottom: 0;
}

.register-link-top {
    font-weight: bold;
    color: #0018d2 !important;
    text-align: center;
    margin: 0;
    cursor: default;
}

#card-drugs .card-header,
#card-treatment .card-header,
#card-treatment-goal .card-header,
#card-labo .card-header,
#card-supply .card-header {
    padding: 7px 10px !important;
}

#card-drugs>.card-header,
#card-treatment>.card-header,
#card-treatment-goal>.card-header,
#card-labo>.card-header,
#card-supply>.card-header,
#card-prescription>.card-header {
    padding: 7px 1rem !important;
    height: 53px;
}

#card-prescription .card-other-info .card-header h6,
.prescription-form .card-other-info .card-header h6 {
    margin-right: 10px !important;
}

.card-history-dental>.card-header .custom-checkbox,
.card-history-obstetrics>.card-header .custom-checkbox {
    order: 2;
    height: 35px;
    margin-left: 15px;
}

#card-drugs .card-header h6,
#card-treatment .card-header h6,
#card-treatment-goal .card-header h6,
#card-labo .card-header h6,
#card-supply .card-header h6 {
    line-height: 38px;
    user-select: none;
}

#card-treatment .made-by.one-employee+.select2 .select2-selection__clear,
#card-treatment-goal .made-by.one-employee+.select2 .select2-selection__clear {
    display: none;
}

.card-other-info .card-header h6 {
    float: left;
    line-height: 38px;
    user-select: none;
}

.card-other-info .card-header .wrap-template {
    float: right;
    width: auto;
}

.card-other-info .card-header .choose-template-label {
    float: right;
    font-size: 17px;
    font-weight: bold;
    margin-top: 7px;
}

.card-other-info .setting-form .wrap-checkbox .custom-checkbox {
    padding-right: 5px;
}

.card .card-header[data-toggle=collapse] {
    padding-left: 1rem;
}

.card .card-header[data-toggle=collapse]::after {
    padding-right: 1rem;
}

.card .card-header.collapsed {
    border-radius: 0.35rem;
}

.card .card-header .icon-collapse {
    margin-left: auto !important;
    margin-right: -5px;
}

.card.card-dental-image .card-header .btn-view-all-images:not(.hidden)+.icon-collapse,
.card.card-image .card-header .btn-view-all-images:not(.hidden)+.icon-collapse {
    margin-left: initial !important;
}

.card-advisory .btn-advisory-text {
    margin-left: 5px;
}

.card .card-header .icon-collapse:after {
    position: relative;
    top: 1px;
    padding: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-weight: 900;
    content: '\F107';
    font-family: 'Font Awesome 5 Free';
    color: #a6a6a6;
    font-size: 20px;
    cursor: pointer;
    background-color: #e1e1e1;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.card .card-header .icon-collapse.collapsed::after {
    content: '\F105';
    text-indent: 2px;
}

.card .card-header .icon-collapse:hover:after {
    color: #969696;
    background-color: #d8d8d8;
}

footer.sticky-footer {
    padding: 15px 0;
    background-color: #115db3 !important;
    height: initial;
    z-index: 3;
    color: #fff;
    position: absolute;
    bottom: -45px;
}

footer.sticky-footer .copyright {
    font-size: 15px;
}

footer.sticky-footer .copyright .medi-text,
footer.sticky-footer .copyright .viet-text {
    font-weight: bold;
}

footer.sticky-footer .copyright .medi-text {
    color: #ff5757;
}

footer.sticky-footer .copyright .viet-text {
    color: #63a4fc;
}

footer.sticky-footer a {
    color: #6ddbff;
}

.scroll-to-top {
    background: rgb(0 194 255 / 50%);
}

.scroll-to-top:hover {
    background: rgb(0 194 255 / 90%);
}

.scroll-to-top {
    z-index: 4;
}

.is-ipad-or-mobile .scroll-to-top {
    background: rgb(1 193 253);
    top: 1rem;
    bottom: initial;
    border-radius: 50% !important;
}

.prescription-form-page.is-ipad-or-mobile .scroll-to-top,
.treatment-form-page.is-ipad-or-mobile .scroll-to-top {
    left: calc(50% - 22px);
}

.is-ipad-or-mobile .scroll-to-top>i {
    font-size: 30px;
    position: relative;
    top: 4px;
}

.table td {
    padding: 7px 8px 6px;
}

.table.no-action td {
    padding: 9px 8px 8px;
}

.table td.dataTables_empty {
    padding: 11px;
}

.table th {
    padding: 8px;
}

.alert-danger>ul {
    margin-bottom: 0;
}

.card-other-info .add-template {
    float: right;
    padding: 4px 8px 3px;
    line-height: 1.4;
    margin-top: 3px;
}

#reset-password-modal.show .modal-dialog {
    max-width: min-content;
}

.modal .modal-body>p:last-child {
    margin: 0;
}

.modal .modal-body>p.reset-confirm {
    white-space: nowrap;
}

.modal .modal-footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.modal .modal-header {
    padding-top: 10px;
    padding-bottom: 10px;
    user-select: none;
    padding-right: 50px;
}

.card .card-header h6.text-primary {
    font-size: 19px;
}

.card .card-header h6.p-2 {
    padding-left: 0 !important;
}

.breadcrumb {
    margin-bottom: 0;
    padding: .44rem 0;
    height: 38px;
    background-color: var(--text-light);
}

.breadcrumb-item {
    margin-right: 10px;
}

.breadcrumb-item>a {
    height: 21px;
    font-weight: bold;
}

.breadcrumb-item>a:hover {
    text-decoration: none;
    border-bottom: 1px solid;
}

.breadcrumb-item.active {
    font-weight: bold;
    font-size: 17px;
    display: none;
}

.dropdown-divider,
.dropdown-menu .wrap-mediviet-id {
    border-color: #dedede !important;
}

.modal-header .close:focus {
    outline: none;
}

.modal #assistant_name,
.modal #employee_name {
    font-weight: bold;
}

.modal .modal-footer .btn-reset {
    min-width: 65px;
}

#RDVModalSubmit #patient_name {
    font-weight: normal;
}

.modal-book-appointment .modal-body .title-group {
    min-width: 80px;
    display: inline-block;
}

.alert .time {
    color: #0051fe;
    border-bottom: 1px dashed;
    user-select: none;
}

.card-available-times .total-slot,
.card-available-times .total-appointment {
    margin-left: 5px;
}

.appointment-page .note .empty-slot,
.appointment-page .note .no-empty-slot,
.appointment-page .note .selected-patient-slot {
    font-weight: bold;
    color: #768b9f;
}

.card-available-times .btn-time {
    position: relative;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    border: none;
}

.card-available-times .btn-time:not(.disabled):hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.card-available-times .btn-time:not(.btn-primary):not(.btn-danger) {
    background-color: #1aa51d;
    border-color: #25d02a;
}

.card-available-times .btn-time:not(.btn-primary):not(.btn-danger):not([disabled]):hover,
.card-available-times .btn-time:not(.btn-primary):not(.btn-danger):not([disabled]):focus {
    background-color: var(--color-success-hover);
    border-color: #07c30d;
}

.card-available-times .btn-time.disabled,
.card-available-times .btn-time[disabled] {
    opacity: 0.55;
}

.card-available-times .btn-time.disabled {
    cursor: default;
}

.card-available-times .btn-time:focus {
    box-shadow: none !important;
}

.card-available-times .btn-time.btn-danger[disabled] {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.card-available-times .btn-time.btn-warning[disabled] {
    background-color: #f6c23e;
    border-color: #f6c23e;
    opacity: 1;
}

.card-available-times .btn-time>sup {
    position: absolute;
    top: 6px;
    right: 1px;
    white-space: nowrap;
    font-size: 11px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.card-available-times .btn-time>.wrap-editing,
.card-available-times .btn-time>.wrap-visited {
    position: absolute;
    top: 1px;
    left: -2px;
    display: flex;
    padding: 3px 5px 2px;
}

.card-available-times .btn-time>.wrap-visited {
    top: -1px;
}

.card-available-times .btn-time>.wrap-editing>i {
    font-size: 10px;
}

.card-available-times .btn-time>.wrap-visited>i {
    font-size: 14px;
}

.card-available-times .btn-time>.wrap-editing>i.dot-flashing {
    position: relative;
    width: 1px;
    height: 1px;
    background-color: #fff;
    color: #fff;
    top: 9px;
    margin-left: -3px;
}

.card-available-times .btn-time>.wrap-editing>i.dot-flashing::before {
    left: -2px;
    width: 1px;
    height: 1px;
    background-color: #fff;
    color: #fff;
}

.card-available-times .btn-time>.wrap-editing>i.dot-flashing::before,
.card-available-times .btn-time>.wrap-editing>i.dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}

.card-available-times .btn-time>.wrap-editing>i.dot-flashing::after {
    left: 2px;
    width: 1px;
    height: 1px;
    background-color: #fff;
    color: #fff;
}

#reset-password-modal #patient_name {
    color: #3e6cd0;
}

form .recaptcha {
    letter-spacing: 4px;
    font-weight: bold;
}

form .recaptcha::placeholder {
    /* Microsoft Edge */
    letter-spacing: normal !important;
    font-weight: normal !important;
}

form .wrap-recpatcha {
    margin-top: 10px;
}

div.dataTables_length {
    user-select: none;
}

div.dataTables_wrapper .col-l-p {
    display: flex;
    align-items: center;
}

div.dataTables_wrapper .col-f {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
    margin-top: 10px;
}

.wrap-profile-prescription .tab-pane div.dataTables_wrapper .col-f {
    margin-bottom: 0;
}

.table-custom.is-doctor div.dataTables_wrapper .col-f {
    flex-basis: calc(100% - 170px);
}

.table-custom.is-doctor.is-full-filter div.dataTables_wrapper .col-f {
    flex-basis: 100%;
    max-width: 100%;
}

div.dataTables_wrapper .col-f .form-group {
    margin-bottom: 0;
}

div.dataTables_wrapper .col-l-p .dataTables_length>label {
    margin-bottom: 0;
}

div.dataTables_wrapper .col-l-p .dataTables_paginate {
    margin-left: 15px;
}

div.dataTables_length .custom-select:focus {
    border-color: var(--border-input);
    box-shadow: none;
}

div.dataTables_wrapper div.dataTables_filter input {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    min-width: 200px;
}

div.table-responsive:not(.search-fixed) div.dataTables_wrapper div.dataTables_filter input:focus {
    min-width: 250px;
}

div.dataTables_wrapper div.dataTables_processing {
    padding: 7px 0 !important;
    margin-top: -21px !important;
    background: var(--text-main);
    color: #fff;
    z-index: 1;
    border-radius: 6px;
}

.tab-pane .dataTables_wrapper {
    width: 100%;
    display: inline-block;
}

.dataTable tbody>tr.selected>td {
    background-color: var(--bg-highlight);
}

.dataTable tbody>tr>td .fa-calendar-times {
    font-size: 14px;
}

#prescriptions .btn-create-prescription,
#appointements .btn-create-appointment,
#billing .btn-create-invoice {
    margin-bottom: 10px;
    float: right;
    padding: 5px 8px;
    margin-top: 8px;
}

select.form-control:not(#template_id)+.select2-container {
    width: 100% !important;
}

span.select2-container--bootstrap4 .select2-results>.select2-results__options {
    max-height: 215px;
}

span.select2-container--bootstrap4 .select2-results>.select2-results__options[id^="select2-patient_id"] {
    max-height: 385px;
}

span.select2-container--bootstrap4 .select2-results>.select2-results__options[id^="select2-content"] {
    max-height: 175px;
}

span.select2-container--bootstrap4 .select2-results>.select2-results__options .drug-name {
    margin-right: 6px;
}

.select2-results>.select2-results__options[id^="select2-content"] .optional-content {
    font-size: 14px;
    line-height: 1;
    color: #6b748f;
}

.select2-results>.select2-results__options[id^="select2-content"] .select2-results__option--highlighted .optional-content {
    color: #fff !important;
}

.select2-results>.select2-results__options[id^="select2-content"] .optional-content i,
span.select2-container .select2-selection--single .select2-selection__rendered[id^="select2-content"] .optional-content i {
    font-size: 2px;
    position: relative;
    top: -3px;
    margin: 0 7px;
}

span.select2-container .select2-selection--single .select2-selection__rendered[id^="select2-content"] .optional-content i {
    margin: 0 5px;
}

span.select2-container .select2-selection--single .select2-selection__rendered[id^="select2-content"] .wrap-selection {
    display: flex;
    flex-direction: column;
}

span.select2-container .select2-selection--single .select2-selection__rendered[id^="select2-content"] .selection-text {
    line-height: 1.5;
    font-weight: 600;
}

span.select2-container .select2-selection--single .select2-selection__rendered[id^="select2-content"] .optional-content {
    font-size: 12px;
    line-height: 1.2;
    position: relative;
    top: -3px;
    color: #6b748f;
}

span.select2-container--bootstrap4 .select2-results>.select2-results__options .drug-unit,
select.drug+.select2 .select2-selection>.select2-selection__rendered .drug-unit {
    display: inline-block;
    border-bottom: 1px solid;
    font-weight: normal;
    font-size: 13px;
    line-height: 1;
}

span.select2-container--bootstrap4 .select2-results>.select2-results__options .icon-global,
select.drug+.select2 .select2-selection>.select2-selection__rendered .icon-global {
    background: url("../img/global.png") no-repeat center center;
    background-size: cover;
    width: 25px;
    height: 20px;
    position: relative;
    left: 8px;
    top: 8px;
    display: inline-block;
    user-select: none;
}

select.drug+.select2 .select2-selection>.select2-selection__rendered .icon-global {
    top: -3px;
}

select.drug+.select2 .select2-selection>.select2-selection__rendered .drug-unit {
    font-weight: bold;
}

select.drug+.select2 .select2-selection>.wrap-unit {
    position: relative;
    top: -19px;
    font-size: 14px;
    color: #028fff;
    border-bottom: 1px solid;
    line-height: 1.09;
    display: inline-block;
}

select.drug+.select2 .select2-selection>.wrap-unit.no-content {
    top: -24px;
    left: 13px;
}

.table th {
    border-bottom: 2px solid var(--border-main);
}

#myTabContent {
    border-left: 1px solid #dddfeb;
    border-right: 1px solid #dddfeb;
    border-bottom: 1px solid #dddfeb;
    padding: 10px;
    height: calc(100% - 42px);
}

.card-available-times .card-body>.form-group:last-child,
.card-available-times .card-body>.form-group #help-block,
.card-available-times .card-body>.form-group .alert-empty {
    margin-bottom: 0;
}

.card-available-times .card-body .btn-time.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary-light);
}

.modal-body>form>.form-group:last-child {
    margin-bottom: 0;
}

.dataTable.dtr-processing {
    user-select: none;
    pointer-events: none;
    background-color: #eaeaea;
}

.dataTable.dtr-processing td.col-actions {
    opacity: 0.5;
}

.dataTable>thead>tr>th,
.dataTable>tbody>tr>td {
    vertical-align: middle;
}

.dataTable>tbody>tr>td.sortable {
    cursor: move;
}

.btn-import-patient {
    padding-bottom: 3px;
}

.table>thead>tr>th,
.dataTable>thead>tr>th {
    background-color: var(--bg-light);
    font-weight: 600;
}

.table.price-table>thead>tr>th {
    font-weight: bold;
}

.table.price-table>tbody>tr>td {
    vertical-align: middle;
}

.table.price-table>tbody>tr>td .wrap-star {
    display: flex;
}

.table.price-table>tbody>tr>td .wrap-star .star {
    position: relative;
    top: 4px;
    font-weight: 600;
    font-size: 16px;
    margin-left: 4px;
    color: #686868;
    cursor: default;
}

.dataTable>tbody>tr>td {
    white-space: nowrap;
}

.dataTable>tbody>tr>td.col-wrap {
    white-space: normal !important;
}

.dataTable.doctor-table>thead>tr>th:nth-child(5) {
    min-width: 200px;
}

.data-table .btn-export>i {
    position: relative;
    left: 2px;
}

.dataTable.doctor-table>tbody>tr>td:not(.col-actions, .col-doctor),
.table-analytic-1>tbody>tr>td,
.table-analytic-2>tbody>tr>td,
.table-note>tbody>tr>td {
    white-space: initial !important;
}

.table-analytic-1>tbody>tr>td .short-name,
.table-analytic-2>tbody>tr>td .short-name,
.table-note>tbody>tr>td .short-name {
    cursor: pointer;
}

.table-note .btn-note {
    padding: 0;
}

.tab-content>.tab-pane {
    margin-top: 15px;
}

.card-patient-info .btn-qrcode,
.card-patient-info .btn-qrcode-id,
.card-patient-info:not(.is-desktop) .btn-edit-patient {
    position: absolute;
    top: -11px;
    left: 0;
    height: 33px;
    border: 1px solid;
    padding: 4px 5px;
    border-radius: 4px;
    color: #0c43a0;
    text-decoration: none;
}

.card-patient-info .wrap-buttons {
    margin-left: auto;
}

.card-patient-info .btn-edit-patient,
.card-patient-info .btn-download-qrcode,
.card-employee-info .btn-edit-employee {
    height: 33px;
    padding: 4px 10px;
    border-radius: 5px;
    text-decoration: none;
}

.card-patient-info .btn-edit-patient {
    margin-left: 5px;
}

.card-patient-info:not(.card-employee-info) .card-body {
    padding-top: 0;
}

.card-patient-info.is-desktop .card-header,
.card-employee-info.is-desktop .card-header {
    display: flex;
    align-items: center;
}

.card-patient-info .btn-qrcode>i,
.card-patient-info .btn-qrcode-id>i {
    font-size: 27px;
}

.card-patient-info .btn-qrcode:hover,
.card-patient-info .btn-qrcode-id:hover {
    color: #888888;
}

.patient-info,
.patient-info>p:last-child {
    margin-bottom: 0;
}

span.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    text-wrap: wrap;
    margin-top: calc(.375rem - 1px);
    padding-left: 0.35rem;
    padding-right: 0.5rem;
    background-color: #f0f0f0;
    color: #000000;
}

span.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    padding-left: 0;
}

span.select2-container--bootstrap4.select2-container--focus .select2-selection {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #ced4da !important;
}

span.select2-container .select2-search--inline .select2-search__field {
    margin-top: 7px;
}

span.select2-container .select2-search:not(.select2-search--inline) {
    position: relative;
}

span.select2-container .select2-search:not(.select2-search--inline):before {
    content: "";
    display: block;
    background: url("../img/search.svg") no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 15px;
    top: 14px;
}

div.dataTables_wrapper div.dataTables_filter input[type="search"] {
    background: url(../img/search.svg) no-repeat 6px center;
    background-size: 16px;
    padding-left: 27px;
}

div.dataTables_wrapper div.dataTables_filter input[type="search"].form-control-sm {
    background-position-y: 7px;
}

span.select2-search--dropdown .select2-search__field {
    padding-left: 36px !important;
    line-height: 1.4;
}

span.select2-container--bootstrap4 .select2-selection {
    border-radius: .35rem;
}

span.select2-container--bootstrap4 .select2-selection.select2-selection--multiple {
    line-height: 1.4;
}

span.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    padding: 0 33px 0 10px;
}

.form-control[data-allow-clear="true"]+span.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    padding-right: 33px;
}

.card-report .select2-container {
    max-width: 100%;
}

.card-report .card-header,
.card-management .card-header {
    padding-top: 0 !important;
    padding-left: 1rem;
    padding-right: 1rem;
}

.card-report .card-header>.nav>.nav-link {
    padding-bottom: 9px;
}

.card-management .card-header>.row>.nav>.nav-link {
    margin-top: 0;
    padding-bottom: 11px;
}

.card-report .row-filter {
    align-items: end;
}

.card-report .btn-submit {
    margin-bottom: 16px;
}

.card-report input[type="date"],
.card-report .clear {
    display: inline-flex;
}

.card-report input[type="date"] {
    width: calc(100% - 30px);
}

.card-report .chart {
    margin-top: 10px;
}

.card-report .clear {
    align-items: center;
    margin-left: 7px;
    font-size: 17px;
    cursor: pointer;
    position: relative;
    top: 2px;
}

.spinner-border {
    display: none;
    width: 22px;
    height: 22px;
    vertical-align: text-bottom;
    border: .22em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    margin: 0 15px;
}

.spinner-border.text-primary {
    color: #94b0ff !important;
}

.spinner-border .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.btn-primary.btn-submit:focus {
    box-shadow: none !important;
}

.btn-pay-now {
    padding-left: 8px;
    padding-right: 8px;
}

.icon-momo {
    background: url("../img/momo.png") no-repeat center center;
    background-size: cover;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.icon-vnpay {
    background: url("../img/vnpay.png") no-repeat center center;
    background-size: cover;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.icon-arrow-right,
.icon-arrow-left {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.icon-arrow-right:before {
    content: "\f054";
}

.icon-arrow-left:before {
    content: "\f053";
}

.table-order .total {
    color: #0949ff;
}

.editable-popup .popover-body {
    color: #333;
}

.editable-container.popover {
    will-change: initial !important;
}

.popover-amount .editableform .form-control {
    width: 123px;
}

.popover-amount .editable-buttons .btn-sm {
    height: 31px;
}

.wrapper-payment .checkout-button {
    padding: 10px;
    border: 2px solid;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
}

.wrapper-payment .checkout-content {
    display: inline-flex;
    align-items: center;
}

.wrapper-payment .checkout-button:hover {
    border-color: #02a7fb;
}

.wrapper-payment .checkout-button.active {
    background-image: linear-gradient(180deg, #7a9af6 10%, #6c8ce8 100%);
    color: #fff;
}

.wrapper-payment .checkout-description {
    color: #adadad;
}

.wrapper-payment .checkout-button.active .checkout-description {
    color: #fff;
}

.wrapper-payment .checkout-button:first-child~.checkout-button {
    margin-top: 10px;
}

.wrapper-payment .checkout-button input[type="radio"] {
    display: none;
}

.wrapper-payment .checkout-title {
    font-weight: bold;
    font-size: 19px;
}

.gj-picker-bootstrap table tr td.disabled div {
    color: #ccc;
}

.date-group.disabled .gj-datepicker {
    opacity: 0.7;
    pointer-events: none;
}

.loading {
    background-image: url("../img/ajax-loader.gif");
    background-size: 16px 16px;
    background-position: 99% center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 9px;
    position: relative;
    top: 3px;
    display: none;
}

.img-profile {
    margin-right: 5px;
}

.information-group>.info-text {
    margin-bottom: 15px;
}

.col-form-label>font[color="red"] {
    margin-left: 3px;
}

.sidebar .sidebar-heading {
    font-weight: bold;
}

.sidebar .nav-item .collapse .collapse-inner {
    margin-bottom: 0.5rem;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    color: #fff;
    margin: 0;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item>i,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item>i {
    margin-right: 0.55rem;
    font-size: 16px;
}

.sidebar .nav-item .btn-new-prescription,
.sidebar .nav-item .btn-admin-patient-queue {
    position: absolute;
    right: 10px;
    top: 16px;
    font-size: .85rem;
    color: #0631ec;
    line-height: 1;
    padding: 5px 5px 5px 3px;
    background-color: var(--text-light);
    border-radius: 4px;
    text-decoration: none;
}

.sidebar .nav-item .btn-new-prescription,
.sidebar .nav-item .btn-admin-patient-queue {
    background-color: #1cd52e;
    color: #fff;
}

.sidebar .nav-item .btn-new-prescription {
    text-align: center;
    width: 93px;
}

.sidebar .nav-item .nav-link[data-toggle="collapse"]:not(.collapsed) {
    padding-bottom: 5px;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover {
    background-color: #1a39b3;
}

.modal form .form-group.row>label.col-form-label {
    white-space: nowrap;
}

.col-form-label {
    user-select: none;
}

.drug-form fieldset {
    padding: 15px;
    border: 2px solid var(--color-primary-light);
    margin-bottom: 20px;
}

.drug-form fieldset legend {
    width: auto;
    padding: 0 10px;
    margin-bottom: 0;
}

.drug-form fieldset legend h5 {
    margin-bottom: 0;
}

.table-drug .trade-name,
.table-patient .col-patient-name .doctor-name {
    color: #045cab;
    font-weight: bold;
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: none !important;
    color: #2d4960 !important;
}

.data-table tbody>tr>td.col-description,
.data-table .dtr-data {
    white-space: initial;
}

.data-table .dtr-data>span.badge {
    position: relative;
    top: -2px;
    margin-left: 5px;
    border-radius: 4px;
    padding: 5px 7px;
}

.data-table .col-actions {
    white-space: nowrap;
}

.data-table .dtr-details li.text-center,
.data-table .dtr-details li.text-right {
    text-align: left !important;
}

.data-table.dtr-inline:not(.collapsed, .dtr-processing) thead>tr>th.h-name {
    text-indent: 28px;
}

.data-table.dtr-inline.collapsed thead>tr>th.h-name {
    text-indent: 54px;
}

.data-table.dtr-inline:not(.collapsed, .dtr-processing) tr[id^="row_"]>.dtr-control {
    padding-left: 14px !important;
}

.data-table.dtr-inline.collapsed tr[id^="row_"]>.dtr-control {
    padding-left: 38px !important;
}

.data-table.dtr-inline tr[id^="row_"]>.dtr-control:before {
    margin-top: -11px !important;
}

.data-table .dtr-control .fa-bars {
    margin-right: 4px;
    cursor: move;
}

.table-drug .generic-name {
    color: #757575;
    font-size: 14px;
}

.table-drug .trade-name,
.table-drug .generic-name {
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

.card-other-info .card-body>.row {
    display: flex;
}

.form-group label>font,
.form-group-custom label>font {
    margin-left: 3px;
}

.card-other-info .wrap-note {
    display: flex;
    align-items: center;
}

.card-other-info .wrap-note>label {
    white-space: nowrap;
    margin-bottom: 0;
}

.card-other-info .wrap-note>select {
    height: 36px;
    padding: 5px 8px;
}

.card-other-info .wrap-note>.re-examination-date {
    margin-left: 2px;
    color: #076db7;
}

.card-patient #symptom,
.card-patient #patient_id,
.select2 #select2-patient_id-container,
#select2-patient_id-results .select2-results__option:not(.select2-results__message):not(.loading-results),
.card-patient .patient-name {
    text-transform: uppercase;
}

.select2 span[id^="select2-age_group_id"],
.select2-plus-group .select2 .select2-selection__rendered {
    padding-right: 26px !important;
}

.select2 #select2-patient_id-container,
.select2 #select2-goal-category-id-container {
    padding-right: 31px !important;
}

.select2 #select2-patient_id-container,
.select2 #select2-employee_id-container,
.select2 #select2-service_id-container {
    padding-right: 6px;
}

.select2 #select2-patient_id-container .select2-selection__clear,
.select2 #select2-employee_id-container .select2-selection__clear,
.select2 #select2-service_id-container .select2-selection__clear {
    right: -5px;
    margin-left: 0;
}

.appointment-page .select2 #select2-patient_id-container,
.appointment-page .select2 #select2-employee_id-container {
    padding-right: 52px;
}

.select2-container--bootstrap4 .select2-results__option[aria-disabled="true"] {
    opacity: 0.6 !important;
}

.select2-container--bootstrap4 .select2-results__option.loading-results>span {
    font-weight: normal !important;
}

.select2-container--bootstrap4 .select2-results__option.disabled {
    user-select: none;
    color: #7c7c7c;
    pointer-events: none;
}

.select2-container--bootstrap4 .select2-results__option--highlighted:not(.disabled),
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: #007bff !important;
}

.select2-container--bootstrap4 .select2-results__option {
    line-height: 1.2;
}

.select2-container--bootstrap4 .select2-results__option--highlighted.disabled {
    background-color: #fff !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    text-transform: initial;
    color: #989898 !important;
    margin-right: 5px;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    border-color: #8a8a8a transparent transparent transparent !important;
}

.typeahead.dropdown-menu {
    font-size: 1rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}

.treatment_labels .typeahead.dropdown-menu,
.treatment_goal_labels .typeahead.dropdown-menu,
.labo_labels .typeahead.dropdown-menu,
.supply_labels .typeahead.dropdown-menu {
    max-height: 178px;
    overflow: auto;
}

.card-patient .mediviet-label {
    margin-right: 5px;
    margin-bottom: 0;
}

.card-patient .select-patient-group,
.modal .select-patient-group td,
.modal .select-employee-group td,
.card-patient .select-employee-group,
.modal .select-category-group,
.modal .select-age-group,
.modal .select2-plus-group {
    position: relative;
}

.card-patient .select-patient-group {
    margin-bottom: 0;
}

.card-patient button.btn-add-patient-icon,
.modal button.btn-add-patient-icon,
.modal button.btn-add-employee-icon,
.card-patient button.btn-add-employee-icon,
#inventory-form .btn-add-drug,
.modal button.btn-add-category-icon,
.modal .select2-plus-group button.btn-add-icon,
.modal button.btn-add-age-group-icon {
    position: absolute;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.card-patient button.btn-add-patient-icon,
.modal button.btn-add-patient-icon,
.modal button.btn-add-employee-icon,
.card-patient button.btn-add-employee-icon,
.modal button.btn-add-category-icon,
.modal .select2-plus-group button.btn-add-icon,
.modal button.btn-add-age-group-icon {
    right: 21px;
    top: 7px;
    height: 25px;
    width: 25px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1053;
}

.modal-open .card-patient button.btn-add-patient-icon,
.modal-open .card-patient button.btn-add-employee-icon {
    z-index: 1049;
}

.appointment-page .card-patient button.btn-add-patient-icon,
.modal button.btn-add-patient-icon,
.modal button.btn-add-employee-icon,
.appointment-page .card-patient button.btn-add-employee-icon,
.modal button.btn-add-category-icon,
.modal button.btn-add-age-group-icon {
    right: 22px;
    top: 34px;
}

.modal .select2-plus-group button.btn-add-icon {
    right: 21px;
    top: 7px;
    z-index: 9999;
}

.modal button.btn-add-patient-icon,
.modal button.btn-add-employee-icon {
    top: 7px;
}

.modal button.btn-add-category-icon,
.modal button.btn-add-age-group-icon {
    top: 31px;
    z-index: 9999;
}

#inventory-form .btn-add-drug {
    right: 24px;
    top: 10px;
}

.card-patient button.btn-add-patient-icon:hover,
.modal button.btn-add-patient-icon:hover,
.modal button.btn-add-employee-icon:hover,
.card-patient button.btn-add-employee-icon:hover,
#inventory-form .btn-add-drug:hover,
.modal button.btn-add-category-icon:hover,
.modal .select2-plus-group button.btn-add-icon:hover,
.modal button.btn-add-age-group-icon:hover {
    background-color: #e5e5e5;
    border-radius: 50%;
}

#confirm-mediviet-id-modal #patient-name,
#confirm-mediviet-id-modal #mediviet-id {
    font-weight: bold;
    color: #078be8;
}

#confirm-mediviet-id-modal #mediviet-id {
    padding: 0 6px;
    border: 2px solid;
    border-radius: 50%;
}

.card-patient button.btn-add-patient-icon:hover,
.card-patient button.btn-add-patient-icon:focus,
.modal button.btn-add-patient-icon:hover,
.modal button.btn-add-patient-icon:focus,
.modal button.btn-add-employee-icon:hover,
.modal button.btn-add-employee-icon:focus,
.card-patient button.btn-add-employee-icon:hover,
.card-patient button.btn-add-employee-icon:focus,
#inventory-form .btn-add-drug:hover,
#inventory-form .btn-add-drug:focus,
.modal button.btn-add-category-icon:hover,
.modal button.btn-add-category-icon:focus,
.modal .select2-plus-group button.btn-add-icon:hover,
.modal .select2-plus-group button.btn-add-icon:focus,
.modal button.btn-add-age-group-icon:hover,
.modal button.btn-add-age-group-icon:focus {
    outline: none;
}

.card-patient button.btn-add-patient-icon>i,
.modal button.btn-add-patient-icon>i,
.modal button.btn-add-employee-icon>i,
.card-patient button.btn-add-employee-icon>i,
#inventory-form .btn-add-drug>i,
.card>.card-body a[class^="btn-"]:not(.btn-clear)>i,
.modal button.btn-add-category-icon>i,
.modal .select2-plus-group button.btn-add-icon>i,
.modal button.btn-add-age-group-icon>i {
    color: #2d2d2d;
}

.card>.card-body a[class^="btn-"]:hover>i {
    color: #888;
}

.card>.card-header>h6>font[color="red"] {
    margin-left: 4px;
}

.card>.card-header>.wrap-buttons {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.card>.card-header>.wrap-buttons>.icon-collapse {
    margin-left: 10px;
}

.card-gray>.card-header {
    background-color: var(--bg-lighter) !important;
    height: 45px !important;
}

.card-gray>.card-header h6 {
    color: #333 !important;
    font-size: 17px !important;
}

.card-gray>.card-header h6>span[class^="total"] {
    color: var(--color-info);
}

.card-gray .card-header .choose-template-label {
    font-size: 16px !important;
    font-weight: normal !important;
    margin: 0 5px 0 0 !important;
    ;
}

.card-patient .patient-name {
    text-transform: uppercase;
}

.card-patient .patient-info .fa {
    margin-right: 2px;
}

.card-patient .patient-info .fa-phone-alt {
    font-size: 13px;
}

.card-patient .patient-info .dental-info .fa-phone-alt,
.card-patient .patient-info .obstetrics-info .fa-phone-alt {
    margin-right: 4px;
}

.card-patient .patient-info .fa-eye {
    font-size: 13px;
    margin-right: 0;
}

.card-patient .patient-info .line-horizontal {
    width: 20px;
    text-align: center;
    display: none;
}

.card-patient .patient-info {
    margin-bottom: 7px;
}

.card-patient .patient-info .wrap-chronic {
    margin: 7px 0;
    display: flex;
    align-items: baseline;
}

.card-patient .patient-info .wrap-chronic>i,
.card-patient .patient-info .wrap-chronic-diseases>i {
    color: #f77;
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.card-patient .patient-info .wrap-chronic>b {
    display: block;
}

.card-patient .patient-info .wrap-info {
    width: 100%;
}

.card-patient .patient-info .wrap-info .icon-gender {
    font-size: 21px;
}

.card-patient .patient-info .wrap-info td {
    text-align: center;
}

.card-patient .patient-info .wrap-info.dental-info td.col-age,
.card-patient .patient-info .wrap-info.obstetrics-info td.col-age {
    text-align: left;
}

.card-patient .patient-info .wrap-info td.col-phone {
    min-width: 150px;
}

.card-patient .patient-info .wrap-info td.col-phone.is-mode-2 {
    min-width: 120px;
}

.card-patient .patient-info .wrap-info td.col-weight {
    min-width: 54px;
}

.card-patient .patient-info .wrap-info td.col-weight.is-mode-2 {
    min-width: 65px;
}

.card-patient .patient-info .wrap-info td.col-weight .weight {
    font-weight: bold;
}

.card-patient .patient-info .wrap-info .phone {
    margin-left: 0;
    white-space: nowrap;
}

.card-patient .patient-info .wrap-info .view-link {
    float: right;
}

.card-patient .patient-info .wrap-info .view-link.is-mode-2 {
    position: relative;
    top: 3px;
}

.card-patient .patient-info .wrap-info .editable-empty+.view-link.is-mode-2 {
    top: 1px;
}

.card-patient .patient-info .wrap-info #weight,
.card-patient #mediviet_id:not(.editable-empty) {
    line-height: 1.7;
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
    height: 30px;
    min-width: 30px;
}

.card-patient .patient-info .wrap-info #weight {
    width: 30px;
}

.card-patient #mediviet_id:not(.editable-empty) {
    width: fit-content;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
}

.container-pres-buttons {
    margin: 0 6px;
}

.wrap-pres-buttons {
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 15px;
    border: 1px solid var(--border-main);
    border-radius: 0.35rem;
}

.wrap-pres-buttons.button-fixed {
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 50px;
    padding: 0;
    border: none;
    margin: 0;
    width: calc(100% - 100px);
    justify-content: right;
    background-color: transparent;
}

.wrap-pres-buttons>button>i {
    margin-right: 5px;
}

.wrap-pres-buttons>.btn-edit,
.wrap-pres-buttons>.btn-copy,
.wrap-pres-buttons>.btn-create {
    margin-left: 10px;
}

.wrap-pres-buttons .btn-view-all-treatments-link {
    position: absolute;
    right: 15px;
    border-bottom: 1px solid;
    text-decoration: none;
    line-height: 1.2;
}

.top-button.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
    width: var(--top-button-width, auto);
}

body .card-prescription-print {
    color: #505050 !important;
    font-size: 17px;
}

.card-prescription-print .title {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 38px;
    font-size: 38px;
}

.card-prescription-print .col-patient {
    font-weight: bold;
    text-transform: uppercase;
}

.card-prescription-print .wrap-age-gender,
.card-prescription-print .wrap-weight,
.card-dental-treatment .wrap-age-gender,
.card-dental-treatment .wrap-weight {
    display: flex;
    float: right;
}

.card-prescription-print .wrap-age-gender,
.card-dental-treatment .wrap-age-gender {
    width: 280px;
}

.card-prescription-print .wrap-height,
.card-dental-treatment .wrap-height {
    text-align: right;
}

.card-prescription-print .wrap-patient,
.card-dental-treatment .wrap-patient {
    padding-left: 10px;
}

.card-dental-treatment .wrap-phone,
.card-prescription-print .wrap-diagnostic,
.card-dental-treatment .wrap-treatment-date {
    width: calc(100% - 300px);
    padding-left: 10px;
}

.card-prescription-print .wrap-diagnostic.no-height,
.card-dental-treatment .wrap-treatment-date.no-height {
    width: calc(100% - 280px);
}

.card-dental-treatment .wrap-treatment-date.no-address {
    flex-grow: 1;
}

.card-prescription-print .wrap-header-1 {
    width: calc(100% - 245px);
    padding-left: 10px;
}

.card-prescription-print .card-body>.wrap-header-1 {
    width: 100%;
    margin-bottom: 35px;
}

.card-prescription-print .card-body>.wrap-header-1>.header-1 {}

.card-prescription-print .wrap-qrcode,
.card-dental-treatment .wrap-qrcode {
    width: auto;
    margin-left: auto;
}

.card-prescription-print .wrap-logo-1 {
    width: 180px;
}

.card-prescription-print .wrap-logo-1>img {
    width: 175px;
}

.card-prescription-print .wrap-age,
.card-dental-treatment .wrap-age {
    margin-left: auto;
    order: 2;
}

.card-prescription-print .wrap-gender,
.card-dental-treatment .wrap-gender {
    margin-left: 35px;
    order: 2;
}

.card-prescription-print .wrap-drugs {
    margin-top: 35px;
    padding-left: 20px;
    margin-bottom: 40px;
}

.card-prescription-print .wrap-drugs>li {
    list-style: auto;
}

.card-prescription-print .wrap-drugs>li.drug-name {
    font-weight: bold;
    margin-top: 15px;
}

.card-prescription-print .wrap-drugs>li.drug-name>span.text-muted {
    font-weight: normal !important;
}

.card-prescription-print .wrap-drugs .wrap-details>label:not(:first-child):not(.unit, .usage) {
    margin-left: 18px;
}

.card-prescription-print .wrap-drugs .wrap-details>label.usage {
    margin-bottom: 0;
    width: 100%;
}

.card-prescription-print .wrap-drugs .wrap-details .amount,
.card-prescription-print .wrap-drugs .wrap-details .total-amount {
    border-bottom: 1px dashed;
    text-align: center;
}

.card-prescription-print .wrap-drugs .wrap-details>.amount {
    line-height: 20px;
}

.card-prescription-print .wrap-drugs .wrap-details>.amount {
    width: 45px;
    display: inline-block;
}

.card-prescription-print .wrap-drugs .wrap-details .total-amount {
    font-weight: bold;
}

.card-prescription-print .wrap-drugs .wrap-details .wrap-total-amount {
    display: flex;
    float: right;
}

.card-prescription-print .wrap-drugs .wrap-details .wrap-total-amount+.usage {
    display: block;
    margin-left: 0 !important;
    font-weight: normal;
}

.card-prescription-print .wrap-drugs .wrap-details .wrap-total-amount>.unit {
    margin-left: 4px;
}

.card-prescription-print .wrap-drugs .wrap-details .wrap-total-amount .total-amount {
    padding: 0 0 0 7px;
    min-width: 25px;
}

.card-prescription-print .wrap-drugs .wrap-details .wrap-total-amount * {
    line-height: 20px;
    margin-bottom: 0;
}

.card-prescription-print .col-total-drugs {
    width: 35px;
    text-align: right;
    display: inline-block;
}

.card-prescription-print .col-title-note {
    font-style: italic;
}

.card-prescription-print .col-title-note {
    font-weight: bold;
}

.card-tests .col p:last-child {
    margin-bottom: 0;
}

.card-tests h4 {
    font-weight: bold;
}

.card-prescription-print .row-created-at {
    float: right;
}

.card-prescription-print .wrap-created-at {
    float: right;
    text-align: center;
}

.card-prescription-print .col-created-at {
    font-style: italic;
    display: block;
    width: 320px;
}

.card-prescription-print .doctor-name {
    margin-top: 45px;
    font-weight: bold;
    white-space: nowrap;
}

.card-prescription-print .wrap-footer {
    display: flex;
    margin-top: 10px;
}

.card-prescription-print .wrap-last-note {
    width: calc(100% - 320px);
    margin-top: auto;
}

.card-prescription-print .wrap-last-note .row-total {
    margin-bottom: 19px;
}

.card-prescription-print .wrap-last-note .row-total.no-re-exam {
    margin-bottom: 44px;
}

.card-prescription-print .wrap-last-note .list-note {
    line-height: 2;
}

.card-prescription-print .wrap-last-note .list-note>li {
    list-style-position: inside;
    font-size: 16px;
    list-style-type: disc;
    white-space: nowrap;
    width: fit-content;
}

.card-prescription-print .wrap-last-note .list-note>li::marker {
    content: '☑ ';
    font-size: 11px;
}

.card-prescription-print .wrap-last-note .list-note>li>span {
    position: relative;
    top: 1px;
}

.card-prescription-print .wrap-last-note .prescription-note {
    font-weight: bold;
}

.card-prescription-print .wrap-last-note .prescription-note::before {
    content: '✝ ';
    font-size: 12px;
    position: relative;
    top: -1px;
}

.card-prescription-print .header-top {
    margin-bottom: 20px;
    margin-right: 0;
}

.card-prescription-print .header-top .header-1,
.card-prescription-print .header-top .header-2,
.card-prescription-print .card-body>.wrap-header-1>.header-1 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: bold;
}

.card-prescription-print .card-body>.wrap-header-1>.header-2 {
    font-size: 15px;
    font-weight: bold;
}

.card-prescription-print .card-body>.wrap-header-1>.header-address {
    font-size: 15px;
}

.card-prescription-print .header-top .qr-code {
    float: right;
    position: relative;
}

.card-prescription-print .header-top .qr-code #qrcode-value {
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: -19px;
    width: 150px;
    left: 50%;
    margin-left: -75px;
}

.card-prescription-print .col-value {
    margin-left: 5px;
}

.drug-form .currency {
    cursor: default;
    margin-left: 5px;
    color: #afb0b0;
}

#patient-form .phone-group .wrap-phone {
    display: flex;
    align-items: center;
}

#patient-form .phone-group .wrap-phone label[for="no-phone"] {
    margin-left: 4px;
    position: relative;
    top: 1px;
    font-weight: bold;
}

#patient-form .phone-group .wrap-no-phone {
    display: flex;
    align-items: center;
    margin-left: auto;
}

#patient-form .phone-group #phone {
    width: calc(100% - 187px);
}

#patient-form .wrap-birthday-gender,
#patient-form .wrap-gender-input,
#patient-form .wrap-weight-height,
#patient-form .wrap-height {
    display: flex;
    align-items: center;
}

#patient-form .wrap-birthday-gender>.input-group {
    width: 340px;
    display: flex;
    align-items: stretch;
}

#patient-form .wrap-birthday-gender>.input-group>.form-control {
    height: auto;
}

#patient-form .wrap-birthday-gender>.input-group>.icon-datepicker {
    border-radius: 0 0.25rem 0.25rem 0;
}

#patient-form .wrap-birthday-gender>.input-group>.form-control {
    border-radius: 0.25rem 0 0 0.25rem;
}

#patient-form .wrap-weight-height>#weight {
    width: 219px;
}

#patient-form .wrap-gender {
    margin-left: auto;
}

#patient-form .wrap-height {
    margin-left: 20px;
}

#patient-form .wrap-gender>.col-form-label,
#patient-form .wrap-height>.col-form-label {
    border: none;
    font-weight: bold;
}

#patient-form .wrap-height>.col-form-label {
    margin-right: 10px;
}

#card-drugs .btn-remove-drug {
    float: right;
    position: relative;
    top: -5px;
}

#card-treatment .top-button-group,
#card-treatment-goal .top-button-group,
#card-labo .top-button-group,
#card-supply .top-button-group {
    display: flex;
    position: absolute;
    top: 4px;
    right: 0;
}

#card-treatment .btn-remove-treatment,
#card-treatment-goal .btn-remove-goal,
#card-labo .btn-remove-labo,
#card-supply .btn-remove-supply {
    margin-right: 8px;
}

#card-drugs .btn-add-drug,
#card-treatment .btn-add-treatment,
#card-treatment-goal .btn-add-goal {
    margin-left: auto;
    margin-right: 10px;
    height: 38px;
}

#card-treatment .btn-add-treatment,
#card-treatment-goal .btn-add-goal,
#card-drugs .btn-add-drug {
    height: 32px;
}

#card-treatment .card-header h6,
#card-treatment-goal .card-header h6 {
    margin: 0;
}

#card-labo .btn-add-labo,
#card-supply .btn-add-supply {
    margin-left: auto;
    margin-right: 12px;
}

#card-drugs .total_amount {
    width: 74px;
}

#card-drugs .drug-num-text,
#card-drugs .total-drugs,
#card-treatment .item-num-text,
#card-treatment .total-item,
#card-treatment-goal .item-num-text,
#card-treatment-goal .total-item,
#card-labo .item-num-text,
#card-labo .total-item,
#card-supply .item-num-text,
#card-supply .total-item,
#card-today-appointment .total-item {
    font-size: 16px;
    font-weight: bold;
    cursor: default;
    background-color: #fff;
    border: 2px solid;
    padding: 0 6px;
    border-radius: 15px;
}

#card-drugs .drug-num-text,
#card-treatment .item-num-text,
#card-treatment-goal .item-num-text,
#card-labo .item-num-text,
#card-supply .item-num-text {
    color: var(--color-info);
    user-select: none;
    margin-right: 7px;
}

#card-drugs .total-drugs {
    margin-left: 7px;
}

#card-treatment .total-item,
#card-treatment-goal .total-item,
#card-labo .total-item,
#card-supply .total-item,
#card-today-appointment .total-item {
    margin-left: 2px;
    color: var(--color-info);
}

.select2-container .select2-results__option.selected {
    color: #212121 !important;
    background-color: #efefef !important;
    pointer-events: none;
}

.select2-container .select2-results__option.selected::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\F00C";
    margin-right: 5px;
    color: #1ba028;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

span.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 2px;
}

.select2-container--bootstrap4.select2-sm .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.3em + .75rem);
    padding-left: 0.85rem;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
}

.select2-container--bootstrap4.select2-sm .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.3em + .75rem);
}

.select2-container--bootstrap4.select2-sm .select2-selection--single {
    height: calc(1.3em + 0.75rem + 2px) !important;
}

.select2-container--bootstrap4.select2-sm .select2-selection__clear {
    margin-top: 0.55em;
    margin-right: 0.1em;
}

.select2-results__message>span {
    color: #6c757d !important;
}

.select2-results__option>span {
    display: block;
}

.select2-results__option>span:first-child,
.select2-results__option.selected.select2-results__option--highlighted>span:first-child {
    line-height: 1.4;
    color: #333;
    display: inline-block;
}

.select2-results__option>label:first-child,
.select2-results__option.selected.select2-results__option--highlighted>label:first-child {
    margin-bottom: 0;
}

.select2-results__options[id^="select2-lab_item"] .select2-results__option:not(.loading-results)>span:first-child,
.select2-results__options[id^="select2-lab_item"] .select2-results__option.selected.select2-results__option--highlighted>span:first-child {
    font-weight: normal;
    color: #333;
}

.select2-results__option.loading-results,
.select2-results__option.loading-results>span:first-child {
    color: #b2b2b2;
}

.select2-results__option:not(.loading-results, .disabled, .select2-results__message, [aria-disabled="true"])>span:first-child:hover,
.select2-results__option.select2-results__option--highlighted:not(.disabled)>span:first-child,
.select2-results__options[id^="select2-lab_item"] .select2-results__option:not(.loading-results, .disabled)>span:first-child:hover,
.select2-results__options[id^="select2-lab_item"] .select2-results__option.select2-results__option--highlighted:not(.disabled)>span:first-child,
.select2-results__option:not(.loading-results, .disabled, .select2-results__message, [aria-disabled="true"])>span:first-child:hover>i,
.select2-results__option.select2-results__option--highlighted:not(.disabled)>span:first-child>i,
.select2-results__options[id^="select2-lab_item"] .select2-results__option:not(.loading-results, .disabled)>span:first-child:hover>i,
.select2-results__options[id^="select2-lab_item"] .select2-results__option.select2-results__option--highlighted:not(.disabled)>span:first-child>i {
    color: #fff !important;
}

.select2-results__option .optional,
.select2-results__option.selected.select2-results__option--highlighted .optional,
.select2-results__option .select2-optional,
.select2-results__option.selected.select2-results__option--highlighted .select2-optional {
    font-size: 14px;
    text-transform: initial;
    color: #737373;
}

.select2-results__option .select2-title {
    font-weight: 600 !important;
}

.select2-results__option .select2-optional {
    font-style: italic;
    position: relative;
    top: -4px;
}

.select2-results__option.select2-results__option--highlighted .select2-optional,
.select2-results__option.selected.select2-results__option--highlighted .select2-optional {
    color: #fff;
}

select.drug+.select2 .select2-selection {
    height: 47px !important;
}

select.drug+.select2 .select2-selection>.select2-selection__rendered {
    line-height: 28px !important;
    font-weight: bold;
    color: #034d96;
    overflow: initial;
}

select.drug+.select2 .select2-selection.no-content>.select2-selection__rendered {
    line-height: 45px !important;
    height: 100%;
}

select.drug+.select2-container--bootstrap4.select2-container--focus .select2-selection {
    box-shadow: none;
}

select.drug+.select2 .select2-selection>.select2-selection__rendered>.select2-selection__placeholder {
    line-height: 44px;
    font-weight: normal;
    color: #989898;
}

select.drug+.select2 .select2-selection .drug-name,
select.drug+.select2 .select2-selection>.drug-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

select.drug+.select2 .select2-selection .drug-name {
    max-width: calc(100% - 70px);
}

select.drug+.select2 .select2-selection .drug-name.no-content {
    line-height: 32px;

}

select.drug+.select2 .select2-selection .drug-name.has-type {
    max-width: calc(100% - 135px) !important;
}

select.drug+.select2 .select2-selection .drug-type {
    position: relative;
    top: -9px;
    color: #333;
}

select.drug+.select2 .select2-selection .drug-type.no-content {
    top: -18px;
}

select.drug+.select2 .select2-selection .drug-name.no-content+.drug-type.no-content {
    top: -11px;
}

select.drug+.select2 .select2-selection>.drug-content {
    max-width: calc(100% - 85px);
    font-size: 14px;
    color: #3f3f3f;
    padding-left: 0.75rem;
    top: -14px;
    position: relative;
    padding-right: 3px;
}

select.drug+.select2.select2-container .select2-selection__clear {
    margin-top: 16px;
    line-height: .85em;
}

.select2-results__option:hover .optional,
.select2-results__option.select2-results__option--highlighted:not(.disabled) .optional {
    color: #fff;
}

select.standard-select+.select2 .select2-selection__rendered {
    line-height: 36px !important;
}

select.standard-select+.select2 .select2-selection {
    height: 38px !important;
    border-radius: 0.35rem;
}

select.standard-select+.select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    width: 26px;
}

select.standard-select+.select2.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
}

select.standard-select+.select2.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 19px;
    line-height: 35px;
}

.wrap-create-prescription-button,
.wrap-button-top {
    background-color: #fff;
    padding: 10px 15px;
    text-align: right;
    margin-bottom: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
}

.wrap-create-prescription-button:not(.fixed),
.wrap-button-top:not(.fixed) {
    width: 100% !important;
}

.wrap-create-prescription-button .prescription-title,
.wrap-button-top .title {
    margin-bottom: 0;
    font-weight: bold;
    color: var(--color-primary);
    line-height: 1.3;
}

.edit-form .wrap-button-top .wrap-date-top>.title {
    margin-left: 10px;
    color: #797979;
}

.wrap-create-prescription-button .prescription-title>.exam-date,
.wrap-button-top .wrap-date-top>.exam-date,
.wrap-button-top .wrap-date-top>.exam-date-title {
    color: #898989;
    font-weight: normal;
    margin-left: 10px;
    font-size: 18px;
}

.wrap-button-top .wrap-date-top>.exam-date-title {
    display: none;
}

.wrap-button-top .wrap-date-top>.exam-date {
    margin-left: 10px;
}

.wrap-create-prescription-button>.btn-save-prescription,
.wrap-button-top>.btn-save-treatment,
.wrap-button-top>.wrap-save-entry,
.wrap-button-top>.btn-save-entry {
    margin-left: auto;
    order: 2;
}

.wrap-button-top>.wrap-save-entry>.btn-cancel {
    margin-right: 7px;
}

.card-other-info .btn-save-prescription,
.card-other-info .btn-save-treatment,
.card-other-info .btn-save-entry,
.card-other-info .btn-cancel {
    float: right;
}

.card-other-info .btn-cancel {
    margin-right: 8px;
}

.wrap-create-prescription-button.fixed,
.wrap-button-top.fixed {
    position: fixed;
    top: 0;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
        rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
        rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.wrap-button-top>.wrap-date-top,
.wrap-button-top>.wrap-amount-hour {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.wrap-button-top>.wrap-amount-hour {
    margin-left: 10px;
}

.wrap-button-top>.wrap-date-top>.datepicker-group,
.wrap-button-top>.wrap-amount-hour>.amount-hour {
    margin-left: 12px;
    font-weight: bold;
    color: #000;
}

.wrap-button-top>.wrap-amount-hour>.amount-hour>option {
    color: #000;
    font-size: 17px;
}

.wrap-button-top>.wrap-date-top #treatment-date {
    width: 130px;
    text-align: center;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}

.wrap-button-top>.wrap-date-top #treatment-date:hover,
#card-treatment .re-examination-date:hover {
    background-color: #fafafa;
}

.wrap-create-prescription-button.fixed.modal-shown,
.wrap-button-top.fixed.modal-shown {
    z-index: 1;
}

.card-prescription-print .row-total .col-title {
    min-width: 150px;
}

.repeatable .autocompleter-result {
    box-shadow: none;
}

.ui-menu .ui-menu-item-wrapper {
    font-family: 'Nunito';
}

.ui-widget.ui-widget-content.ui-menu {
    z-index: 9999;
}

.card-patient .card-header,
.card-antibiotics .card-header,
.card-statistics .card-header,
.card-advisory .card-header,
.card-dental-image .card-header,
.card-treatment-plans .card-header,
.card-treatment-goals .card-header,
.card-treatment-audits .card-header,
#card-labo .card-header,
#card-supply .card-header,
.card-image .card-header,
#card-prescription .card-header,
.card-today-appointment .card-header {
    display: flex;
    align-items: center;
}

#card-today-appointment tbody>tr>td.col-time {
    font-weight: 600;
}

.card-advisory .wrap-buttons {
    text-align: center;
}

.card-advisory .list-services>ol {
    padding-left: 30px;
    margin-bottom: 8px;
}

.card-treatment-plans .dental-treatment-plan-item>i,
.card-treatment-goals .treatment-goal-item>i {
    font-size: 18px;
    margin-top: 4px;
}

.card-treatment-plans .dental-treatment-plan-item:focus,
.card-treatment-plans .dental-treatment-plan-item:hover,
.card-treatment-goals .treatment-goal-item:focus,
.card-treatment-goals .treatment-goal-item:hover {
    background-color: var(--bg-selected);
    border-color: #26a0da;
    color: #000;
    outline: none;
}

#card-prescription .card-header .wrap-template {
    margin-left: 10px;
}

#card-prescription .card-other-info>.card-header {
    padding-right: 5px !important;
}

#card-prescription #card-drugs .card-header>.row {
    width: 100%;
}

#card-prescription #card-drugs .card-header {
    padding-right: 0 !important;
}

#card-prescription #card-drugs .card-header .btn-add-drug {
    margin-right: 0;
}

#card-prescription #card-drugs .card-header h6 {
    line-height: 41px;
}

.card .card-body .col-drug-advice {
    flex-grow: 1;
}

.card-antibiotics .card-body {
    max-height: 250px;
    overflow: auto;
}

.card-statistics .no-results>h6 {
    color: #ee6767;
    user-select: none;
}

.card-patient .card-header,
.card-other-info .card-header,
.card-advisory .card-header,
.card-dental-image .card-header,
.card-image .card-header {
    height: 53px;
}

.card-patient .card-header .btn-add-patient,
.card-dental-image .card-header .btn-view-all-images,
.card-image .card-header .btn-view-all-images {
    margin-left: auto;
}

#card-labo .card-header .btn-add-labo,
#card-supply .card-header .btn-add-supply {
    margin-right: 7px;
}

.card-history-dental .card-header .icon-collapse,
.card-history-obstetrics .card-header .icon-collapse {
    order: 3;
    margin-left: 5px;
}

.card-dental-image .card-header .btn-view-all-images>i,
.card-image .card-header .btn-view-all-images>i {
    margin-right: 4px;
}

.card-other-info .card-header {
    padding: 7px 0.7rem 7px 1rem !important;
}

.btn-view-patient {
    margin-left: auto;
    order: 2;
    padding: 6px 9px;
    border: 1px solid;
    font-size: 15px;
    line-height: 1;
}

.btn-view-patient>i,
.card-patient .btn-add-patient>i {
    margin-right: 4px;
    font-size: 11px;
    position: relative;
    top: -1px;
}

.card-patient .card-body .wrap-new-patient {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 3px 7px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.card-patient .card-body .new-group {
    margin-bottom: 0;
}

.card-patient .card-body .wrap-new-patient .new-patient-name {
    text-transform: uppercase;
    cursor: default;
    font-weight: bold;
    user-select: none;
    color: #0539b2;
    line-height: 30px;
}

form label>font[color="red"] {
    margin-left: 4px;
}

.card-patient .btn-add-patient {
    padding: 6px 8px;
    font-size: 15px;
    border-radius: 5px;
    white-space: nowrap;
}

.card-patient .patient-group {
    text-align: center;
}

.card-patient .patient-group>* {
    margin-bottom: 0;
}

.card-patient .wrap-birthday-gender,
.card-patient .wrap-weight-height {
    display: flex;
    align-items: center;
}

.card-patient .wrap-birthday-gender>p:nth-child(2),
.card-patient .wrap-weight-height>p:nth-child(2) {
    margin-left: auto;
}

.card-patient .wrap-birthday-gender>p.wrap-gender {
    margin-left: auto;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 2px;
}

.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
    top: 0.1rem;
}

.custom-control-label::before,
.custom-control-label::after {
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}

.custom-checkbox.small .custom-control-label::before,
.custom-checkbox.small .custom-control-label::after {
    width: 18px;
    height: 18px;
}

.custom-checkbox.small .custom-control-label::after {
    left: -23px;
}

.custom-checkbox.small .custom-control-input:checked~.custom-control-label::after {
    background-size: 13px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-size: 14px;
}

form.user .custom-checkbox.small label {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
}

.checkbox-control {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.checkbox-control-1 {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.data-table>tbody>tr>td>.checkbox-control {
    vertical-align: middle;
}

form.user .reset-password {
    font-size: 17px;
    text-decoration: none;
}

.wrap-login .btn-link {
    text-decoration: none;
    padding: 8px 13px;
    background-color: #17a107;
    color: #fff;
    border-radius: 5px;
}

.wrap-login .btn-link[disabled],
.wrap-login .btn-link.disabled {
    opacity: 0.6;
}

.wrap-login .btn-link:hover,
.wrap-login .btn-link:focus {
    background-color: #03aa2c;
}

form.user .reset-password:hover,
.wrap-login .btn-link:hover {
    border-bottom: 1px solid;
}

.card-auth .card-header {
    font-weight: bold;
    font-size: 18px;
}

.card-auth .registered-text>strong {
    font-size: 17px;
    color: #179935;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.custom-control-input:hover:not(:checked)~.custom-control-label::before {
    border-color: #bac8f3;
}

.custom-control-input:not([disabled]):hover~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgb(78 115 223 / 25%);
}

.custom-control-input[disabled]~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::after {
    cursor: default;
}

.card-other-info .re-exam-group {
    margin-bottom: 30px;
}

.re-exam-group .custom-control-label::before,
.re-exam-group .custom-control-label::after {
    top: 0.1rem;
}

.drugs_labels>.repeatable>.card:first-child .btn-remove-drug:not(.show),
.treatment_labels>.repeatable>.card:first-child .btn-remove-treatment:not(.show),
.treatment_labels>.repeatable>.card:first-child .top-divider:not(.show),
.treatment_goal_labels>.repeatable>.card:first-child .btn-remove-goal:not(.show),
.treatment_goal_labels>.repeatable>.card:first-child .top-divider:not(.show),
.labo_labels>.repeatable>.card:first-child .btn-remove-labo:not(.show),
.supply_labels>.repeatable>.card:first-child .btn-remove-supply:not(.show),
.billing_labels>.repeatable>.field-group:first-child .delete {
    display: none;
}

.drugs_labels>.repeatable+.form-group,
.treatment_labels>.repeatable+.form-group,
.treatment_goal_labels>.repeatable+.form-group,
.labo_labels>.repeatable+.form-group,
.supply_labels>.repeatable+.form-group {
    float: right;
}

.labo_labels .lab-name,
#used-lab-item-modal .wrap-labo .labo-name {
    margin-left: 5px;
    color: #4f5f6a;
    font-weight: bold;
    background-color: #dae3e7;
    padding: 2px 9px 1px;
    border-radius: 22px;
    font-size: 13px;
    user-select: none;
}

.billing_labels .add {
    float: left;
}

.billing_labels .delete,
.billing_labels .btn-delete {
    padding: 8px 9px;
    line-height: 1;
    border-radius: 50%;
}

.billing_labels .delete>i,
.billing_labels .btn-delete>i {
    font-size: 18px;
}

.drugs_labels>.repeatable>.card,
.treatment_labels>.repeatable>.card,
.treatment_goal_labels>.repeatable>.card,
.labo_labels>.repeatable>.card,
.supply_labels>.repeatable>.card {
    border: 2px solid #b9bcc8;
}

.drugs_labels>.repeatable>.card>.card-body,
.treatment_labels>.repeatable>.card>.card-body,
.treatment_goal_labels>.repeatable>.card>.card-body,
.labo_labels>.repeatable>.card>.card-body,
.supply_labels>.repeatable>.card>.card-body {
    padding: 10px 10px 0 10px;
}

.drugs_labels>.repeatable>.card:first-child~.card,
.treatment_labels>.repeatable>.card:first-child~.card,
.treatment_goal_labels>.repeatable>.card:first-child~.card,
.labo_labels>.repeatable>.card:first-child~.card,
.supply_labels>.repeatable>.card:first-child~.card {
    margin-top: 15px;
}

.drugs_labels>.repeatable,
.treatment_labels>.repeatable,
.treatment_goal_labels>.repeatable,
.labo_labels>.repeatable,
.supply_labels>.repeatable {
    margin-bottom: 15px;
}

.drugs_labels>.repeatable>.card {
    border-radius: 0.55rem;
}

.supply_labels .amount-group,
.labo_labels .amount-group {
    position: relative;
}

.supply_labels .amount-stock,
.labo_labels .amount-stock {
    color: rgb(115 148 172);
    font-size: 13px;
}

.supply_labels .amount-stock .total-remain-supply,
.labo_labels .amount-stock .total-remain-lab-item {
    margin-left: 3px;
}

.drugs_labels .form-group-drug,
.treatment_labels .form-group-tooth,
.treatment_goal_labels .form-group-tooth,
.labo_labels .form-group-tooth {
    margin-bottom: 6px;
}

.card-other-info .title-amount-days {
    white-space: nowrap;
}

.card-other-info .popular-disease,
.card-patient .popular-symptom {
    cursor: pointer;
    padding: 2px 6px 1px;
    background-color: #fff;
    border: 1px solid var(--border-input);
    border-radius: 15px;
    color: #6b6b6b;
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
}

.card-patient .popular-symptom.selected,
.card-patient .popular-symptom.selected:hover {
    background-color: var(--color-primary);
    color: #fff;
}

.card-other-info .popular-disease.selected,
.card-other-info .popular-disease.selected:hover {
    background-color: var(--color-primary);
    color: #fff;
}

.card-other-info .popular-disease:hover,
.card-patient .popular-symptom:hover {
    background-color: #f0f0f0;
}

.card-other-info .popular-disease:first-child~.popular-disease,
.card-patient .popular-symptom:first-child~.popular-symptom {
    margin-left: 4px;
}

.card-other-info .disease-group,
.card-patient .symptom-group {
    margin-bottom: 0;
}

#card-prescription.card-other-info .disease-group {
    margin-bottom: 1rem;
}

.disease-table .sortable,
.symptom-table .sortable,
.table-template .sortable,
.treatment-plans-table .sortable,
#tbl-service .sortable {
    cursor: move;
}

.table .custom-control-label::before,
.table .custom-control-label::after {
    top: 0.1rem;
    left: -1.48rem;
}

table.dt-rowReorder-float {
    opacity: 1 !important;
    outline: 2px solid #4e66c5 !important;
    color: #1b1cc5;
    font-weight: bold;
    background-color: #dddfff;
}

tr.dt-rowReorder-moving {
    outline: none !important;
    color: #fff;
}

tr.dt-rowReorder-moving>td>* {
    display: none;
}

tr.dt-rowReorder-moving>td:not(:last-child) {
    border-right: none;
    padding-top: 11px;
    padding-bottom: 10px;
}

.form-group .padding-custom,
.form-group-custom .padding-custom {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.2;
}

#tbl-disease tbody>tr>td:last-child>a:first-child~a,
#tbl-symptom tbody>tr>td:last-child>a:first-child~a {
    margin-left: 5px;
}

#tbl-dental-treatment tbody>tr>td .btn-review {
    margin-right: 5px;
}

#move-modal #from_disease,
#move-modal #from_symptom,
#move-modal #from_service {
    font-weight: bold;
    text-transform: uppercase;
    color: #1c6cd7;
    margin-left: 5px;
    cursor: default;
}

#move-modal #from_service {
    text-transform: initial;
}

#move-modal .modal-body .from_value {
    color: #ff8400;
    font-size: 18px;
}

#move-modal .modal-title {
    line-height: 1.2;
}

#create-service-modal .guarantee-unit {
    min-width: 100px;
}

#create-service-modal .wrap-guarantee:first-child {
    width: calc(100% - 108px);
}

#create-service-modal .file-preview-thumbnails {
    max-height: calc(100vh - 370px);
    overflow: auto;
}

#create-service-modal .kv-file-remove {
    display: none;
}

#create-disease-form .popular-group>*,
#create-symptom-form .popular-group>* {
    display: inline-block;
}

#create-disease-form .popular-group>.custom-checkbox,
#create-symptom-form .popular-group>.custom-checkbox {
    position: relative;
    left: 7px;
}

#create-disease-form .popular-group>label,
#create-symptom-form .popular-group>label {
    margin-bottom: 0;
}

#confirm-delete-modal .message-name {
    margin-left: 5px;
    font-weight: bold;
    color: #2388d2;
}

#confirm-delete-modal .modal-footer .btn[data-dismiss="modal"] {
    min-width: 100px;
    padding-top: 7px;
}

#confirm-delete-modal .message-2 {
    color: #6b7a84;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 13px;
    font-size: 17px;
}

.modal-body {
    color: #000;
}

.modal .close {
    font-size: 37px;
    position: absolute;
    right: 14px;
    top: 4px;
    font-weight: 400;
}

.modal .modal-footer {
    border-top: none;
}

.modal .modal-footer.one-button>.btn {
    margin-right: 4px !important;
}

#move-modal .close {
    top: 0;
}

#confirm-delete-modal .modal-body {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding-top: 25px;
}

#w-qrcode-id {
    text-align: center;
    display: inline-block;
    padding: 20px;
}

.visible {
    position: absolute;
    left: -9999px;
}

.visible-1 {
    visibility: visible !important;
}

#w-qrcode-id #qrcode-id {
    display: inline-block;
}

#w-qrcode-id #qrcode-title,
#qrcode-large #qrcode-title,
#w-qrcode-id #qrcode-value {
    font-size: 18px;
    font-weight: bold;
}

#w-qrcode-id #qrcode-title,
#qrcode-large #qrcode-title {
    margin-bottom: 10px;
    color: #6198fd;
    font-size: 20px;
}

.prescription-form .card-header,
.prescription-form .card-body,
.treatment-form .card-header,
.treatment-form .card-body {
    padding: 1rem;
}

.card-patient .wrap-patient-title {
    width: 100%;
    display: flex;
    align-items: baseline;
    position: relative;
}

.card-patient .btn-repeat-name {
    margin-left: 8px;
    margin-top: 4px;
}

.card-patient .btn-repeat-name,
.card-patient .btn-repeat-name:hover,
.card-patient .btn-repeat-name:focus {
    color: #143fbe;
}

.card-patient .btn-repeat-name[disabled] {
    pointer-events: none;
    color: #769ceb;
}

.card-patient .wrap-stt {
    margin-left: 7px;
    margin-top: 1px;
}

.card-patient .wrap-stt>.text-stt {
    font-weight: bold;
    margin-right: 5px;
}

.card-patient .label-patient {
    font-weight: bold;
}

.card-patient .stt-patient,
.card-antibiotics .total-antibiotic {
    display: inline-block;
    position: relative;
    top: -1px;
    text-align: center;
    cursor: default;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    border: 2px solid;
    border-radius: 50%;
    color: var(--color-info);
    padding: 0 5px;
    min-width: 28px !important;
}

.card-patient .stt-patient {
    padding: 0 5px;
}

.card-antibiotics .total-antibiotic:not(.no-circle) {
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 30px;
}

.card-patient .btn-call-patient {
    padding: 4px 8px;
    margin-left: auto;
    order: 1;
    font-size: 15px;
    border-radius: 5px;
    position: relative;
}

.card-patient .btn-call-patient[disabled="disabled"],
.card-patient .btn-call-patient[disabled="disabled"] .btn-text {
    cursor: default;
}

.card-patient .btn-call-patient>i {
    margin-right: 4px;
    font-size: 13px;
}

#add-patient-modal .modal-body {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
}

#confirm-mediviet-id-modal>.modal-dialog {
    width: fit-content;
}

.after-save-modal .modal-body {
    text-align: center;
}

.after-save-modal .modal-body>a.btn-redirect-view {
    margin-left: 7px;
    border: 1px solid #00b4b1;
    color: #068f8d;
    border-radius: 0.35rem;
}

.after-save-modal .modal-body>a.btn-redirect-view:hover,
.after-save-modal .modal-body>a.btn-redirect-view:focus,
.after-save-modal .modal-body>a.btn-redirect-view:active {
    background-color: var(--bg-lighter);
}

.after-save-modal .modal-body>a.btn-redirect-create {
    margin-left: 5px;
}

.after-save-modal .modal-body>a.btn-redirect-create>i,
.after-save-modal .modal-body>a.btn-redirect-view>i {
    margin-right: 5px;
}

.form-group .field-value,
.card-history .field-value,
.card-prescription-history .field-value {
    margin-left: 4px;
    cursor: default;
}

.card-history:not(.card-history-dental):not(.card-history-obstetrics) .card-header h6.text-primary,
.card-prescription-history .card-header h6.text-primary {
    width: calc(100% - 32px);
}

.card-history .card-header h6.text-primary.latest-title,
.card-prescription-history .card-header h6.text-primary.latest-title {
    line-height: 1.2;
}

.card-history .card-header h6.text-primary.latest-title .diagnostic-text,
.card-prescription-history .card-header h6.text-primary.latest-title .diagnostic-text,
.card-history .card-header h6.text-primary.latest-title .treatment-text {
    font-size: 17px;
}

.history-table .wrap-diagnostic {
    color: var(--color-info);
}

.history-table .row-more.hidden~.child {
    display: none !important;
}

.card-history-dental .history-table:not(.view-more) .dataTables_paginate,
.card-history-obstetrics .history-table:not(.view-more) .dataTables_paginate {
    display: none;
}

.card-history .dtr-title,
.card-prescription-history .dtr-title {
    display: none !important;
}

.card-history .dtr-data,
.card-prescription-history .dtr-data {
    width: calc(100% - 43px);
    display: inline-block;
}

.card-history.card-history-dental .dtr-data,
.card-history.card-history-obstetrics .dtr-data {
    width: 100%;
}

.card-history.card-history-dental .card-body,
.card-history.card-history-obstetrics .card-body {
    max-height: 350px;
    overflow: auto;
}

.card-history .dtr-data .drugs,
.card-prescription-history .dtr-data .drugs {
    line-height: 1.8;
    user-select: none;
}

.card-history .btn-view-more,
.card-history .btn-view-more:hover,
.card-history .btn-view-more:focus,
.card-history .btn-view-more:active,
.card-prescription-history .btn-view-more,
.card-prescription-history .btn-view-more:hover,
.card-prescription-history .btn-view-more:focus,
.card-prescription-history .btn-view-more:active,
.card-patient .btn-view-patient,
.card-history .btn-view-patient:hover,
.card-history .btn-view-patient:focus,
.card-history .btn-view-patient:active {
    border: none !important;
    background: none !important;
    color: var(--color-primary-light) !important;
    font-size: 16px;
    border-bottom: 1px solid !important;
    padding: 0;
    line-height: 1.2;
    border-radius: 1px;
    text-decoration: none;
}

.card-waiting-patient .btn-view-all,
.card-waiting-patient .btn-view-all:hover,
.card-waiting-patient .btn-view-all:focus,
.card-waiting-patient .btn-view-all:active {
    outline: none;
    text-decoration: none;
    margin-bottom: 0;
}

.card-waiting-patient .no-checkin-patients {
    color: #a2a2a2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    position: absolute;
    width: 100%;
    height: 100%;
    user-select: none;
    font-weight: 600;
}

.card-waiting-patient .wrap-view-all {
    padding: 3px 11px 7px;
    text-align: center;
    z-index: 1;
}

.card-waiting-patient .wrap-view-all .btn-checkin-v2 {
    margin-left: 3px;
}

.card-waiting-patient .wrap-view-all>.btn-group {
    width: max-content;
    margin-left: auto;
}

.card-waiting-patient .wrap-view-all>.btn-group .dropdown-menu {
    background: transparent;
    border: none;
    box-shadow: none !important;
}

.card-waiting-patient .wrap-view-all>a {
    font-size: 14px !important;
}

.table-responsive .page-link:focus {
    box-shadow: none;
}

.table-responsive.is-mobile .dataTables_content_filter {
    max-width: 300px;
    margin-bottom: 0.2rem;
}

.history-table .drugs .drug-type,
.table-analytic-1 .drugs .drug-type,
.table-analytic-2 .drugs .drug-type,
.table-note .drugs .drug-type,
.data-table .drugs .drug-type {
    color: #c5c5c5;
    border: 2px solid;
    padding: 2px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    top: -9px;
    left: 1px;
}

.table-note tbody>tr>td.col-actions {
    white-space: nowrap !important;
}

.table-note .wrap-diagnostic {
    white-space: nowrap;
}

.card-history:not(.card-history-dental):not(.card-history-obstetrics) .custom-checkbox,
.card-prescription-history .custom-checkbox {
    position: absolute;
    right: 8px;
    top: 8px;
}

.card-history .latest-prescription,
.card-prescription-history .latest-prescription,
.card-history .latest-treatment {
    position: relative;
}

.card-history .latest-treatment .made-by,
.card-history .treatment-content .made-by,
.wrap-profile-prescription .treatment-content .made-by {
    margin-left: 5px;
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
    user-select: none;
}

.wrap-profile-prescription #profile-1 .patient-id {
    border: 2px solid;
    border-radius: 50%;
    padding: 3px 4px;
    font-size: 14px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
}

.wrap-profile-prescription #profile-1.active:not(:hover) .patient-id {
    border: 2px solid var(--color-primary-light);
}

.card-history .latest-prescription .wrap-drugs,
.card-prescription-history .latest-prescription .wrap-drugs,
.card-history .latest-treatment .wrap-contents {
    width: calc(100% - 15px);
    position: relative;
    left: -18px;
    margin-bottom: 0;
}

.card-history.card-history-dental .latest-treatment .wrap-contents,
.card-history.card-history-obstetrics .latest-treatment .wrap-contents {
    width: 100%;
}

.card-history .treatment-table .wrap-contents {
    margin-left: -18px;
    list-style-type: disc;
}

.card-history .latest-prescription i.is-good,
.card-prescription-history .latest-prescription i.is-good,
.card-history .history-table i.is-good,
.card-prescription-history .history-table i.is-good {
    position: absolute;
    color: #57cd64;
}

.card-history .latest-prescription i.is-good,
.card-prescription-history .latest-prescription i.is-good {
    font-size: 23px;
    right: 23px;
    top: -7px;
}

.card-history .history-table i.is-good,
.card-prescription-history .history-table i.is-good {
    font-size: 18px;
    right: 3px;
    bottom: 2px;
}

.history-table .prescription-table,
.card-prescription-history .prescription-table,
.history-table .treatment-table {
    border-collapse: collapse !important;
    margin-top: 0 !important;
}

.history-table .prescription-table thead,
.card-prescription-history .prescription-table thead,
.history-table .treatment-table thead {
    display: none;
}

.history-table>.dataTables_wrapper>.row:first-child,
.history-table .dataTables_info,
.card-prescription-history>.dataTables_wrapper>.row:first-child,
.card-prescription-history .dataTables_info {
    display: none;
}

.history-table .amount-days,
.card-prescription-history .amount-days,
.latest-prescription .amount-days {
    font-weight: bold;
    color: #0eade9;
    border: 2px solid #0eade9;
    border-radius: 50%;
    margin-left: 5px;
    cursor: default;
    position: absolute;
    text-align: center;
    line-height: 1.4;
}

.history-table .amount-days,
.card-prescription-history .amount-days {
    right: 4px;
    top: 2px;
    width: 23px;
    height: 23px;
    font-size: 13px;
    line-height: 22px;
}

.history-table .btn-copy,
.card-prescription-history .btn-copy {
    position: absolute;
    right: 4px;
    top: 4px;
}

.history-table .btn-copy>i,
.card-prescription-history .btn-copy>i {
    font-size: 18px;
}

.card-prescription-history .amount-days {
    line-height: 18px;
    font-size: 12px !important;
}

.card-prescription-history .latest-prescription .amount-days {
    line-height: 21px;
    font-size: 13px !important;
}

.latest-prescription .amount-days {
    right: -5px;
    top: -5px;
    width: 23px;
    height: 23px;
    font-size: 15px;
}

.latest-prescription .amount-days.is-good {
    right: -6px;
    top: -8px;
}

.history-table .amount-days.is-good {
    right: 3px;
    top: 3px;
}

.history-table tbody>tr.parent {
    border-top: 3px solid var(--border-main) !important;
    border-left: 3px solid var(--border-main);
    border-right: 3px solid var(--border-main);
}

.history-table tbody .wrap-diagnostic {
    cursor: default;
}

.history-table tbody>tr.parent:first-child {
    border-top: none;
}

.history-table tbody>tr.child {
    border-left: 3px solid var(--border-main) !important;
    border-right: 3px solid var(--border-main) !important;
}

.history-table tbody>tr.child:last-child {
    border-bottom: 3px solid var(--border-main) !important;
}

.history-table tbody>tr>td.child {
    padding: 0;
}

.history-table tbody>tr>td.child>.dtr-details {
    padding: 10px 8px !important;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.history-table .data-table li.col-drugs {
    position: relative;
}

.history-table .data-table li.col-drugs .drugs {
    width: calc(100% - 30px);
    display: inline-block;
}

.history-table .day-ago {
    cursor: default;
}

.prescription-form .card-patient .patient-view-link {
    margin-top: 7px;
}

.history-table .fa-history,
.card-history .exam-date .fa-history,
.card-prescription-history .exam-date .fa-history {
    color: #5bc6e0;
    margin-right: 7px;
    cursor: default;
}

.history-table .prescription-table .fa-history {
    color: #eb9406;
    margin-left: 7px;
    cursor: default;
    margin-right: 0;
}

.card-history .exam-date>b,
.history-table .fa-history+b,
.card-prescription-history .exam-date>b {
    font-weight: bold;
    cursor: default;
}

.history-table .fa-history+span {
    cursor: default;
}

.treatment-table>tbody>tr>td>ul.wrap-contents {
    margin-bottom: 0;
}

.card-history .history-table .wrap-diagnostic>a,
.card-prescription-history .history-table .wrap-diagnostic>a,
.card-history .history-table .treatment-table .btn-view-treatment {
    color: #108fa1;
}

body:not(.sidebar-toggled) .card-history.is-large .history-table table>tbody>tr>td,
body:not(.sidebar-toggled) .card-prescription-history.is-large .history-table table>tbody>tr>td {
    max-width: 176px;
}

.card-history .history-table .wrap-diagnostic>a>ul,
.card-prescription-history .history-table .wrap-diagnostic>a>ul {
    padding-left: 17px;
    margin: 0;
    position: relative;
    top: 1px;
}

.card-history .history-table .wrap-diagnostic>a>ul>li:before,
.card-prescription-history .history-table .wrap-diagnostic>a>ul>li:before {
    content: "";
    margin-right: -5px;
}

.card-history .history-table .wrap-diagnostic>a:hover,
.card-prescription-history .history-table .wrap-diagnostic>a:hover,
.card-history .history-table .treatment-table .btn-view-treatment:hover {
    text-decoration: none;
}

.card-history .history-table .wrap-diagnostic,
.card-prescription-history .history-table .wrap-diagnostic,
.card-history .history-table .treatment-table .btn-view-treatment {
    border-bottom: 1px solid transparent;
    line-height: 1;
    display: inline-block !important;
}

.card-history .history-table .wrap-diagnostic:hover,
.card-prescription-history .history-table .wrap-diagnostic:hover,
.card-history .history-table .treatment-table .btn-view-treatment:hover {
    cursor: pointer;
    border-bottom: 1px solid;
}

.card-history .history-table .wrap-diagnostic:hover {
    border-bottom: none;
}

.modal-backdrop.highlight {
    z-index: 9999;
}

#view-prescription-modal,
#view-treatment-modal,
#view-image-modal {
    z-index: 99999;
}

#view-prescription-modal .container-pres-buttons,
#view-treatment-modal .container-pres-buttons {
    margin: 0;
}

#view-treatment-modal .modal-footer .btn-print>i {
    margin-right: 6px;
}

#view-prescription-modal .modal-body,
#view-treatment-modal .modal-body,
#view-image-modal .modal-body,
#view-prescription-modal .modal-body {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    overflow-x: hidden;
}

#view-treatment-modal .modal-body,
#view-image-modal .modal-body,
#view-prescription-modal .modal-body {
    position: initial;
}

.history-table .amount-days.re-examination,
.latest-prescription .amount-days.re-examination {
    color: #eb9406;
    border: 2px solid #eb9406;
}

.card-history .diagnostic-text,
.card-prescription-history .diagnostic-text,
.card-history .treatment-text,
.card-latest-examination a,
.card-latest-dental-treatment a,
.card-latest-obstetrics-treatment a {
    margin-left: 5px;
    color: var(--color-info);
}

.card-latest-examination a,
.card-latest-dental-treatment a,
.card-latest-obstetrics-treatment a {
    text-decoration: none;
}

.card-latest-examination .h5,
.card-latest-dental-treatment .h5,
.card-latest-obstetrics-treatment .h5 {
    font-size: 18px;
}

.card-latest-dental-treatment a ul,
.card-latest-obstetrics-treatment a ul {
    margin-top: 6px;
    margin-bottom: 0;
    padding-left: 23px;
    font-size: 17px;
}

.card-history>.card-header>h6,
.card-prescription-history>.card-header>h6 {
    line-height: 1;
    font-size: 17px;
}

.prescription-form .card-history>.card-header,
.treatment-form .card-prescription-history>.card-header,
.treatment-form .card-history>.card-header {
    padding: 1rem 1rem 0.8rem;
}

.treatment-form .card-history>.card-header,
.treatment-form .card-prescription-history>.card-header,
.prescription-form .card-history>.card-header,
.prescription-form .card-invoice-details>.card-header {
    display: flex;
    align-items: center;
}

.card-history>.card-header>h6>a,
.card-prescription-history>.card-header>h6>a {
    text-decoration: none;
}

.card-history>.card-header>h6>a>span,
.card-prescription-history>.card-header>h6>a>span {
    border-bottom: 1px solid transparent;
    display: inline-block;
}

.card-history>.card-header>h6>a:hover>span,
.card-prescription-history>.card-header>h6>a:hover>span {
    border-bottom: 1px solid;
}

.card-history>.card-body>.form-group,
.card-history>.card-body>.form-group>p:last-child,
.card-prescription-history>.card-body>.form-group,
.card-prescription-history>.card-body>.form-group>p:last-child {
    margin-bottom: 0;
}

.card-history .field-value a:hover,
.card-prescription-history .field-value a:hover {
    text-decoration: none;
    border-bottom: 1px solid;
}

.card-history .exam-date,
.card-prescription-history .exam-date {
    cursor: default;
}

.card-antibiotics .wrap-drugs {
    margin-bottom: 0;
    padding-left: 15px;
}

.card-antibiotics .card-header[data-toggle=collapse]::after {
    line-height: 49px !important;
}

.card-analytics .wrap-btn-analytic {
    display: flex;
    align-items: center;
    margin-top: 11px;
}

.card-antibiotics .total-antibiotic {
    top: 0;
    padding-top: 1px;
    margin-left: 7px;
}

.card-antibiotics .total-antibiotic.no-circle {
    border-radius: 4px;
}

.card-antibiotics .wrap-drugs>li.drug-name {
    padding: 0 5px 0 0;
    line-height: 20px;
    margin-top: 10px;
}

.card-antibiotics .wrap-drugs>li.drug-name:first-child {
    margin-top: 0;
}

.card-antibiotics .wrap-drugs>li.drug-name>span {
    color: #000;
}

.card-antibiotics .wrap-drugs>li.drug-name .antibiotic-note {
    margin-left: 5px;
    color: #909090;
    font-weight: normal;
}

.card-antibiotics .wrap-drugs>li.drug-name>span {
    cursor: default;
    color: #272727;
}

.card-antibiotics .wrap-drugs>li.drug-name>span.newest-drug {
    font-weight: bold;
}

.card-statistics .card-body>.row-filter {
    justify-content: center;
}

.card-statistics .nav-item:first-child>.nav-link:not(.active),
.card-statistics .nav-item:first-child:not(.active)+.nav-item:not(.active)>.nav-link {
    color: #333;
    padding-bottom: 8px;
    border-top-right-radius: 0;
    border: 2px solid transparent;
    border-color: #d6d6d6 #d6d6d6 #dddfeb;
    border-bottom: none;
    border-right: none;
}

.card-statistics .nav-item:first-child>.nav-link:not(.active) {
    width: calc(100% + 4px);
}

.card-statistics .nav-item:first-child:not(.active)+.nav-item:not(.active)>.nav-link {
    border-top-left-radius: 0.35rem;
    margin-right: -3px;
    margin-left: 0;
}

.card-statistics .nav-item:not([role="treatment"]) {
    width: calc(100% / 3);
}

.card-statistics .nav-link {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    text-align: center;
}

.card-statistics .nav-link>span {
    margin-left: 4px;
    color: #333;
    font-weight: normal;
    font-size: 14px;
}

.card-statistics .nav-link.active>span {
    font-weight: bold;
    color: #2697e5;
}

.card-statistics .nav-link.active {
    position: relative;
    z-index: 1;
}

.card-statistics .nav-item:first-child~.nav-item>.nav-link:not(.active) {
    color: #333;
    padding-bottom: 7px;
    border-top-left-radius: 0;
    width: calc(100% + 3px);
    margin-left: -3px;
    border: 2px solid transparent;
    border-color: #d6d6d6 #d6d6d6 #dddfeb;
    border-bottom: none;
    border-left: none;
    height: calc(100% - 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.card-statistics #statistic-tab #disease-1 {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.card-statistics #statistic-tab {
    justify-content: center;
}

.card-statistics .nav-item:first-child~.nav-item>.nav-link#drug-1 {
    left: 0;
}

.card-statistics .nav-link#prescription-1 {
    padding-left: 3px;
    padding-right: 3px;
}

.card-statistics .nav-link:not(.active):hover {
    border-color: #dddddd #dddddd transparent;
}

.card-history .card-body .wrap-drugs,
.card-prescription-history .card-body .wrap-drugs {
    list-style: decimal;
    position: relative;
    left: -17px;
    margin-bottom: 0;
}

.card-history .card-body .wrap-drugs:last-child,
.card-prescription-history .card-body .wrap-drugs:last-child {
    margin-bottom: 0;
}

.card-history .card-body .wrap-drugs>.drug-name,
.card-prescription-history .card-body .wrap-drugs>.drug-name {
    color: #333;
}

.card-history .card-body .wrap-drugs .antibiotic-type,
.card-prescription-history .card-body .wrap-drugs .antibiotic-type,
.card-history .card-body .wrap-drugs .inflammatory-type,
.card-prescription-history .card-body .wrap-drugs .inflammatory-type {
    color: #909090;
}

.card-antibiotics .card-header>h6 {
    line-height: 1;
    position: relative;
    top: 1px;
}

.wrap-avatar,
.wrap-image-cover {
    margin-top: 8px;
    position: relative;
}

.wrap-avatar>img,
.wrap-image-cover>img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #ddd;
    padding: 4px;
}

.wrap-image-cover>img {
    width: 400px;
    height: auto;
    border-radius: 4px;
}

.wrap-avatar>.btn-remove-avatar,
.wrap-image-cover>.btn-remove-image-cover {
    position: absolute;
    top: 2px;
    left: 123px;
    font-size: 14px;
    border: 1px solid #c0c0c0;
    padding: 2px 6px 1px;
    border-radius: 4px;
}

.wrap-image-cover>.btn-remove-image-cover {
    left: 404px;
}

.wrap-avatar>.btn-remove-avatar:hover,
.wrap-image-cover>.btn-remove-image-cover:hover {
    background-color: #f2f2f2;
}

#wrapper>.sidebar-brand {
    position: absolute;
    top: 7px;
    left: 9px;
    z-index: 99;
    width: 55px;
    height: 55px;
}

.sidebar .avatar>img,
#wrapper>.sidebar-brand>.avatar>img,
.navbar .avatar>img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-position: center;
    border: 1px solid;
    background-color: #fff;
}

.sidebar .avatar.has-avatar>img {
    object-fit: cover;
}

input::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.sidebar .nav-item .nav-link .img-profile,
.topbar .nav-item .nav-link .img-profile {
    background-color: var(--bg-lighter);
    object-fit: cover;
}

.topbar .nav-item .nav-link {
    padding: 0 1.05rem;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #a4a4a4;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link .text-name {
    font-size: 17px;
    font-weight: bold;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link .text-name,
.topbar.navbar-light .navbar-nav .nav-item .nav-link .text-name+i {
    color: #5a5a5a !important;
}

.topbar .nav-item .nav-link.nav-checkin>.badge,
.topbar .nav-item .nav-link.nav-appointment>.badge {
    top: 11px;
    position: absolute;
    right: 10px;
    padding-top: 0.33em;
    padding-bottom: 0.24em;
}

.topbar .nav-item .nav-link.nav-appointment>.badge {
    right: 3px;
    background-color: var(--color-info);
}

.topbar .nav-item .nav-link.nav-checkin.has-data>i,
.topbar .nav-item .nav-link.nav-appointment.has-data>i {
    color: #282828;
    font-size: 18px;
}

.topbar .nav-item .nav-link.nav-checkin.has-data:hover>i,
.topbar .nav-item .nav-link.nav-appointment.has-data:hover>i {
    color: #282828;
}

.sidebar.toggled .avatar>img,
#wrapper>.sidebar-brand .avatar>img,
.navbar .avatar>img {
    border: 1px solid #dadada;
}

.logo-mobile {
    display: none;
}

.topbar.navbar-advisory {
    z-index: 3;
    margin-bottom: 1rem !important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    border-bottom: none !important;
}

.navbar-advisory .logo-top {
    flex: 0 0 auto;
}

.navbar-advisory .navbar-collapse {
    flex-grow: initial;
}

.navbar-advisory .nav-pills>.nav-link:first-child {
    margin-left: 0 !important;
}

.navbar-advisory .navbar-collapse #userDropdown {
    padding-right: 0;
}

.sidebar .sidebar-brand {
    padding-left: 6px;
    padding-right: 10px;
}

.sidebar .sidebar-brand .sidebar-brand-text {
    line-height: 1;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.sidebar .sidebar-brand .sidebar-brand-text .sidebar-title {
    line-height: 1.3;
    font-size: 15px;
    margin: 0;
    cursor: pointer;
}

.sidebar .sidebar-brand .sidebar-brand-text.brand-custom .sidebar-title {
    font-size: 29px;
    line-height: 1;
}

.sidebar .sidebar-brand .sidebar-brand-text.brand-custom {
    text-transform: initial;
    font-size: 17px;
}

.sidebar .sidebar-brand .sidebar-brand-text>.slogan {
    text-transform: initial;
    font-size: 11px;
    white-space: nowrap;
    color: #bad7ff;
    cursor: pointer;
    margin-bottom: 0;
}

.avatar-group>.btn>.fa {
    font-size: 19px;
    position: relative;
    top: 2px;
}

table>tbody>tr>td.truncate,
table:not(.history)>tbody>tr>td.col-drugs {
    max-width: 200px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

table>tbody>tr>td.col-drugs {
    max-width: 300px;
}

table>tbody>tr>td.col-drugs>span {
    cursor: default;
}

table>tbody>tr>td.truncate>span {
    cursor: default;
}

.tooltip-custom .tooltip-inner {
    max-width: initial;
}

.tooltip-custom .tooltip-inner>ul {
    list-style: decimal;
    text-align: left;
    margin: 3px 0;
    padding-left: 20px;
}

.tooltip-custom .tooltip-inner>ul>li {
    max-width: 350px;
}

.ui-tooltip .ui-tooltip-content,
.teeth-overview svg text {
    font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

#teeth-overview-help {
    font-size: 100%;
    user-select: none;
}

.ui-tooltip .ui-tooltip-content>ul {
    margin-bottom: 0;
    padding-left: 23px;
}

#sidebarToggleTop {
    margin-right: 0.9rem !important;
}

#sidebarToggleTop:hover {
    outline: 0;
}

.bg-layer {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1031;
    background-color: rgba(0, 0, 0, 0.35);
}

#symptoms+.select2-container .select2-selection__choice,
#chronic_diseases+.select2-container .select2-selection__choice {
    padding-top: 2px;
    padding-bottom: 1px;
    padding-right: 2px;
    padding-left: 7px;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}

#chronic_diseases+.select2-container .select2-search__field::placeholder {
    color: transparent;
}

#symptoms+.select2-container .select2-search--inline .select2-search__field::placeholder {
    text-transform: initial;
}

#symptoms+.select2-container .select2-selection--multiple .select2-selection__choice__remove,
#chronic_diseases+.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    line-height: 1.4;
    float: right;
}

#symptoms+.select2-container--bootstrap4.select2-container--focus.select2-no-below .select2-selection,
#symptoms+.select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection,
#chronic_diseases+.select2-container--bootstrap4.select2-container--focus .select2-selection,
#chronic_diseases+.select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection {
    border-radius: 0.35rem !important;
    border-bottom: 1px solid #80bdff;
}

#select2-symptoms-results>.select2-results__message,
#select2-symptoms-results>.loading-results,
#select2-chronic_diseases-results>.select2-results__message,
#select2-chronic_diseases-results>.loading-results {
    display: none;
}

#symptoms+.select2-container .select2-selection__rendered {
    display: flex !important;
    flex-direction: column;
    padding-right: 30px !important;
    list-style: decimal inside;
}

#symptoms+.select2-container .select2-search {
    list-style: none;
}

#symptoms+span.select2-container .select2-search--inline .select2-search__field {
    margin-bottom: 7px;
    width: initial !important;
}

#select2-symptoms-results>.select2-results__option[aria-selected=true] {
    display: none !important;
}

.card-symptom .list-symptom {
    list-style: decimal;
    font-size: 17px;
}

.card-symptom h4 {
    font-weight: bold;
    font-size: 23px;
}

.modal .modal-title {
    font-weight: bold;
    color: var(--color-primary);
}

.modal .modal-footer .btn-save,
.modal .modal-footer .btn-yes,
.modal .modal-footer .btn-ok {
    min-width: 90px;
    border-width: 2px;
    padding-top: 7px;
    height: 40px;
}

.modal .modal-footer .btn-save>i.fa,
.modal .modal-footer .btn-save>i.fas,
.modal .modal-footer .btn-save>i.far,
.modal .modal-footer .btn-yes>i.fa,
.modal .modal-footer .btn-yes>i.fas,
.modal .modal-footer .btn-yes>i.far,
.modal .modal-footer .btn-ok>i.fa,
.modal .modal-footer .btn-ok>i.fas,
.modal .modal-footer .btn-ok>i.far {
    margin-right: 3px;
}

.modal .modal-footer .btn-yes,
.modal .modal-footer .btn-ok {
    min-width: 100px;
}

.modal .modal-title.black-color {
    color: #333;
}

.modal:not(.file-zoom-dialog) .modal-header button[data-dismiss="modal"]:not(:nth-child(2)),
.modal:not(.file-zoom-dialog) .modal-footer button[data-dismiss="modal"]:not(:nth-child(2)),
.modal:not(.file-zoom-dialog) .modal-footer button[data-dismiss="modal"].btn-secondary,
.modal .modal-footer button.btn-secondary.btn-back,
.modal .modal-footer button.btn-secondary.btn-outline {
    background-color: #fff;
    color: #656565;
    border-color: #b6b6b6;
    border-width: 2px;
    margin-right: 7px;
    min-width: 100px;
    height: 40px;
}

.modal:not(.file-zoom-dialog) .modal-footer button[data-dismiss="modal"],
.modal .modal-footer button.btn-secondary.btn-outline {
    padding-top: 4px;
}

.modal:not(#tooth-picker-modal):not(.file-zoom-dialog) .modal-header button[data-dismiss="modal"] {
    padding: 0;
    margin: 2px;
}

.modal .modal-footer button[data-dismiss="modal"]:not(:nth-child(2)):hover,
.modal .modal-footer button[data-dismiss="modal"]:not(:nth-child(2)):focus,
.modal .modal-footer button[data-dismiss="modal"]:not(:nth-child(2)):active,
.modal .modal-footer button[data-dismiss="modal"].btn-secondary:hover,
.modal .modal-footer button[data-dismiss="modal"].btn-secondary:focus,
.modal .modal-footer button[data-dismiss="modal"].btn-secondary:active,
.modal .modal-footer button.btn-secondary.btn-back:hover,
.modal .modal-footer button.btn-secondary.btn-back:focus,
.modal .modal-footer button.btn-secondary.btn-back:active,
.modal .modal-footer button.btn-secondary.btn-outline:hover,
.modal .modal-footer button.btn-secondary.btn-outline:focus,
.modal .modal-footer button.btn-secondary.btn-outline:active {
    background-color: #f0f0f0 !important;
    color: #656565 !important;
    border-color: #b6b6b6 !important;
}

.modal .modal-footer button.btn-secondary.btn-back>i {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.modal-open #tooth-picker-modal {
    overflow-y: hidden;
}

#tooth-picker-modal .modal-header {
    align-items: center;
    padding-right: 15px;
}

#tooth-picker-modal .modal-body {
    max-height: calc(100vh - 165px);
    overflow: auto;
    padding-top: 0;
}

#tooth-picker-modal .modal-body>.nav-pills {
    position: sticky;
    top: 0;
    background-color: #fff;
    align-items: center;
    z-index: 1;
}

.nav-pills[role="tablist"]>a:first-child~a {
    margin-left: 10px;
}

#tooth-picker-modal .nav-pills .nav-link.active {
    background-color: #42c245;
}

#tooth-picker-modal .nav-pills .nav-link {
    margin: 0 5px;
    padding-top: 0.6rem;
}

#select2-template_id-results>.select2-results__options {
    line-height: 1.4;
}

#patient-info #qrcode-large-id {
    display: flex;
}

#patient-info .qrcode-large {
    padding: 15px 0;
}

#patient-info #qrcode-large-id {
    justify-content: center;
    align-items: center;
}

#patient-info .wrap-qrcode {
    text-align: center;
}

.card-patient-info {
    width: fit-content;
    min-width: 600px;
}

.card-patient-info.is-patient {
    margin: 0 auto;
}

.card-patient-info .btn-download-qrcode>i {
    margin-right: 5px;
}

.card-patient-info h4>b {
    font-size: 27px;
    white-space: nowrap;
    margin: 0 20px;
}

.card-patient-info #qrcode-large {
    margin: 15px 0 20px;
}

.card-patient-info .field-value {
    margin-left: 5px;
}

.card-patient-info:not(.is-desktop) .wrap-info {
    display: flex;
    justify-content: center;
}

.card-patient-info .wrap-info>.wrap-row {
    display: flex;
}

.card-patient-info .wrap-info>.wrap-chronic .field-value {
    max-width: calc(600px - 117px);
    margin: 0;
    display: block;
}

.card-patient-info .wrap-info>.wrap-chronic>p {
    display: flex;
}

.card-patient-info .wrap-info>.wrap-chronic>p>b {
    margin-right: 5px;
}

.card-patient-info .wrap-info>.wrap-row>.wrap-phone {
    white-space: nowrap;
}

.card-patient-info .wrap-info>.wrap-row>p:nth-child(2) {
    margin-left: auto;
    white-space: nowrap;
    padding-left: 30px;
}

.card-patient-info .wrap-info>.wrap-row .fa {
    font-size: 19px;
    margin-right: 5px;
    position: relative;
    top: -3px;
}

.card-patient-info .wrap-info>.wrap-row .icon-need-help {
    font-size: 18px;
    margin-left: 5px;
}

.card-patient-info .wrap-info>.wrap-row:last-child>p {
    margin-bottom: 0;
}

.card-patient-info .mediviet-id {
    padding: 0 5px;
    border-radius: 50%;
}

.doctor-table ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.doctor-table ul>li {
    display: flex;
    align-items: center;
    cursor: default;
}

.doctor-table ul>li.work-time {
    align-items: baseline;
}

.doctor-table ul>li.work-time>ul {
    margin-left: 8px;
}

.doctor-table .queue-number {
    line-height: 1;
    user-select: none;
    cursor: default;
}

.doctor-table .queue-number>a {
    font-size: 15px;
    margin-left: 5px;
    color: #0694e5;
}

.doctor-table .queue-number .patient-count {
    border: 2px solid;
    color: #e67510;
    height: 35px;
    width: 35px;
    display: inline-block;
    line-height: 33px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
}

.doctor-table .stop-checkin {
    font-weight: bold;
    color: red;
    margin: -2px 0 0 0;
    font-size: 14px;
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
}

.doctor-table .doctor-title {
    font-weight: bold;
    margin-left: 5px;
}

.doctor-table .doctor-name {
    color: #11459d;
    user-select: none;
}

.doctor-table tbody .col-checkin {
    position: relative;
}

.wrap-drug-link>label {
    font-weight: bold;
    margin-right: 7px;
}

.nav-report.nav-item.active {
    background-color: #1a39b3;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active,
.sidebar .nav-item>.nav-link.active,
.sidebar .nav-item>.nav-link.active>i {
    color: #fffe26;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active,
.sidebar .nav-item>.nav-link.active {
    font-weight: normal;
}

table.table-bordered.dataTable tbody>tr>td {
    line-height: 1.2;
}

.data-table tbody>tr>td.col-address {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    white-space: nowrap;
}

.card-analytics .label-analytic {
    font-weight: bold;
    color: #033ea8;
    white-space: nowrap;
}

#accordionSidebar.toggled .collapse.show {
    left: -99999px !important;
}

.custom-radio .custom-control-label,
.custom-checkbox.fa-checkbox .custom-control-label {
    position: absolute;
    left: 0;
    cursor: pointer;
}

.custom-radio .custom-control-input:disabled~.custom-control-label,
.custom-checkbox.fa-checkbox .custom-control-input:disabled~.custom-control-label {
    cursor: default;
}

.custom-radio .custom-control-input~.custom-control-label>i,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label>i {
    font-size: 21px;
}

.custom-radio .custom-control-input:checked~.custom-control-label>i.fas,
.custom-checkbox.fa-checkbox .custom-control-input:checked~.custom-control-label>i.fas {
    color: var(--color-primary-light);
}

.custom-radio .custom-control-input~.custom-control-label>.fa-circle,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label>.fa-circle,
.custom-radio .custom-control-input~.custom-control-label>.fa-square,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label>.fa-square {
    display: block;
}

.custom-radio .custom-control-input~.custom-control-label::before,
.custom-radio .custom-control-input~.custom-control-label::after,
.custom-radio .custom-control-input:checked~.custom-control-label>.fa-circle,
.custom-radio .custom-control-input~.custom-control-label>.fa-check-circle,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label::before,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label::after,
.custom-checkbox.fa-checkbox .custom-control-input:checked~.custom-control-label>.fa-circle,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label>.fa-check-circle,
.custom-checkbox.fa-checkbox .custom-control-input:checked~.custom-control-label>.fa-square,
.custom-checkbox.fa-checkbox .custom-control-input~.custom-control-label>.fa-check-square {
    display: none;
}

.custom-radio .custom-control-input:checked~.custom-control-label>.fa-check-circle,
.custom-checkbox.fa-checkbox .custom-control-input:checked~.custom-control-label>.fa-check-circle,
.custom-checkbox.fa-checkbox .custom-control-input:checked~.custom-control-label>.fa-check-square {
    display: block;
}

.wrap-need-help {
    display: flex;
    align-items: center;
    width: 100%;
}

.need-help-extend {
    font-weight: normal !important;
    margin-left: 37px;
    font-size: 17px;
}

.wrap-need-help>i.fa {
    color: #dd000e;
}

.wrap-need-help>label {
    margin-bottom: 0;
    margin-left: 3px;
    color: #077bc4;
}

.wrap-need-help .custom-checkbox {
    margin-left: 10px;
}

.icon-need-help {
    color: #ee0e0e;
}

.card-patient-info.is-desktop h4>.icon-need-help {
    font-size: 23px;
}

.card-patient-info.is-desktop h4>.icon-need-help {
    position: absolute;
    margin-left: -36px;
    margin-top: 5px;
}

.doctor-form>.form-group {
    display: flex;
    align-items: center;
}

.doctor-form>.form-group:last-child {
    margin-bottom: 0;
}

.doctor-form>.form-group>label {
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    white-space: nowrap;
}

.setting-form .form-group>label {
    position: relative;
    top: 2px;
}

.card-other-info .setting-form h6 {
    font-size: 19px;
}

.card-other-info .setting-form .form-group {
    margin-bottom: 0.5rem;
}

.card-other-info .setting-form .icon-info {
    margin-left: 5px;
    position: relative;
    top: 2px;
    color: #898a89;
}

.service-form>.form-group>label {
    text-align: right;
    white-space: nowrap;
}

.card-doctor-payment .card-header {
    display: flex;
    align-items: center;
}

.card-doctor-payment .btn-add-payment {
    margin-left: auto;
    order: 1;
}

.service-form .list-service {
    list-style: none;
    padding-left: 0;
}

.service-form .list-service>.item-service {
    display: flex;
    margin-bottom: 10px;
}

.service-form .list-service>.item-service:first-child {
    margin-top: 3px;
}

.service-form .list-service>.item-service:last-child,
.form-group.service-group,
.form-group.chronic-group,
.service-form .list-service {
    margin-bottom: 0;
    user-select: none;
}

.list-service .wrap-description {
    margin-left: 5px;
}

.form-group.service-group,
.form-group.chronic-group {
    margin-bottom: 1rem;
}

.service-form .list-service .wrap-from-trial,
.service-form .list-service .wrap-to-trial {
    display: flex;
    align-items: center;
    padding-right: 0;
}

.service-form .wrap-from-trial #trial_start_date,
.service-form .wrap-to-trial #trial_end_date {
    padding-left: 7px;
    padding-right: 7px;
}

.service-form .list-service .from-label,
.service-form .list-service .to-label {
    margin-right: 8px;
}

.service-form .list-service .item-service-trial {
    padding-right: 0;
    margin-bottom: 10px;
}

.form-group.service-group>label[for="service_name"] {
    padding-top: 0;
}

.service-form .list-service>.item-service>label {
    margin-bottom: 0;
    color: #488dde;
}

.card-doctor .card-header,
.card-service .card-header,
.card-other-info .card-header {
    display: flex;
    align-items: center;
}

.card-doctor .card-header>button,
.card-service .card-header>button,
.card-other-info .card-header>button {
    margin-left: auto;
}

.card-service {
    height: fit-content;
    min-height: 596px;
}

.card-service.is-mode-2 {
    min-height: 590px;
}

.card-doctor .card-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.card-doctor .label-verify,
.card-doctor .label-not-verify {
    font-size: 13px;
    position: absolute;
    right: 17px;
    top: 8px;
    border: 1px solid;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 4px;
    user-select: none;
}

.card-doctor .label-verify {
    color: #00af21;
}

.card-doctor .label-not-verify {
    color: #d47402;
}

.card-doctor .label-verify i,
.card-doctor .label-not-verify i {
    margin-right: 3px;
}

.service-form .wrap-paid {
    color: #19a104;
    font-weight: bold;
}

.service-form>.form-group:last-child,
.service-form .wrap-paid>label,
.service-form .wrap-unpaid>label {
    margin-bottom: 0;
}

.service-form .wrap-unpaid {
    color: #f60b01;
    font-weight: bold;
}

.service-form .status-group {
    margin-bottom: 5px;
}

.service-form .form-group>label {
    text-align: right;
}

.payment-form>.form-group>label {
    text-align: right;
}

.service-group .service-name+.origin-price {
    color: #d76d00;
    margin-left: 8px;
    font-weight: normal;
    font-size: 19px;
}

.service-group .item-service .origin-price:not(.has-sale) {
    font-weight: bold;
}

.service-group .item-service .origin-price.has-sale {
    text-decoration: line-through;
}

.service-group .item-service .sale-price {
    margin-left: 7px;
    font-weight: bold;
}

.service-group .item-service .forever-title {
    color: #0866e5;
    font-weight: bold;
}

.wrap-account-settings #prescription_note {
    min-height: 86px;
}

#tab-account-settings .wrap-introduction-url {
    position: relative;
    top: 2px;
}

.wrap-introduction-url>a {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.wrap-introduction-url {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap-introduction-url>a:last-child {
    margin-left: 15px;
}

#tab-account-settings .mediviet-id,
#tab-account-settings .api-token-text {
    font-weight: bold;
}

#tab-account-settings .api-token-text {
    display: inline-flex;
    align-items: center;
}

#tab-account-settings .api-token-text>span.three-stars {
    height: 17px;
}

#tab-account-settings .mediviet-id {
    color: #0179d0;
    border: 2px solid;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

#tab-prescription .note-group {
    min-width: fit-content;
}

#edit-api-token-modal .modal-body {
    position: relative;
}

#edit-api-token-modal .btn-clear-token {
    position: absolute;
    right: 25px;
    top: 27px;
    color: #cacaca;
    cursor: pointer;
}

#edit-api-token-modal .api-token {
    padding-right: 33px;
}

#tab-account-settings .btn-generate-token {
    position: absolute;
    right: 16px;
    top: 4px;
    height: 30px;
    font-size: 13px;
    line-height: 1;
    padding-left: 7px;
    padding-right: 7px;
}

#tab-account-settings #api_token {
    padding-right: 88px;
}

#tab-account-settings .btn-edit-medivietid,
#tab-account-settings .btn-edit-api-token {
    margin-left: 5px;
    color: #818181;
}

#tab-account-settings .btn-edit-api-token {
    position: relative;
    top: -5px;
}

#tab-service-information .form-group {
    margin-bottom: 5px;
}

#tab-service-information .form-group .trial-date-text,
#tab-service-information .form-group .service-date-text {
    font-weight: bold;
    color: var(--color-primary-light);
    margin: 0;
    padding-left: 0.75rem;
}

#tab-service-information .service-group,
#tab-service-information .start-trial-date {
    margin-bottom: 15px;
}

#tab-checkin-settings,
#tab-work-time,
#tab-service-information,
#tab-change-password,
#tab-account-information {
    margin-bottom: 30px;
}

#tab-2fa .code,
.card-verify-2fa .code,
.card-enable-2fa-patient .code {
    letter-spacing: 2px;
    font-weight: bold;
    color: #0559bd;
    font-size: 19px;
    height: 40px;
}

#tab-2fa .authenticator-link,
.card-verify-2fa .authenticator-link,
.card-enable-2fa-patient .authenticator-link {
    padding-top: 5px;
}

#tab-2fa .authenticator-app,
.card-verify-2fa .authenticator-app,
.card-enable-2fa-patient .authenticator-app {
    text-decoration: none;
    padding-top: 0;
    color: #006bf5;
}

.card-verify-2fa .fa-authenticator:before {
    top: 10px;
}

.card-enable-2fa-patient .code:first-letter {
    letter-spacing: 10px;
}

.card-verify-2fa .button-group {
    margin-bottom: 5px;
}

.card-verify-2fa .text-additional {
    line-height: 1.7;
    user-select: none;
}

#tab-2fa button>i.fa-check {
    margin-right: 4px;
}

#tab-2fa button>i.fa-power-off {
    margin-right: 2px;
}

#tab-2fa>.alert {
    margin: 0 15px 15px;
}

#tab-service-information .service-group>label {
    padding-top: 0;
    text-align: right;
}

#tab-service-information .payment-status {
    font-size: 15px;
    font-weight: normal;
}

#tab-service-information .service-info-section,
#tab-link_accounts .service-info-section,
#tab-acl .service-info-section {
    border: 1px solid #e3e6f0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
}

#tab-service-information .service-info-section-header,
#tab-link_accounts .service-info-section-header,
#tab-acl .service-info-section-header {
    background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
    color: #fff;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.3px;
}

#tab-service-information .service-info-section-header i,
#tab-link_accounts .service-info-section-header i,
#tab-acl .service-info-section-header i {
    font-size: 14px;
    opacity: 0.9;
}

#tab-service-information .service-info-section-body,
#tab-link_accounts .service-info-section-body,
#tab-acl .service-info-section-body,
#tab-sms .service-info-section-body {
    padding: 16px 20px 8px;
    background: #fff;
}

#tab-service-information .service-info-section-body.text-center .service-group {
    text-align: left;
}

#tab-service-information .service-summary-block {
    margin-top: 4px;
}

#tab-service-information .service-summary-block>.form-group:nth-child(2) {
    padding-left: 0.75rem;
}

#tab-service-information .service-info-section-body .col-form-label.text-nowrap,
#tab-link_accounts .service-info-section-body .col-form-label.text-nowrap,
#tab-acl .service-info-section-body .col-form-label.text-nowrap,
#tab-sms .service-info-section-body .col-form-label.text-nowrap {
    white-space: nowrap;
}

#tab-service-information #bank_bin+.select2-container {
    width: 100% !important;
}

#tab-sms .service-info-section {
    border: 1px solid #e3e6f0;
    border-radius: 8px;
    overflow: hidden;
}

#tab-sms .service-info-section-header {
    background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
    color: #fff;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#tab-sms .service-info-section-body {
    padding: 16px 20px 8px;
    background: #fff;
}

#tab-sms .service-info-section-body .form-group {
    margin-bottom: 12px;
}

#tab-sms .service-info-section-body .col-form-label {
    white-space: nowrap;
}

#editRolePermissionsModal .modal-body {
    padding-bottom: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#editRolePermissionsModal .permissions-grid {
    margin-top: 0;
}

#editRolePermissionsModal .permission-group-card {
    height: 100%;
    border: 1px solid #e3e6f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(58, 59, 69, .05);
    overflow: hidden;
}

#editRolePermissionsModal .permission-group-header {
    padding: 14px 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f6ff 100%);
    border-bottom: 1px solid #e3e6f0;
}

#editRolePermissionsModal .permission-group-body {
    padding: 14px 16px;
    display: grid;
    gap: 8px;
}

#editRolePermissionsModal .permission-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

#editRolePermissionsModal .permission-label input[type="checkbox"] {
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 0;
    flex-shrink: 0;
}

#editRolePermissionsModal .permission-label-group input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

#editRolePermissionsModal .permission-label span {
    font-size: 13.5px;
    line-height: 1.4;
}

#editRolePermissionsModal .permission-label-group span {
    font-size: 14px;
    font-weight: 700;
}

#editRolePermissionsModal .permission-item {
    margin-bottom: 0;
    padding: 8px 12px;
    border-radius: 6px;
    background: #f8f9fc;
    border: 1px solid #edf1f7;
}

#editRolePermissionsModal .permission-item:hover {
    background: #f3f7ff;
    border-color: #d8e4fb;
}

#editRolePermissionsModal .btn {
    min-width: 100px;
}

#editRolePermissionsModal .border-top {
    border-top-color: #e3e6f0 !important;
}

#editRolePermissionsModal .wrap-buttons {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    padding-bottom: 8px;
    margin-left: -16px;
    margin-right: -16px;
    padding-right: 15px;
}

.card-patient .wrap-info .icon-need-help {
    font-size: 19px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

.card-invoice-details .btn-group-mdv {
    float: left;
    display: flex;
    align-items: center;
    margin-right: 8px;
    height: 38px;
}

.card-invoice-details .btn-group-mdv.is-trial>.gift-title {
    margin-right: 0;
}

.card-invoice-details .gift-title {
    margin-right: 10px;
    font-weight: bold;
}

.card-invoice-details .gift-title>i {
    color: #ee0e0e;
    margin-right: 3px;
}

.card-invoice-details .btn-group-mdv>button:first-child,
.card-invoice-details .btn-group-mdv.hidden+.btn-discount-doctor {
    margin-left: 0;
}

.card-invoice-details .btn-discount-mdv {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.card-invoice-details .btn-discount-mdv,
.card-invoice-details .btn-discount-doctor {
    height: 38px;
    display: flex;
    align-items: center;
    float: left;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
    border-radius: 4px;
}

.card-invoice-details .btn-discount-doctor.disabled {
    cursor: default;
}

.card-invoice-details .btn-discount-mdv:focus,
.card-invoice-details .btn-discount-doctor:focus {
    box-shadow: none;
}

.card-invoice-details .btn-group-mdv .dropdown-toggle-split {
    margin-left: -2px;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 38px;
}

.card-invoice-details .btn-discount-mdv>.icon-btn,
.card-invoice-details .btn-discount-doctor>.icon-btn {
    border: 1px solid #ccc;
    background-color: transparent !important;
    margin-left: -2px;
}

.card-invoice-details .btn-discount-doctor>.icon-btn {
    border-radius: 5px;
}

.treatment-form .card-invoice-details .card-header {
    display: flex;
}

.card-invoice-details .dental-remain-header,
.card-invoice-details .obstetrics-remain-header {
    margin-left: auto !important;
}

.total_remain_header .remain-invoice {
    color: #ff8787;
}

.card .card-header[data-toggle="collapse"] {
    cursor: pointer;
    height: 53px;
}

.card .card-header[data-toggle="collapse"]>h6 {
    position: relative;
    top: -1px;
}

.card .card-header[data-toggle=collapse].collapsed::after,
.card .card-header[data-toggle=collapse]::after {
    font-size: 24px;
    line-height: 52px;
}

form button[type="submit"]+.btn-cancel {
    margin-left: 6px;
}

form .btn-cancel+button[type="submit"] {
    margin-left: 5px;
}

.billing_labels .discount-mdv-group .input-group-prepend.price-prepend:after,
.billing_labels .discount-doctor-group .input-group-prepend.price-prepend:after {
    content: '-';
    display: inline-block;
    position: absolute;
    left: 40px;
    top: 6px;
    z-index: 99;
}

.billing_labels .gift-group {
    display: flex;
    align-items: center;
}

.treatment-form .card-invoice-details .billing_labels .gift-group {
    margin-top: -3px;
}

.billing_labels .treatment-max {
    font-size: 12px;
    color: #6c6c6c;
    font-family: Arial, sans-serif;
    user-select: none;
    margin-top: -15px;
    display: block;
    padding-left: 3px;
}

.billing_labels .treatment-max>.max-amount {
    margin-left: 5px;
}

.billing_labels #pay_total_remain_checkbox .max-amount {
    position: relative;
    color: #ec0000;
}

.billing_labels #pay_total_remain_checkbox .custom-control-label {
    line-height: 26px;
}

.total_amount_header .total-invoice>sup,
.total_remain_header .remain-invoice>sup,
.card-history .card-header .btn-view-treatment+sup,
.card-history .treatment-table .btn-view-treatment+sup {
    margin-left: 2px;
    color: #353535;
    user-select: none;
    font-size: 12px;
    top: -0.4em;
}

.total_amount_header .total-invoice>sup,
.total_remain_header .remain-invoice>sup {
    margin-left: 0;
    margin-right: 2px;
    top: -0.45em;
}

.card-history .card-header .btn-view-treatment+sup,
.card-history .treatment-table .btn-view-treatment+sup {
    margin-left: 2px;
    top: -0.3em;
}

.input-group-prepend+.btn-clear,
.form-group>.btn-clear,
.re-examination-date>.btn-clear {
    position: absolute;
    right: 7px;
    z-index: 999;
    top: 12px;
    color: #cacaca;
    line-height: 1;
}

.re-examination-date>.btn-clear {
    top: 10px;
}

.re-examination-date>.btn-clear {
    right: 25px;
}

.form-group>.btn-clear {
    right: 21px;
    top: 38px;
}

#create-supply-modal .form-group.name-group>.btn-clear {
    right: 10px;
}

#create-supply-modal .icon-amount-info,
#create-supply-modal .icon-canceled-amount-info,
#create-supply-modal .icon-exported-amount-info {
    margin-left: 5px;
    font-size: 13px;
    color: #568bfb;
    cursor: default;
    display: none;
}

.form-group>.btn-clear+.form-control {
    padding-right: 32px;
}

.input-group-prepend+.btn-clear:hover {
    color: #b8b8b8;
}

.doctor-form .form-group>label[for="discount_max"] {
    white-space: normal;
    padding: 0;
}

.doctor-form .form-group #Email {
    padding-right: 110px;
}

.btn-group-mdv .dropdown-menu .dropdown-item {
    cursor: default;
}

.btn-group-mdv .dropdown-menu .dropdown-item:hover,
.btn-group-mdv .dropdown-menu .dropdown-item:focus {
    background-color: transparent;
    color: #3a3b45;
}

.btn-group-mdv .dropdown-menu .dropdown-item.remain-help {
    color: #f89a01;
}

.btn-group-mdv .dropdown-menu .dropdown-item.current-help {
    color: #00a911;
}

.btn-group-mdv .dropdown-menu>li {
    display: flex;
    align-items: center;
    margin-left: 9px;
}

.btn-group-mdv .dropdown-menu>li>a {
    padding-left: 9px !important;
    padding-right: 10px !important;
}

.btn-group-mdv .dropdown-menu>li>i {
    font-size: 6px;
}

.card-help-prescription .wrap-help-icon {
    display: inline-block;
    margin-left: 3px;
    position: relative;
    top: 6px;
}

.card-help-prescription .total-help {
    color: #ee0e0e;
    margin-bottom: 0;
    position: relative;
    top: 1px;
}

table.dataTable thead>tr>th>i.fas,
table.dataTable>tbody>tr.child span.dtr-title>i.fa-gift {
    margin-right: 4px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 49% !important;
}

table.treatment-plans-table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    margin-top: -12px;
}

table.dataTable thead>tr>th>i.fa-gift,
table.dataTable>tbody>tr.child span.dtr-title>i.fa-gift {
    color: #ee0e0e;
}

.dataTable.dt-responsive thead>tr>th.dtr-control {
    width: 18px !important;
}

table.dt-rowReorder-float tbody>tr>td.dtr-control {
    border-top-width: 0 !important;
    border-right: 0 !important;
}

.wrap-profile-prescription,
.wrap-account-settings,
.wrap-basic-settings,
.wrap-prescription,
.wrap-dental-labo,
.wrap-dental-supply,
.wrap-treatment-in-tab,
.wrap-child-tabs {
    padding: 0;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 14px;
    width: calc(100% - 20px);
    flex: 0 0 auto;
}

.wrap-dental-labo,
.wrap-dental-supply,
.wrap-child-tabs {
    margin-bottom: 0;
}

.wrap-treatment-in-tab {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    width: calc(100% - 25px);
}

.wrap-dental-labo .wrap-tab-buttons,
.wrap-dental-supply .wrap-tab-buttons,
.wrap-child-tabs .wrap-tab-buttons {
    position: absolute;
    right: 0;
}

.wrap-tab-buttons .btn-outline-info,
.wrap-tab-buttons .btn-outline-primary,
.wrap-tab-buttons .btn-outline-secondary,
.wrap-tab-buttons .btn-outline-success,
.wrap-tab-buttons .btn-outline-danger,
.wrap-tab-buttons .btn-outline-warning {
    font-weight: 600;
}

.wrap-tab-buttons>.btn:first-child~.btn,
.wrap-tab-buttons>.btn:first-child~div {
    margin-right: 15px;
}

.wrap-tab-buttons>.btn-export-supply {
    margin-right: 0 !important;
}

.wrap-tab-buttons>.btn>i {
    margin-right: 3px;
}

.wrap-dental-labo .wrap-tab-buttons.is-assistant,
.wrap-dental-labo .wrap-tab-buttons.no-tabs,
.wrap-dental-supply .wrap-tab-buttons.no-tabs,
.wrap-child-tabs .wrap-tab-buttons.no-tabs {
    top: 12px;
}

.wrap-profile-prescription .tab-content>#tab-2,
.wrap-profile-prescription .tab-content>#tab-3,
.wrap-profile-prescription .tab-content>#tab-4,
.wrap-profile-prescription .tab-content>#tab-5,
.wrap-prescription .tab-content>#tab-1,
.wrap-prescription .tab-content>#tab-2,
.wrap-prescription .tab-content>#tab-3,
.wrap-prescription .tab-content>#tab-4,
.wrap-dental-labo .tab-content>#tab-1,
.wrap-dental-labo .tab-content>#tab-2,
.wrap-dental-labo .tab-content>#tab-3,
.wrap-dental-supply .tab-content>#tab-1,
.wrap-dental-supply .tab-content>#tab-2,
.wrap-child-tabs .tab-content>#tab-1,
.wrap-child-tabs .tab-content>#tab-2 {
    min-height: calc(100vh - 210px);
}

.wrap-profile-prescription #myTab .nav-item>a {
    height: 100%;
    display: flex;
    align-items: center;
}

.wrap-employee #myTab .nav-item>a {
    min-height: 49px;
}

.wrap-employee .treatment-table .col-date,
.wrap-employee .obstetrics-table .col-date {
    max-width: 135px;
}

.wrap-employee .obstetrics-table .col-content {
    max-width: 200px;
}

.wrap-prescription .nav-action,
.wrap-dental-labo .nav-action {
    margin-left: auto;
    margin-top: 5px;
    margin-right: 5px;
}

.wrap-prescription .total-all,
.wrap-prescription .total-good,
.wrap-prescription .total-not-answered,
.wrap-prescription .total-answered {
    margin-left: 5px;
    cursor: default;
    user-select: none;
}

.wrap-profile-prescription .table-antibiotics {
    width: fit-content;
    min-width: 600px;
}

.wrap-profile-prescription .table-antibiotics>thead>tr>td,
.wrap-profile-prescription .table-antibiotics>tbody>tr>td:nth-child(2),
.wrap-profile-prescription .table-antibiotics>tbody>tr>td:nth-child(3) {
    white-space: nowrap;
}

.wrap-profile-prescription #tab-2,
.wrap-prescription .tab-content>#tab-1,
.wrap-prescription .tab-content>#tab-2,
.wrap-prescription .tab-content>#tab-3,
.wrap-prescription .tab-content>#tab-4,
.wrap-profile-prescription #tab-3,
.wrap-profile-prescription #tab-4,
.wrap-profile-prescription #tab-5 {
    padding: 0 15px 15px;
}

.wrap-dental-labo .tab-content>#tab-1,
.wrap-dental-labo .tab-content>#tab-2,
.wrap-dental-labo .tab-content>#tab-3,
.wrap-dental-supply .tab-content>#tab-1,
.wrap-dental-supply .tab-content>#tab-2,
.wrap-child-tabs .tab-content>#tab-1,
.wrap-child-tabs .tab-content>#tab-2 {
    padding: 0;
}

.wrap-profile-prescription .table-antibiotics .newest-drug {
    font-weight: bold;
}

.wrap-profile-prescription .table-antibiotics>tbody>tr>td:nth-child(2) {
    text-align: center;
}

.wrap-profile-prescription .table-antibiotics .count-drug {
    margin-left: 5px;
}

.wrap-profile-prescription .table-antibiotics * {
    cursor: default;
}

.wrap-profile-prescription .no-antibiotics {
    font-size: 17px;
    font-weight: bold;
}

.topbar .btn-admin-patient-queue .total-patient-queue {
    position: relative;
    top: 1px;
    font-size: 19px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.card-today-prescription .text-uppercase,
.card-prescription-month .text-uppercase,
.card-prescription-year .text-uppercase {
    white-space: nowrap;
    position: relative;
}

.card-today-prescription .text-uppercase {
    left: -5px;
}

.card-prescription-year .text-uppercase {
    left: -4px;
}

.total_amount_header .total-invoice {
    color: var(--color-info);
}

.select2-container--bootstrap4 .select2-selection--single #select2-DrugName-container {
    line-height: calc(1.5em + .65rem);
}

span.select2-container--bootstrap4 .select2-results__option>.term-value {
    display: inline-block;
    margin: 0 10px 0 0 !important;
}

span.select2-container--bootstrap4 .select2-results__option>.label {
    position: relative;
    top: -1px;
}

span.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    margin-left: -7px;
    border-width: 7px 7px 0;
    border-radius: 4px;
    border-color: #777676 transparent transparent transparent !important;
}

span.select2-container--bootstrap4 .select2-results__option.select2-results__option--highlighted>.label:not(.label-danger) {
    background-color: #fff;
    color: #05a70c;
}

.contact-menu {
    position: fixed;
    bottom: 15px;
    z-index: 999;
}

.contact-menu {
    margin-left: 15px;
}

.contact-menu.is-mobile {
    margin-left: 11px;
}

.contact-menu .zalo {
    display: flex;
    align-items: center;
    background: url("../img/zalo.png") no-repeat center center;
    background-size: contain;
    width: 30px;
    height: 30px;
}

.contact-menu .zalo>a {
    margin-left: 35px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.contact-menu .contact-title {
    color: #fff;
    font-size: 15px;
    margin-bottom: 7px;
}

.contact-menu {
    bottom: 20px;
}

#accordionSidebar.toggled .contact-menu .contact-title,
#accordionSidebar.toggled .contact-menu .contact-group .phone i,
#accordionSidebar.toggled .contact-menu .contact-group .email i {
    color: #117ed9;
    font-weight: bold;
}

.contact-menu>i {
    display: none;
}

.contact-menu .contact-group {
    display: flex;
    align-items: center;
}

.contact-menu .contact-group .phone,
.contact-menu .contact-group .email {
    margin-left: 8px;
}

.contact-menu .contact-group .phone i,
.contact-menu .contact-group .email i {
    font-size: 27px;
    color: #fff;
    position: relative;
    top: 2px;
}

.contact-menu .contact-group .email i {
    font-size: 31px;
}

#tab-checkin-settings .max-time-group {
    display: flex;
}

#tab-checkin-settings .max-time-group label[for="patient_not_examine"] {
    white-space: nowrap;
    font-weight: bold;
    margin-right: 15px;
}

#tab-checkin-settings .api-token-group {
    position: relative;
}

#tab-checkin-settings .api-token-group .btn-generate-token {
    position: absolute;
    right: 17px;
    top: 4px;
    font-size: 13px;
    padding: 4px 7px;
    border-radius: 5px;
}

#tab-checkin-settings .api-token-group .btn-generate-token:focus {
    box-shadow: none;
}

#tab-checkin-settings .api-token-group .form-control {
    padding-right: 90px;
    box-shadow: none !important;
}

.wrap-account-settings .tab-content>.tab-pane,
.wrap-basic-settings .tab-content>.tab-pane {
    margin-top: 30px;
}

.wrap-account-settings .tab-content>.tab-pane.has-error {
    margin-top: 15px;
}

.card-edit-patient .phone-note {
    color: #fb5d70;
    font-size: 14px;
}

#mediviet-buffer {
    display: none;
}

.dataTable>tbody>tr.text-overlap>td {
    padding-top: 13px;
    padding-bottom: 11px;
}

.card-supplies .dataTable>tbody>tr.text-overlap>td {
    padding-top: 17px;
    padding-bottom: 14px;
}

.dataTable>tbody>tr>td .wrap-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dataTable>tbody>tr>td.col-diagnostic>.wrap-diagnostic {
    display: flex;
    align-items: center;
}

.dataTable>tbody>tr>td.col-diagnostic .wrap-icons {
    display: flex;
    margin-left: auto;
    order: 2;
}

.dataTable>tbody>tr>td.col-diagnostic .wrap-icons>.icon-gift,
.dataTable>tbody>tr>td .dtr-data .wrap-icons>.icon-gift:first-child~.icon-gift {
    margin-left: 5px;
}

.dataTable>tbody>tr>td .dtr-data .wrap-icons {
    justify-content: initial;
}

.prescription-table>tbody>tr>td.col-price,
.treatment-table>tbody>tr>td.col-price {
    position: relative;
}

.treatment-table>tbody>tr>td.col-content {
    max-width: 250px;
}

#tbl-obstetrics-treatment>tbody>tr>td.col-content {
    padding-right: 28px;
}

.treatment-table>tbody>tr>td.col-content>.wrap-content,
.treatment-table>tbody>tr>td.col-content>.col-goal {
    white-space: normal;
}

.treatment-table>tbody>tr>td.col-content,
.treatment-table>tbody>tr>td.col-goal {
    min-width: fit-content;
    max-width: 230px;
}

.treatment-table>tbody>tr>td.col-content>.wrap-content>ul,
.treatment-table>tbody>tr>td.col-goal>.wrap-content>ul {
    padding-left: 16px;
    margin-bottom: 0;
}

.treatment-table>tbody>tr>td.col-content>.wrap-content>ul>li:before,
.treatment-table>tbody>tr>td.col-goal>.wrap-content>ul>li:before {
    content: "";
    margin-right: -5px;
}

.treatment-table>tbody>tr>td.col-content>.btn-view-prescription {
    border-radius: 50%;
    width: 30px;
    height: 29px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.prescription-table>tbody>tr .col-price .origin-total,
.treatment-table>tbody>tr .col-price .origin-total {
    text-decoration: line-through;
}

.prescription-table>tbody>tr>td.col-price>.origin-total,
.treatment-table>tbody>tr>td.col-price>.origin-total {
    position: absolute;
    top: 8px;
    right: 4px;
    color: #333;
}

.prescription-table>tbody>tr li.col-price .origin-total,
.treatment-table>tbody>tr li.col-price .origin-total {
    margin-left: 5px;
}

.prescription-table .btn-review {
    padding: 0;
    border: none;
}

.prescription-table .btn-review>i {
    font-size: 29px;
}

.prescription-table .btn-note>i.fas {
    font-size: 25px;
    position: relative;
    top: 1px;
}

.prescription-table .btn-note>i:not(.fas) {
    position: relative;
    top: 1px;
}

.prescription-table .btn-note.btn-disabled {
    cursor: default;
}

#note-modal .wrap-allow-doctor {
    margin: 7px 0 0;
    color: #d7278b;
}

#note-modal .modal-body {
    font-size: 17px;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
}

.prescription-table .btn-review.btn-success,
.prescription-table .btn-review.btn-success:focus {
    color: #1cc88a;
    background-color: transparent;
}

.contact-menu {
    bottom: 15px;
    background-color: #fff;
    border-radius: 50%;
    padding: 4px 8px;
    -webkit-box-shadow: 0 2px 11px 2px rgb(0 0 0 / 52%);
    box-shadow: 0 2px 11px 2px rgb(0 0 0 / 52%);
    cursor: pointer;
    z-index: 9999;
}

.contact-menu.opened {
    border-radius: 25px;
    padding: 4px 10px;
    -webkit-box-shadow: 0 2px 15px 3px rgb(0 0 0 / 52%);
    box-shadow: 0 2px 15px 5px rgb(0 0 0 / 52%);
}

.contact-menu .contact-title,
.contact-menu .contact-group,
.contact-menu.opened>i {
    display: none;
}

.contact-menu.opened .contact-group {
    transition: 1s;
    display: flex !important;
}

.contact-menu:not(.opened)>i {
    display: block;
}

.contact-menu .zalo {
    width: 27px;
    height: 27px;
}

.contact-menu .contact-group .phone i {
    font-size: 24px;
}

.contact-menu .contact-group .email i {
    font-size: 29px !important;
}

.contact-menu .contact-group .email i,
.contact-menu .contact-group .phone i {
    color: #117ed9;
    font-weight: bold;
}

.dropdown-menu .wrap-mediviet-id {
    padding-left: 22px;
    padding-top: 3px;
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
    font-size: 16px;
    user-select: none;
    color: var(--color-primary);
    font-weight: bold;
    cursor: default;
}

.profile-dropdown .dropdown-item,
.profile-dropdown .dropdown-item>i {
    color: #000;
}

.profile-dropdown .dropdown-item {
    font-size: 16px;
}

.profile-dropdown .dropdown-item>i {
    font-size: 14px;
}

.dropdown-menu .wrap-mediviet-id .mediviet-id {
    font-weight: bold;
    margin-left: 5px;
    border: 2px solid;
    padding: 0 6px 0 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: -1px;
}

.table-filter>.dataTables_wrapper>.row>div:not(.dt-stats):nth-child(2) {
    display: flex;
    justify-content: right;
}

.table-filter>.dataTables_wrapper>.row>div.dt-stats {
    display: flex;
    padding: 0;
}

.appointment-table .date-filter,
.has-date-filter .date-filter,
.datepicker-table .date-filter {
    margin-right: 15px;
    max-width: 235px;
}

.treatment-employee .date-filter {
    margin-bottom: 0;
}

.treatment-employee.is-mobile .date-filter {
    margin-bottom: 0.2rem;
}

.date-filter.has-clear {
    max-width: 253px;
}

.date-filter.has-clear .form-control {
    padding-right: 29px;
}

.date-filter.has-clear .btn-clear {
    top: 8px;
    right: 8px;
}

.has-date-filter.is-mobile .date-filter {
    display: flex;
    align-items: center;
}

.has-date-filter .date-filter .date-title {
    margin-right: 5px;
}

.appointment-table .date-filter .form-control,
.datepicker-table .date-filter .form-control,
.has-date-filter .date-filter .form-control {
    height: 31px;
    font-size: 15px;
    border-top-right-radius: 0.18rem;
    border-bottom-right-radius: 0.18rem;
}

.has-date-filter .date-filter .input-group-text,
.table-custom .date-filter .input-group-text {
    height: 31px;
}

.appointment-table .date-filter .form-control:focus,
.datepicker-table .date-filter .form-control:focus,
.has-date-filter .date-filter .form-control:focus,
.dataTables_filter .form-control:focus,
.dataTables_status_filter .form-control:focus,
.dataTables_doctor_filter .form-control:focus,
.dataTables_review_filter .form-control:focus,
.dataTables_promise_date_filter .form-control:focus,
.dataTables_dropdown_filter .form-control:focus,
.dataTables_content_filter .form-control:focus {
    box-shadow: none;
}

.appointment-table .date-filter.input-group>.input-group-text,
.datepicker-table .date-filter.input-group>.input-group-text,
.has-date-filter .date-filter.input-group>.input-group-text {
    padding: 0.375rem 0.55rem;
    border-top-left-radius: 0.18rem;
    border-bottom-left-radius: 0.18rem;
}

.appointment-page .wrap-birthday-gender {
    white-space: nowrap;
}

.appointment-page .wrap-birthday-gender .icon-gender {
    font-size: 18px;
    margin-left: 8px;
    position: relative;
    top: -3px;
}

.appointment-page .card-patient .wrap-patient-info {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 12px;
}

.appointment-page .datepicker,
.datepicker-group .datepicker,
.date-group .datepicker,
body>.datepickers-container .datepicker {
    font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 16px;
    color: #313235;
}

.appointment-page .datepicker,
.datepicker-group .datepicker {
    width: calc(100% - 2px);
}

.datepicker-group .input-group-append>.btn>i.fa-arrow-left,
.datepicker-group .input-group-append>.btn>i.fa-arrow-right {
    position: relative;
    top: 1px;
}

.datepicker-group .input-group-append.disabled>.btn {
    cursor: default;
}

.datepicker--cell:not(.-disabled-),
.datepicker--cell.-current-:not(.-disabled-) {
    color: #000;
}

.datepicker .datepicker--cell.-current- {
    color: #4EB5E6;
}

.datepicker--cell.-focus-.-disabled- {
    background: transparent;
    pointer-events: none;
    cursor: default;
}

.datepicker--cell.-current-.-disabled- {
    cursor: default;
    color: #aeaeae;
}

.datepicker--cell.-current-::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    margin-top: 11px;
    border-radius: 50%;
    background-color: currentColor;
    transform: translate(-50%, -50%);
}

.datepicker--cell.-appointment-::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 51%;
    width: 6px;
    height: 6px;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #a1a1a1;
    transform: translate(-50%, -50%);
}

.datepicker--cell.-appointment-.-selected-::after {
    background-color: #fff;
}

.card-appointment-date .datepicker--cell.-current-:not(.-appointment-)::after {
    display: none;
}

.datepicker--cell.-current-.-disabled-:not(.-selected-):hover {
    color: #aeaeae;
}

.datepicker--cell.-selected- {
    background: #0e76d6 !important;
    color: #fff;
}

.card-appointment-date .datepicker .datepicker--cell.-current- {
    color: #4EB5E6 !important;
    font-weight: bold;
}

.card-appointment-date .datepicker-inline .datepicker .datepicker--cell.-selected- {
    color: #fff !important;
}

.datepicker-inline .datepicker--cell-day {
    max-width: 32px;
    margin: 0 calc((14.28571% - 32px) / 2);
}

.datepicker--cell-day {
    border-radius: 50% !important;
}

.appointment-page.v2 .datepicker-inline .datepicker--cell-day {
    max-width: 33px;
}

.appointment-page.v2 .datepicker-inline .datepicker--cells {
    padding-left: 2px;
    justify-content: space-between;
}

.datepicker--cell.-focus- {
    background: #e3e3e3;
}

.daterangepicker td.active.off,
.daterangepicker td.active.off:hover {
    background-color: var(--color-primary);
    border-color: transparent;
    color: #fff;
}

.daterangepicker.single .ranges>ul>li:last-child {
    border-right: 1px solid #ddd;
    margin-right: -1px;
}

.daterangepicker.single .ranges li:not(.active) {
    color: #1981b9;
}

.appointment-page .card-body>.form-group:last-child {
    margin-bottom: 0;
}

.datepicker-group .datepicker-inline {
    margin-top: 10px;
}

.datepicker-group .input-group-append>button {
    background-color: #fff;
}

div.datepicker--day-name {
    color: var(--color-primary);
    cursor: default;
}

div.datepicker--cell-day.-other-month-,
div.datepicker--cell-year.-other-decade- {
    color: #a9a9a9;
}

div.datepicker--cell-day.-other-month-:hover,
div.datepicker--cell-year.-other-decade-:hover {
    color: #7a7a7a;
}

div.datepicker--cell.-focus- {
    background: #e4e4e4;
}

.appointment-page .datepicker .datepicker--day-name,
.appointment-page .datepicker .datepicker--nav,
.datepicker-group .datepicker .datepicker--day-name,
.datepicker-group .datepicker .datepicker--nav,
body>.datepickers-container .datepicker .datepicker--day-name,
body>.datepickers-container .datepicker .datepicker--nav,
.date-group .datepicker .datepicker--day-name,
.date-group .datepicker .datepicker--nav {
    font-size: 16px;
    font-weight: bold;
}

body>.datepickers-container {
    z-index: 1054;
}

body>.gj-picker {
    z-index: 1055;
    opacity: 1;
    font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 1rem !important;
    width: auto !important;
}

.appointment-page .date-group .form-control,
.datepicker-group .form-control:nth-child(2) {
    border-top-right-radius: 0.35rem !important;
    border-bottom-right-radius: 0.35rem !important;
}

.appointment-page .date-group .btn,
.datepicker-group .btn {
    border: 1px solid #ced4da;
    height: 38px;
}

.appointment-page .date-group .btn,
.datepicker-group .input-group-append:first-child>.btn {
    border-top-left-radius: 0.35rem !important;
    border-bottom-left-radius: 0.35rem !important;
}

.datepicker-group .input-group-append:nth-child(2)>.btn {
    border-top-right-radius: 0.35rem !important;
    border-bottom-right-radius: 0.35rem !important;
}

.datepicker-group .input-group-append:nth-child(2) {
    margin-left: 0;
}

.datepicker-group .datepicker-inline {
    width: calc(100% - 7px);
}

.datepicker-group .datepicker--content {
    display: block;
}

.appointment-page .date-group .far,
.datepicker-group .far {
    font-size: 21px;
    position: relative;
    top: 1px;
}

.datepicker-group:not(.date-filter)>.icon-datepicker.pointer>.far {
    top: -1px;
}

.datepicker-group.date-filter .far {
    font-size: 17px;
    top: 0;
}

.form-control[readonly="readonly"]:focus,
.appointment-page .date-group .btn:focus,
.datepicker-group .btn:focus {
    box-shadow: none;
}

.form-control[readonly="readonly"]:focus {
    border-color: var(--border-input);
}

.appointment-page .date-group .btn:hover,
.datepicker-group .btn:hover {
    background-color: #fff;
    color: var(--text-muted);
}

.appointment-page .wrap-notes>.alert,
.card-available-times .card-body .alert-empty {
    color: #834b13;
    background-color: #fcffaf;
    border-color: #fdad10;
    margin-bottom: 0;
}

.appointment-page .wrap-notes>.alert {
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
}

.appointment-page .wrap-notes>.alert>.fa-note {
    width: 8px;
}

#RDVModalSubmit #doctor_name,
#RDVModalSubmit #patient_name {
    color: #000;
}

#RDVModalSubmit #patient_name {
    text-transform: uppercase;
}

#RDVModalSubmit #rdv_date,
#RDVModalSubmit #rdv_start_time,
#RDVModalSubmit #rdv_end_time {
    padding: 7px 15px;
    border: 1px solid var(--border-input);
    border-radius: 5px;
    cursor: text;
}

#RDVModalSubmit #rdv_date:focus,
#RDVModalSubmit #rdv_start_time:focus,
#RDVModalSubmit #rdv_end_time:focus,
#RDVModalSubmit #rdv_date.focused,
#RDVModalSubmit #rdv_start_time.focused,
#RDVModalSubmit #rdv_end_time.focused {
    border-color: #2f9fff;
}

#RDVModalSubmit #rdv-date+.datepicker {
    top: 14px !important;
}

#RDVModalSubmit .wrap-time {
    display: flex;
    align-items: center;
}

#RDVModalSubmit .wrap-time .hyphen {
    padding: 0 8px;
}

#RDVModalSubmit .wrap-time .start-dropdown,
#RDVModalSubmit .wrap-time .end-dropdown {
    position: relative;
}

#RDVModalSubmit .wrap-time .start-dropdown .dropdown-menu,
#RDVModalSubmit .wrap-time .end-dropdown .dropdown-menu {
    margin-top: 6px;
    font-size: 15px;
    min-width: 90px;
    max-height: 227px;
    overflow: auto;
}

#RDVModalSubmit .wrap-time .dropdown-item {
    cursor: pointer;
    padding: .55rem 15px;
    font-weight: 500;
    font-size: 1rem;
    background-color: #fff !important;
    color: #1e1e1e;
}

#RDVModalSubmit .wrap-time .dropdown-item:hover,
#RDVModalSubmit .wrap-time .dropdown-item.hover {
    background-color: #DCE1E6 !important;
    color: #1e1e1e !important;
}

#RDVModalSubmit .wrap-time .dropdown-item>.duration {
    color: #6f7e8b;
}

#RDVModalSubmit .time-group>th,
#RDVModalSubmit .time-group>td,
#RDVModalSubmit .date-group>th,
#RDVModalSubmit .date-group>td {
    padding-top: 17px;
}

#RDVModalSubmit .time-group>th,
#RDVModalSubmit .time-group>td {
    padding-top: 23px;
}

.card-available-times .card-body>.form-group>.alert-note {
    margin-bottom: 0;
}

.card-available-times .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-available-times .card-header .wrap-time-slot {
    display: flex;
    align-items: center;
    font-weight: bold;
    white-space: nowrap;
    min-width: 120px;
}

.card-available-times .card-header .wrap-time-slot .time-slot {
    color: var(--color-danger-text);
    border: 1px dashed;
    padding: 1px 3px 0;
    background-color: #fff;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
}

.card-available-times .card-header>h6 {
    border: 1px solid transparent;
}

.card-available-times .card-header .wrap-time-slot>label {
    margin-bottom: 0;
}

.appointment-page .note {
    font-size: 15px;
}

.appointment-table .btn-status {
    width: 144px;
    justify-content: left;
}

.appointment-table .btn-status[disabled],
.appointment-table .btn-status.disabled {
    opacity: 0.2;
}

.appointment-table .btn-status .icon {
    width: 30px;
}

.appointment-page .note>.wrap-box,
.card-available-times .wrap-box,
.card-legend .wrap-box {
    display: flex;
    align-items: center;
    user-select: none;
}

.card-available-times .note>.wrap-box:nth-child(2) {
    margin-left: auto;
}

.appointment-page .note>.wrap-box>.green-box,
.appointment-page .note>.wrap-box>.blue-box,
.appointment-page .note>.wrap-box>.danger-box,
.card-available-times .wrap-box>.green-box,
.card-available-times .wrap-box>.danger-box,
.card-legend .wrap-box>.legend-box {
    width: 25px;
    height: 17px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 5px;
}

.card-available-times .wrap-box>.green-box,
.card-available-times .wrap-box>.danger-box {
    opacity: 0.6;
}

.appointment-page hr {
    margin-top: 12px;
    margin-bottom: 12px;
}

.appointment-page .note>.wrap-box>.green-box,
.card-available-times .wrap-box>.green-box {
    background-color: #1fc323;
    border-color: #07d90d;
}

.appointment-page .note>.wrap-box>.blue-box {
    background-color: var(--color-primary);
    border-color: var(--color-primary-light);
}

.appointment-page .note>.wrap-box>.danger-box,
.card-available-times .wrap-box>.danger-box {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.appointment-page .date-group {
    margin-bottom: 10px;
}

.appointment-page.v1 .datepicker-inline {
    margin-top: 10px;
}

.appointment-page.v2 .card-appointment-date .card-body {
    padding: 0;
}

.appointment-page.v2 .card-legend .card-body {
    padding: 15px;
}

#EDITRDVModal #patient_name {
    font-weight: normal;
}

.dataTables_status_filter,
.dataTables_doctor_filter,
.dataTables_review_filter,
.dataTables_content_filter,
.dataTables_promise_date_filter,
.dataTables_dropdown_filter {
    margin-right: 15px;
}

.card-analytics .dataTables_review_filter {
    margin-right: 0;
}

.dataTables_status_filter>.status-filter,
.dataTables_doctor_filter>.doctor-filter,
.dataTables_review_filter>.review-filter,
.dataTables_content_filter>.content-filter,
.dataTables_promise_date_filter>.promise-date-filter,
.dataTables_dropdown_filter>.dropdown-filter {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.card-analytics .dataTables_review_filter>.review-filter {
    justify-content: right;
}

.dataTables_status_filter>.status-filter>select,
.dataTables_doctor_filter>.doctor-filter>select,
.dataTables_review_filter>.review-filter>select,
.dataTables_content_filter>.content-filter>select,
.dataTables_promise_date_filter>.promise-date-filter>select,
.dataTables_dropdown_filter>.dropdown-filter>select {
    margin-left: 5px;
    height: 31px;
    font-size: 15px;
    padding: 4px 7px 3px;
}

.dataTables_content_filter {
    display: flex;
}

.dataTables_content_filter>.content-filter {
    margin-right: 10px;
}

.dataTables_content_filter .select2 {
    min-width: 200px;
}

.dataTables_content_filter .select2,
.dataTables_content_filter .select2 .select2-selection--single,
.dataTables_content_filter .select2 .select2-selection__rendered {
    height: 31px !important;
}

.dataTables_content_filter .select2,
.dataTables_content_filter .select2 .select2-selection--single,
.dataTables_content_filter .select2 .select2-selection__rendered {
    line-height: 30px !important;
}

.dataTables_content_filter span.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 20px;
    padding-left: 8px;
}

.select2-container .select2-selection--single .select2-selection__clear {
    margin-left: 10px;
}

.dataTables_content_filter .select2-container .select2-selection--single .select2-selection__clear {
    margin-left: 6px;
    margin-top: 8px;
}

.coadjutor+.select2-container .select2-selection--single .select2-selection__clear,
.coadjutor-1+.select2-container .select2-selection--single .select2-selection__clear,
.coadjutor-2+.select2-container .select2-selection--single .select2-selection__clear {
    margin-left: 0.3em;
    margin-right: 1px;
}

.select2-container--open {
    z-index: 1053;
}

.select2-container--open.select2-dental-content {
    border-top: 2px solid #d8d8d8;
    margin-top: -1px;
}

.wrap-employee .select2-container--open.select2-dental-content {
    border-top: 1px solid #d8d8d8;
    margin-top: -1px;
}

.dataTables_content_filter .select2 .select2-selection__rendered {
    font-size: 15px;
}

.dataTables_content_filter .select2 .select2-selection__rendered .select2-selection__placeholder {
    line-height: 1;
}

.card-analytics .dataTables_review_filter>.review-filter>select {
    width: auto;
}

#tab-checkin-settings .wrap-qrcodes {
    position: absolute;
    right: 15px;
    top: -13px;
}

#tab-checkin-settings .wrap-qrcodes>.btn-group:nth-child(2) {
    margin-left: 3px;
}

#tab-checkin-settings .wrap-qrcodes #btn-group-checkin>i,
#tab-checkin-settings .wrap-qrcodes #btn-group-appointment>i {
    margin-right: 5px;
    position: absolute;
    left: 3px;
    top: 1px;
}

.doctor-setting #w-qrcode {
    text-align: center;
    padding: 40px 100px;
    background-color: #fff;
}

.doctor-setting #w-qrcode #qrcode {
    border: 7px solid #166699;
    padding: 2px;
    border-radius: 13px;
}

.doctor-setting #w-qrcode #qr-text-1,
.doctor-setting #w-qrcode #qr-text-2 {
    font-size: 43px;
    color: #000;
    font-weight: bold;
}

.doctor-setting #w-qrcode.print #qr-text-1,
.doctor-setting #w-qrcode.print #qr-text-2 {
    font-size: 58px;
}

.doctor-setting #btn-group-checkin,
.doctor-setting #btn-group-appointment {
    padding-left: 37px;
    padding-right: 1px;
    border-radius: 7px;
}

.doctor-setting #btn-group-checkin::after,
.doctor-setting #btn-group-appointment::after {
    position: relative;
    top: 2px;
    left: -4px;
}

.doctor-setting #btn-group-checkin+.dropdown-menu>.dropdown-item,
.doctor-setting #btn-group-excel+.dropdown-menu>.dropdown-item {
    font-weight: bold;
    color: #16243d;
}

.doctor-setting #btn-group-checkin+.dropdown-menu>.dropdown-item>.fa-download,
.doctor-setting #btn-group-appointment+.dropdown-menu>.dropdown-item>.fa-download,
.doctor-setting #btn-group-excel+.dropdown-menu>.dropdown-item>.fa-file-excel {
    font-size: 17px;
    margin-right: 5px;
    color: #085198;
}

.doctor-setting #btn-group-excel+.dropdown-menu>.dropdown-item>.fa-file-excel {
    font-size: 20px;
}

.doctor-setting #btn-group-checkin+.dropdown-menu>.dropdown-item:hover,
.doctor-setting #btn-group-appointment+.dropdown-menu>.dropdown-item:hover,
.doctor-setting #btn-group-excel+.dropdown-menu>.dropdown-item:hover {
    background-color: #3163f4;
}

.doctor-setting #btn-group-checkin+.dropdown-menu>.dropdown-item:hover,
.doctor-setting #btn-group-checkin+.dropdown-menu>.dropdown-item:hover>.fa-download,
.doctor-setting #btn-group-appointment+.dropdown-menu>.dropdown-item:hover,
.doctor-setting #btn-group-appointment+.dropdown-menu>.dropdown-item:hover>.fa-download,
.doctor-setting #btn-group-excel+.dropdown-menu>.dropdown-item:hover,
.doctor-setting #btn-group-excel+.dropdown-menu>.dropdown-item:hover>.fa-file-excel {
    color: #fff;
}

.doctor-setting #btn-group-checkin+.dropdown-menu>#print-qr-checkin,
.doctor-setting #btn-group-appointment+.dropdown-menu>#print-qr-checkin,
.doctor-setting #btn-group-excel+.dropdown-menu>#export-csv {
    display: flex;
    align-items: center;
}

.doctor-setting #btn-group-checkin+.dropdown-menu>.dropdown-item>.fa-print-1,
.doctor-setting #btn-group-appointment+.dropdown-menu>.dropdown-item>.fa-print-1,
.doctor-setting #btn-group-excel+.dropdown-menu>.dropdown-item>.fa-file-csv-1 {
    position: relative;
    left: -2px;
    margin-right: 3px;
}

.doctor-setting #btn-group-checkin+.dropdown-menu>.dropdown-item:hover>.fa-print-1:before,
.doctor-setting #btn-group-appointment+.dropdown-menu>.dropdown-item:hover>.fa-print-1:before {
    background-image: url(../img/print-white.svg);
}

.doctor-setting .print-qrcode {
    display: none;
}

.doctor-setting #btn-group-excel+.dropdown-menu>.dropdown-item:hover>.fa-file-csv-1:before {
    background-image: url(../img/file-csv-white.svg);
}

.doctor-setting #btn-group-excel>.fa-file-excel {
    font-size: 18px;
    margin-right: 4px;
    position: relative;
    top: 2px;
}

.doctor-setting #btn-group-excel.dropdown-toggle::after {
    position: relative;
    top: 2px;
}

.doctor-setting #tab-data {
    min-height: calc(100vh - 130px);
}

.doctor-setting #tab-data .btn-export-sql {
    margin-left: 5px;
}

.doctor-setting #tab-data .btn-export-xls>i {
    font-size: 18px;
    position: relative;
    top: 2px;
}

.doctor-setting #tab-data .wrap-import {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.doctor-setting #tab-data .file-name {
    color: #ef6001;
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
    user-select: none;
    margin-bottom: 0;
}

.doctor-setting #tab-data .arrow-icon {
    font-size: 38px;
    line-height: 1;
    margin: 0 15px;
    color: #939393;
    user-select: none;
}

#confirm-review-modal .modal-dialog {
    min-width: fit-content;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #b7b9cc;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:not(:disabled):checked:active~.custom-control-label::before {
    color: #fff;
    border-color: var(--color-primary-light);
    background-color: var(--color-primary-light);
}

#note-modal .comment-actions {
    display: flex;
    font-size: 14px;
    list-style: none;
    margin: 7px 0 0 7px;
    padding: 0 0 5px 0;
}

#note-modal .comment-actions>li>a,
#note-modal .author-link {
    text-decoration: none;
}

#note-modal .comment-actions>li>i,
#note-modal .comment-actions>li>a {
    color: #adaaa7;
}

#note-modal .comment-actions>li>a {
    font-size: 15px;
}

#note-modal .delete-wrap,
#note-modal .date-wrap {
    margin-left: 20px;
}

#note-modal .author-link,
#note-modal .author-name,
#note-modal .new-comment .author-name,
#note-modal .new-card-comment .author-name {
    font-weight: bold;
    color: var(--color-primary-light);
    text-decoration: none;
}

#note-modal .new-comment .author-name {
    font-size: 15px;
    cursor: default;
    user-select: none;
}

#note-modal .new-comment .edit-actions {
    width: 100%;
    text-align: right;
    margin-top: 0;
    float: initial;
}

#note-modal .author-link,
#note-modal .card .card-header .author-name {
    margin-right: 5px;
}

#note-modal .wrap-author>time {
    margin-left: 5px;
    cursor: default;
}

#note-modal .wrap-comments>.card:last-child {
    margin-bottom: 0 !important;
}

#note-modal .new-comment textarea {
    width: 100%;
    height: 36px;
    overflow: hidden;
    padding: 6px 12px;
    border-radius: 4px;
    line-height: 22px;
    border: 1px solid #DFE1E6;
    resize: none;
}

#note-modal .new-comment textarea:focus {
    outline: none;
}

#note-modal .new-comment textarea,
#note-modal .note-description,
#note-modal .comment-description {
    font-size: 16px;
}

#note-modal .new-comment textarea.has-content {
    border-color: #cdcdcd;
}

#note-modal .card .card-header {
    display: flex;
    align-items: center;
    color: #a1a1a1;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#note-modal .card .dropdown-toggle {
    padding: 0;
    position: relative;
    top: 1px;
}

#note-modal .card>.card-header .dropdown {
    margin-left: auto;
}

#note-modal .card>.card-header .dropdown-menu {
    min-width: 7rem;
}

#note-modal .card>.card-body {
    padding: 0.7rem;
}

#note-modal .dropdown-item {
    padding: 0.25rem 0.8rem;
    font-size: 15px;
}

#note-modal .card .card-header .dropdown .dropdown-menu {
    border-color: #d0d7de;
    box-shadow: 0 8px 24px rgba(140, 149, 159, 0.2);
}

#note-modal .card .card-header .dropdown .dropdown-menu .dropdown-divider {
    border-color: #d0d7de;
    margin: 0.3rem 0;
}

#note-modal .card .card-header .wrap-author {
    display: flex;
    align-items: center;
    user-select: none;
}

#note-modal .card .card-header .author-name {
    margin-right: 7px;
}

#note-modal .card .dropdown-item:active,
#note-modal .card .dropdown-item:active>i {
    color: #fff !important;
}

#delete-comment-modal,
#confirm-view-note-modal {
    z-index: 1052;
}

.modal-backdrop.show+.modal-backdrop.show {
    z-index: 1051;
}

.modal.show+.modal.show,
.modal.show+.modal+.modal.show {
    z-index: 1052;
}

#note-modal .wrap-allow-doctor label {
    font-size: 15px;
    padding-bottom: 0;
}

#note-modal .card-note .wrap-allow-doctor .col-form-label {
    user-select: none;
}

#note-modal .wrap-allow-doctor .custom-control-label::before,
#note-modal .wrap-allow-doctor .custom-control-label::after {
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer;
}

#note-modal .wrap-allow-doctor .custom-checkbox .custom-control-label::before,
#note-modal .wrap-allow-doctor .custom-checkbox .custom-control-label::after {
    top: 0.37rem;
}

#note-modal .wrap-allow-doctor .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-size: 13px;
}

#confirm-view-note-modal .modal-dialog {
    width: fit-content;
}

.text-overflow {
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-overflow:not(.shown) {
    text-overflow: ellipsis;
    display: -webkit-box;
}

.btn-overflow {
    display: none;
    font-size: 15px;
    border-bottom: 1px dashed;
    line-height: 1.2;
}

.btn-overflow:hover {
    text-decoration: none;
}

#note-modal .edit-actions,
#note-modal .card-note+.new-comment {
    margin-top: 10px;
}

#note-modal .edit-actions {
    float: right;
}

#note-modal .edit-actions>.btn-cancel {
    margin-right: 5px;
    border-color: #888888;
    color: #333;
}

#note-modal .edit-actions>.btn-cancel:hover {
    color: #fff;
}

#note-modal textarea.form-control:focus {
    border-color: var(--border-input);
    outline: 0;
    box-shadow: none;
    color: var(--text-main);
}

#note-modal .card-note.no-child {
    margin-bottom: 0 !important;
}

#note-modal .card-note.no-child.is-answering {
    margin-bottom: 16px !important;
}

#note-modal .card-comment+.new-comment {
    margin-top: -3px;
}

.card-not-answered-prescription .total-note {
    color: #3faf7d;
    margin-bottom: 0;
    position: relative;
    top: 1px;
}

.card-not-answered-prescription .card-header .fa-comment-alt-check {
    float: left;
}

.card-not-answered-prescription .card-header .fa-comment-alt-check::before {
    top: 2px;
    height: 22px;
    width: 27px;
}

.card .comment,
.edit-comment .comment,
#note-modal .note {
    min-height: 86px;
}

#note-modal #new_comment:focus {
    min-height: 70px;
}

.card-comment {
    border-color: #90c7fb;
    border-radius: 10px;
}

.card-comment>.card-header {
    border-bottom-color: #90c7fb;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#note-modal .card-comment {
    border-color: #90c7fb;
}

#note-modal .card-comment>.card-header {
    background-color: #e6edff;
    color: #4386bc;
    border-bottom-color: #90c7fb;
}

#note-modal .card-doctor {
    border-color: #92f972;
    border-radius: 10px;
}

#note-modal .card-doctor>.card-header {
    border-bottom-color: #92f972;
    background-color: #ceffb8;
}

#note-modal .card-doctor .card-header .wrap-author {
    color: #36982a;
}

#note-modal .card-doctor .card-header .author-name {
    color: #0c9812;
}

#note-modal .card-comment .card-actions,
#note-modal .card-doctor .card-actions {
    display: flex;
    margin-left: auto;
}

#note-modal .card-comment .card-actions .divider,
#note-modal .card-doctor .card-actions .divider,
#card-treatment .top-button-group .divider,
#card-treatment-goal .top-button-group .divider {
    height: 15px;
    border: 1px solid #d2d2d2;
    margin: 0 9px;
    top: 4px;
    position: relative;
    user-select: none;
    width: 1px;
}

#card-treatment .top-button-group .divider,
#card-treatment-goal .top-button-group .divider {
    margin: 0 0 0 4px;
}

#note-modal .card-comment .card-actions>a:hover,
#note-modal .card-comment .card-actions>a:focus,
#note-modal .card-doctor .card-actions>a:hover,
#note-modal .card-doctor .card-actions>a:focus {
    color: #3a3b45 !important;
}

#note-modal .card-comment .card-actions .btn-answer:hover,
#note-modal .card-doctor .card-actions .btn-answer:hover {
    text-decoration: none;
}

#note-modal .card-comment .card-actions .btn-answer>i,
#note-modal .card-doctor .card-actions .btn-answer>i {
    margin-right: 2px;
}

#inventory-form .fa-info-circle {
    margin-left: 8px;
    color: #a0a0a0;
}

#inventory-form .btn-add-drug {
    margin-left: auto;
    display: flex;
    align-items: center;
    height: 28px;
    width: 28px;
}

#inventory-form .drug-group {
    position: relative;
}

#inventory-form .btn-add-drug>i {
    font-size: 18px;
}

#inventory-form select.drug+.select2 .select2-selection>.select2-selection__rendered {
    padding-right: 33px;
}

#inventory-form select.drug+.select2 .select2-selection>.drug-content {
    max-width: calc(100% - 110px);
}

#inventory-form select.drug+.select2 .select2-selection .drug-name {
    max-width: calc(100% - 63px);
}

#add-drug-modal .wrap-drug-name {
    position: relative;
}

#add-drug-modal .wrap-drug-name>.btn-clear,
.datepicker-group>.btn-clear {
    position: absolute;
    right: 9px;
    top: 8px;
    color: #cacaca;
}

.date-group>.btn-clear {
    position: absolute;
    right: 9px;
    top: 8px;
    color: #cacaca;
}

#add-drug-modal .wrap-drug-name>.btn-clear:hover,
.datepicker-group>.btn-clear:hover,
.date-group>.btn-clear:hover {
    color: #969696;
}

#add-drug-modal .wrap-drug-name #drug_name {
    padding-right: 32px;
}

#card-treatment .tooth+.select2,
#card-treatment .made-by+.select2,
#card-treatment-goal .made-by+.select2,
#card-treatment .coadjutor-1+.select2,
#card-treatment .coadjutor-2+.select2,
#card-treatment .coadjutor+.select2,
#card-labo .tooth+.select2 {
    min-width: 130px;
}

#card-treatment .made-by+span.select2-container .select2-selection--single .select2-selection__clear,
#card-treatment-goal .made-by+span.select2-container .select2-selection--single .select2-selection__clear,
#card-treatment .tooth+span.select2-container .select2-selection--single .select2-selection__clear,
#card-treatment .dental-lab+span.select2-container .select2-selection--single .select2-selection__clear,
#card-labo .tooth+span.select2-container .select2-selection--single .select2-selection__clear {
    margin-right: 1px;
    margin-left: 5px;
}

#card-treatment .dental-lab+.select2 {
    min-width: 138px;
}

#card-labo .labo-item+.select2 {
    min-width: 200px;
}

.v-pills-treatments .wrap-buttons {
    margin-top: -50px;
    position: absolute;
    right: 11px;
}

.v-pills-treatments .wrap-buttons>.date-filter+.btn {
    white-space: nowrap;
}

#card-treatment .row-tooth>.col-auto:nth-child(2),
#card-treatment-goal .row-tooth>.col-auto:first-child,
#card-labo .row-tooth>.col-auto:nth-child(2),
#card-supply .col-supply {
    flex-grow: 1;
}

#card-treatment .row-tooth>.col-content,
#card-treatment-goal .row-tooth>.col-content {
    position: relative;
}

#card-treatment .row>.col-cost,
#card-treatment-goal .row>.col-cost,
#card-labo .row>.col-amount,
#card-supply .row>.col-amount {
    width: 200px;
}

#card-treatment .row-additional>.col-note,
#card-treatment-goal .row-additional>.col-note,
#card-treatment .row-obstetrics .col-content {
    flex-grow: 1;
}

span.select2-container--bootstrap4 .select2-results>.select2-results__options[id^="select2-tooth"] {
    max-height: 217px;
}

.card-patient .chronic-group {
    margin-bottom: 0;
}

.card-patient .service-group {
    margin-bottom: 0.5rem;
}

.card-patient .list-chronic-diseases>ol {
    margin-bottom: 5px;
}

.card-patient .label-service,
.card-patient .label-chronic {
    font-weight: bold;
    font-size: 17px;
    margin-top: 10px;
}

.card-patient .chronic-group .list-diseases {
    color: #fb3300;
    margin-left: 5px;
    line-height: 1.4;
}

.card-patient .chronic-group .no-chronic {
    font-weight: bold;
    color: var(--color-info);
}

.card-patient .label-chronic {
    margin-bottom: 0;
    white-space: nowrap;
}

.card-patient .service-group .btn-edit-service,
.card-patient .chronic-group .btn-edit-chronic {
    display: inline-block;
    margin-left: 3px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    background-color: #2c86ca;
    position: relative;
    top: -2px;
}

.card-patient .chronic-group .btn-edit-chronic {
    margin-left: 7px;
    padding: 0 5px;
}

.card-patient .service-group .btn-edit-service:hover,
.card-patient .chronic-group .btn-edit-chronic:hover {
    background-color: #2c79bc;
}

#card-treatment .re-examination-date,
.wrap-button-top .re-examination-date,
.wrap-amount-hour .select2-container--default .select2-selection--single {
    background: #fff;
    cursor: pointer;
    padding: 5px 25px 5px 15px;
    border: 1px solid #ccc;
    width: 153px;
    position: relative;
    line-height: 27px;
    text-align: center;
}

.wrap-button-top .re-examination-date,
.wrap-amount-hour .select2 {
    margin-left: 12px;
}

.wrap-amount-hour .select2-container--default .select2-selection--single {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--border-input);
    border-radius: .35rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.wrap-amount-hour .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
    font-weight: bold;
    color: #000;
}

.wrap-amount-hour .select2-selection__arrow {
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}

.wrap-amount-hour .select2-selection__arrow:before {
    content: "\F0D7";
}

.wrap-amount-hour .select2-selection__arrow>b {
    display: none;
}

.wrap-amount-hour span.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 3px;
}

.select2-container--default .select2-hour .select2-search--dropdown .select2-search__field {
    padding-left: 12px;
    text-align: center;
}

span.select2-container .select2-hour .select2-search:not(.select2-search--inline):before {
    display: none;
}

#card-treatment .re-examination-date.chosen-date,
.wrap-button-top .re-examination-date.chosen-date {
    text-align: left;
}

#card-treatment .re-examination-date>i,
.wrap-button-top .re-examination-date>i {
    position: absolute;
    top: 11px;
    right: 9px;
    color: #777676;
}

#card-treatment .re-examination-time,
.wrap-button-top .re-examination-time {
    margin-left: 10px;
    flex-grow: 1;
    width: auto;
    max-width: 122px;
    line-height: 24px;
    padding-left: 32px;
    position: relative;
    cursor: pointer;
}

.wrap-button-top .re-examination-time {
    min-width: 122px;
    text-align: center;
}

.wrap-button-top .re-examination-time.re-examination-time-wide {
    min-width: 142px;
    max-width: 142px;
}

.wrap-button-top .re-examination-time.has-time {
    padding-left: 0;
    padding-right: 0;
}

#card-treatment .re-examination-time .re-exam-time>font,
.wrap-button-top .re-examination-time .re-exam-time>font {
    margin-left: 3px;
    font-weight: bold;
}

#card-treatment .re-examination-time .re-exam-time,
.wrap-button-top .re-examination-time .re-exam-time {
    line-height: 24px;
    margin-left: 2px;
}

#card-treatment .re-examination-time .re-exam-time.has-time,
.wrap-button-top .re-examination-time .re-exam-time.has-time {
    margin-left: 14px;
}

#card-treatment .re-examination-time:hover,
.wrap-button-top .re-examination-time:hover {
    background-color: #f2f2f2;
}

#card-treatment .re-examination-time>i,
.wrap-button-top .re-examination-time>i {
    color: #878787;
    position: absolute;
    top: 10px;
    left: 9px;
    font-size: 18px;
    line-height: 16px;
}

#card-treatment .re-examination-date>.re-exam-legend,
.wrap-button-top .re-examination-date>.re-exam-legend {
    position: absolute;
    top: -8px;
    left: 5px;
    font-size: 13px;
    background-color: #fff;
    padding: 0 4px;
    line-height: 1.2;
    font-weight: bold;
    color: #076bf1;
}

#card-treatment .re-exam-group,
#card-treatment-goal .re-exam-group {
    display: flex;
    align-items: center;
    width: 100%;
}

#card-treatment .re-exam-group button.add,
#card-treatment-goal .re-exam-group button.add {
    margin-left: auto;
}

#card-treatment-goal .re-exam-group button.add {
    height: 32px;
}

#card-treatment .re-exam-group .wrap-re-examination,
.wrap-button-top .wrap-re-examination {
    display: flex;
    align-items: center;
    padding-left: 0;
}

.wrap-button-top .wrap-re-examination {
    white-space: nowrap;
    margin-left: 10px;
}

.wrap-button-top .hyphen {
    margin: 0 10px;
    font-size: 18px;
    font-weight: bold;
    display: none;
}

#card-treatment .re-exam-title {
    margin-right: 7px;
    margin-bottom: 0;
    font-weight: bold;
}

#re-exam-time-modal .modal-header>h5,
#choose-time-modal .modal-header>h5,
.card-available-times .card-header>h6 {
    padding-left: 0;
}

.card-available-times .card-header>h6 {
    min-width: 120px;
}

#re-exam-time-modal .btn-time.btn-selected,
#choose-time-modal .btn-time.btn-selected {
    background-color: var(--color-primary);
}

#re-exam-time-modal .modal-body,
#choose-time-modal .modal-body,
.modal-scroll .modal-body {
    overflow: auto;
}

#re-exam-time-modal .modal-body,
#choose-time-modal .modal-body {
    max-height: calc(100vh - 160px);
}

.modal-scroll .modal-body {
    max-height: calc(100vh - 110px);
}

#re-exam-time-modal .modal-body>.form-group,
#re-exam-time-modal .modal-body .alert,
#choose-time-modal .modal-body>.form-group,
#choose-time-modal .modal-body .alert {
    margin-bottom: 0;
}

#card-treatment .btn-edit-content,
#card-treatment-goal .btn-edit-goal {
    margin-left: 0;
}

#card-treatment .btn-edit-content,
#card-treatment-goal .btn-edit-goal,
#card-prescription .btn-choose-disease,
.card-disease .btn-choose-disease {
    height: 20px;
    width: 25px;
    line-height: 24px;
    position: relative;
    top: 1px;
}

.card-patient .service-group .btn-edit-service>i,
.card-patient .chronic-group .btn-edit-chronic>i {
    color: #fff !important;
    font-size: 10px;
}

#card-treatment .btn-edit-content>i,
#card-treatment-goal .btn-edit-goal>i,
#card-prescription .btn-choose-disease>i,
.card-disease .btn-choose-disease>i {
    font-size: 18px;
    color: #0a5cdd !important;
}

#services-modal,
#edit-chronic-modal,
.select2-container.select2-chronic {
    z-index: 10000;
}

#edit-chronic-modal #edit_chronic_diseases+.select2 .select2-selection__rendered {
    padding-right: 30px;
}

#edit-chronic-modal label[for="chronic_disease"] {
    white-space: nowrap;
}

#choose-content-modal .modal-body,
#choose-goal-modal .modal-body,
#choose-diagnostic-modal .modal-body {
    padding-bottom: 10px;
}

#choose-diagnostic-modal .modal-body {
    max-height: calc(100vh - 190px);
    overflow: auto;
}

.card.wrap-services {
    position: relative;
    padding-bottom: 40px !important;
    border-width: 2px;
    align-items: flex-start;
}

.card.wrap-services.no-data {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card.wrap-services.no-data .note-text {
    position: initial;
    margin-bottom: 4px;
}

.card.wrap-services .note-text {
    position: absolute;
    bottom: 0;
    font-style: italic;
    font-weight: 500;
    line-height: 1.4;
}

.wrap-services .wrap-service-item,
#services-modal .wrap-service-item,
#choose-content-modal .wrap-service-item,
#choose-goal-modal .wrap-goal-item,
#choose-diagnostic-modal .wrap-disease-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.wrap-services .wrap-service-item.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.card-short-code .dental-service-item.disabled {
    opacity: 0.6;
    color: #fff;
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
}

.wrap-services .wrap-service-item>input[type="checkbox"],
#services-modal .wrap-service-item>input[type="checkbox"] {
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.wrap-services .wrap-service-item>input[type="radio"],
.wrap-services .wrap-service-item>input[type="checkbox"],
#choose-content-modal .wrap-service-item>input[type="radio"],
#choose-content-modal .wrap-service-item>input[type="checkbox"],
#choose-goal-modal .wrap-goal-item>input[type="radio"],
#choose-goal-modal .wrap-goal-item>input[type="checkbox"],
#choose-diagnostic-modal .wrap-disease-item>input[type="radio"],
#choose-diagnostic-modal .wrap-disease-item>input[type="checkbox"] {
    display: none;
}

.wrap-services .wrap-service-item>label,
#services-modal .wrap-service-item>label,
#choose-content-modal .wrap-service-item>label,
#choose-goal-modal .wrap-goal-item>label,
#choose-diagnostic-modal .wrap-disease-item>label {
    margin-bottom: 0;
    margin-left: 7px;
    font-size: 16px;
    user-select: none;
    cursor: pointer;
    padding: 2px 4px;
}

.wrap-services .wrap-service-item>label {
    margin-left: 0;
}

.wrap-services .wrap-service-item>input[type="checkbox"]:checked+label,
#services-modal .wrap-service-item>input[type="checkbox"]:checked+label,
#choose-content-modal .wrap-service-item>input[type="checkbox"]:checked+label,
#choose-goal-modal .wrap-goal-item>input[type="checkbox"]:checked+label,
#choose-diagnostic-modal .wrap-disease-item>input[type="checkbox"]:checked+label {
    border-radius: 3px;
    background-color: #e4f5fd;
}

.wrap-services .wrap-service-item>label,
#choose-content-modal .wrap-service-item>label,
#choose-goal-modal .wrap-goal-item>label,
#choose-diagnostic-modal .wrap-disease-item>label {
    padding: 6px 10px 5px;
    border: 2px solid #818181;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    color: #000;
}

.wrap-services .wrap-service-item.disabled>label,
#choose-content-modal .wrap-service-item.disabled>label,
#choose-goal-modal .wrap-goal-item.disabled>label,
#choose-diagnostic-modal .wrap-disease-item.disabled>label {
    border: 2px solid #26a0da;
    background-color: var(--bg-selected);
    color: #064e70;
}

#services-modal .wrap-services .wrap-service-item>label {
    margin-bottom: 8px;
}

.card-dental-service .wrap-services .wrap-service-item>label {
    padding: 5px 7px 4px;
    border-radius: 4px;
    line-height: 1.1;
}

.wrap-services .wrap-service-item>label:hover,
#choose-content-modal .wrap-service-item>label:hover,
#choose-goal-modal .wrap-goal-item>label:hover,
#choose-diagnostic-modal .wrap-disease-item>label:hover {
    background-color: var(--bg-selected);
    border-color: #26a0da;
    outline: 1px dotted transparent;
    color: black;
}

.wrap-services .wrap-service-item>input[type="radio"]:checked+label,
.wrap-services .wrap-service-item>input[type="checkbox"]:checked+label,
#choose-content-modal .wrap-service-item>input[type="radio"]:checked+label,
#choose-content-modal .wrap-service-item>input[type="checkbox"]:checked+label,
#choose-goal-modal .wrap-goal-item>input[type="radio"]:checked+label,
#choose-goal-modal .wrap-goal-item>input[type="checkbox"]:checked+label,
#choose-diagnostic-modal .wrap-disease-item>input[type="radio"]:checked+label,
#choose-diagnostic-modal .wrap-disease-item>input[type="checkbox"]:checked+label {
    border: 2px solid var(--color-primary-light);
    background-color: var(--color-primary-light);
    color: #fff;
}

.card-patient .service-group .list-services {
    margin-top: 5px;
    position: relative;
    left: -17px;
}

.card-patient .service-group .list-services>ol {
    margin-bottom: 3px;
}

.treatment_labels .card-lab {
    margin-bottom: 0.7rem;
}

.treatment_labels .card-lab {
    border: 1px solid #d3cf71;
    border-radius: 5px;
}

.treatment_labels .card-lab>.card-body {
    position: relative;
    padding-top: 7px;
}

.treatment_labels .card-lab .col-material {
    flex-grow: 1;
}

#card-treatment .card-lab .top-button-group {
    top: 6px;
    right: 10px;
}

#card-treatment .card-lab .lab-color {
    max-width: 176px;
}

#card-treatment .btn-copy-treatment,
#card-treatment-goal .btn-copy-goal,
#card-labo .btn-copy-labo {
    margin-right: 8px;
}

#card-labo .btn-copy-labo.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.card-management .btn-add-lab {
    margin-right: 0 !important;
}

#card-treatment .btn-add-lab>i.lab,
#card-treatment .btn-copy-treatment>i.copy,
#card-treatment-goal .btn-copy-goal>i.copy,
#card-labo .btn-copy-labo>i.copy {
    width: 18px;
    height: 25px;
    display: block;
    position: relative;
    top: -2px;
}

#card-treatment .btn-add-lab>i.lab {
    width: 25px;
    height: 30px;
}

#card-treatment .btn-copy-treatment>i.copy,
#card-treatment-goal .btn-copy-goal>i.copy,
#card-labo .btn-copy-labo>i.copy {
    width: 20px;
}

#tbl-supply .btn-cancel>i.cancel,
#tbl-supply-used .btn-cancel>i.cancel,
i.cancel {
    width: 30px;
    height: 30px;
    background: url(../img/cancel-icon.png) no-repeat center center;
    background-size: contain;
}

#tbl-supply_filter input[type="search"],
#tbl-supply-export_filter input[type="search"],
#tbl-supply-used_wrapper input[type="search"],
#tbl-supply-payment-history_filter input[type="search"],
#tbl-add-multiple-payments-modal_filter input[type="search"] {
    min-width: 237px;
}

#canceled-modal i.cancel {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 1px;
}

#card-treatment .btn-add-lab>i.lab {
    background: url("../img/lab-icon.jpg") no-repeat center center;
    background-size: contain;
}

#card-treatment .btn-copy-treatment>i.copy,
#card-treatment-goal .btn-copy-goal>i.copy,
#card-labo .btn-copy-labo>i.copy {
    background: url("../img/copy-icon.png") no-repeat center center;
    background-size: contain;
}

body .list-group-item .card-dental-treatment {
    margin-bottom: 0;
}

body .list-group-item .card-dental-treatment .fa-user-md-chat::before,
body .list-group-item .card-dental-treatment .fa-sparkles::before {
    width: 40px;
    height: 40px;
}

/*----------Print Dental---------*/
body .card-dental-treatment {
    color: #2d2d2d !important;
    font-size: 17px;
    margin-bottom: 15px;
}

.card-dental-treatment .card-body,
.card-prescription-print .card-body {
    padding: 2.25rem;
}

.card-dental-treatment .card-body>.row:not(.header-top) {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 6px;
}

.card-prescription-print .card-body>.row:not(.header-top) {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

.card-dental-treatment .wrap-logo-1>img {
    width: 110px;
    border-radius: 4px;
}

.card-dental-treatment .wrap-header-1 {
    min-width: calc(100% - 250px);
}

.card-dental-treatment .wrap-logo-1 {
    width: 180px;
    text-align: center;
}

.card-dental-treatment .wrap-header-1 .header-1,
.card-dental-treatment .wrap-header-1 .title {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    color: #0999fb;
    text-align: center;
}

.card-dental-treatment .wrap-header-1 .header-1 {
    line-height: 1.3;
}

.card-dental-treatment .wrap-header-1 .title {
    font-size: 26px;
    margin-top: 5px;
}

.card-prescription-print .wrap-patient,
.card-dental-treatment .wrap-patient,
.card-dental-treatment .wrap-address {
    flex-grow: 1;
}

.card-prescription-print .wrap-patient .col-patient {
    width: 300px;
}

#card-treatment .datepicker-group,
#card-treatment-goal .datepicker-group {
    width: auto;
}

.datepicker.datepicker-inline {
    border: none;
    box-shadow: none;
    position: initial;
    left: initial;
    font-family: inherit;
    width: 200px;
    opacity: 1;
}

.datepickers-container>.datepicker>.datepicker--content {
    display: block;
}

.editable-date .datepicker th {
    line-height: 1.4;
}

.card-prescription-print .wrap-patient,
.card-prescription-print .wrap-phone,
.card-prescription-print .wrap-age,
.card-prescription-print .wrap-gender,
.card-prescription-print .wrap-weight,
.card-prescription-print .wrap-height,
.card-prescription-print .wrap-address,
.card-prescription-print .wrap-diagnostic,
.card-dental-treatment .wrap-patient,
.card-dental-treatment .wrap-phone,
.card-dental-treatment .wrap-age,
.card-dental-treatment .wrap-gender,
.card-dental-treatment .wrap-weight,
.card-dental-treatment .wrap-height,
.card-dental-treatment .wrap-address,
.card-dental-treatment .wrap-treatment-date {
    display: flex;
    height: 23px;
}

.card-prescription-print .col-patient,
.card-prescription-print .col-value,
.card-dental-treatment .col-patient,
.card-dental-treatment .col-value {
    border-bottom: 1px dashed #333;
    flex-grow: 1;
    margin-left: 8px;
    padding-left: 10px;
}

.card-prescription-print .wrap-weight,
.card-prescription-print .wrap-height,
.card-dental-treatment .wrap-weight,
.card-dental-treatment .wrap-height {
    width: auto;
    margin-left: 20px;
    order: 2;
}

.card-prescription-print .wrap-age .col-value,
.card-prescription-print .wrap-gender .col-value,
.card-prescription-print .wrap-weight .col-value,
.card-prescription-print .wrap-height .col-value,
.card-dental-treatment .wrap-age .col-value,
.card-dental-treatment .wrap-gender .col-value,
.card-dental-treatment .wrap-weight .col-value,
.card-dental-treatment .wrap-height .col-value,
.card-dental-treatment .wrap-address .col-value {
    padding-right: 10px;
}

.card-prescription-print .row .col-title,
.card-dental-treatment .row .col-title {
    margin-bottom: 0;
    white-space: nowrap;
}

.card-dental-treatment .wrap-phone,
.card-dental-treatment .wrap-treatment-date {
    width: calc(100% - 350px);
}

.card-dental-treatment .wrap-address.no-height {
    width: calc(100% - 170px);
}

.card-dental-treatment .header-top {
    margin-bottom: 30px;
}

.card-dental-treatment .wrap-patient,
.card-dental-treatment .wrap-phone,
.card-dental-treatment .wrap-treatment-date,
.card-dental-treatment .wrap-address,
.card-prescription-print .wrap-patient,
.card-prescription-print .wrap-phone,
.card-prescription-print .wrap-address,
.card-prescription-print .wrap-diagnostic {
    padding-left: 0;
}

.card-prescription-print .wrap-diagnostic {
    width: 100%;
}

.card-prescription-print .wrap-address,
.card-prescription-print .wrap-phone.flex {
    flex-grow: 1;
    margin-right: 20px;
}

.card-dental-treatment .wrap-treatment-date,
.card-prescription-print .wrap-phone,
.card-prescription-print .wrap-diagnostic,
.card-dental-treatment .wrap-phone {
    padding-right: 0;
}

.card-prescription-print .wrap-diagnostic .col-value {
    padding-right: 8px;
}

.card-dental-treatment .wrap-service-item {
    margin-bottom: 5px;
}

.card-dental-treatment .wrap-service-item>input[type="checkbox"],
.card-dental-treatment .wrap-disease-item>input[type="checkbox"] {
    width: 17px;
    height: 17px;
    pointer-events: none;
    position: relative;
    top: -1px;
}

.card-dental-treatment .wrap-service-item>input[type="checkbox"] {
    top: 3px;
}

.card-dental-treatment .wrap-service-item>label,
.card-dental-treatment .wrap-disease-item>label {
    margin-bottom: 0;
    margin-left: 7px;
    font-size: 16px;
    pointer-events: none;
    color: #000;
    font-weight: 600;
}

.card-dental-treatment .wrap-service-item,
.card-dental-treatment .wrap-disease-item {
    display: flex;
    align-items: center;
}

.card-dental-treatment .wrap-service-item {
    align-items: baseline;
}

.card-dental-treatment .item-title {
    font-size: 19px;
    text-transform: uppercase;
    color: #ed0000;
    font-weight: bold;
    margin-top: 18px;
}

.card-dental-treatment .wrap-advisory-treatment>.row,
.card-dental-treatment .wrap-chronic-patient>.row {
    margin-left: 8px;
}

.card-dental-treatment .tbl-treatment {
    width: 100%;
}

.card-dental-treatment .tbl-treatment,
.card-dental-treatment .tbl-treatment th,
.card-dental-treatment .tbl-treatment td {
    border: 1px solid #d4d4d4;
    border-collapse: collapse;
}

.card-dental-treatment .tbl-treatment td .wrap-brand-origin {
    font-size: 16px;
    color: #707178;
    position: relative;
    top: -1px;
    line-height: 1;
    display: block;
}

.modal .card-dental-treatment .tbl-treatment td .wrap-brand-origin {
    font-size: 14px;
}

.card-dental-treatment .tbl-treatment td .wrap-brand-origin i {
    font-size: 4px;
    position: relative;
    top: -3px;
    margin: 0 7px;
}

.card-dental-treatment .wrap-service-item .wrap-brand-origin {
    font-size: 14px;
}

.card-dental-treatment .wrap-service-item .wrap-brand-origin b {
    font-weight: 800;
}

.wrap-service-item>label.label-full-service {
    line-height: 1.2;
}

.wrap-service-item>label.label-full-service i,
.list-services .wrap-brand-origin i,
.wrap-service-item .wrap-brand-origin i,
.table .wrap-brand-origin i,
#treatment-plans-body .wrap-brand-origin i {
    font-size: 2px;
    position: relative;
    top: -3px;
    margin: 0 5px;
}

.wrap-service-item .wrap-brand-origin,
.list-services .wrap-brand-origin,
.table .wrap-brand-origin,
#treatment-plans-body .wrap-brand-origin {
    display: block;
    font-size: 13px;
    color: #5e5e5e;
}

#choose-content-modal .wrap-service-item input[type="radio"]:checked+label .wrap-brand-origin,
.list-services input[type="radio"]:checked+label .wrap-brand-origin,
#choose-content-modal .wrap-service-item input[type="checkbox"]:checked+label .wrap-brand-origin,
.list-services input[type="checkbox"]:checked+label .wrap-brand-origin {
    color: #fff;
}

.wrap-service-item .wrap-brand-origin {
    line-height: 1.2;
    margin-bottom: 3px;
}

.list-services>ol>li {
    line-height: 1.2;
    margin-bottom: 5px;
}

.list-services>ol>li:last-child {
    margin-bottom: 0;
}

.wrap-service-item input[type="radio"]:checked+label.label-full-service .wrap-brand-origin {
    color: #fff;
}

#obstetrics-treatment .tbl-treatment {
    margin-left: 0;
}

.card-dental-treatment .tbl-treatment td {
    padding: 3px 7px;
}

.card-dental-treatment .tbl-treatment>thead>tr>th {
    text-align: center;
    vertical-align: middle;
    color: #0073f9;
    text-transform: uppercase;
    padding: 5px 7px;
}

.card-dental-treatment .tbl-treatment>thead>tr>th.col-tooth-title {
    padding: 0 4px;
}

.card-dental-treatment .tbl-treatment .col-total {
    font-weight: bold;
}

.tbl-treatment.tbl-no-details {
    width: auto;
    border: none;
}

.tbl-treatment.tbl-no-details tbody>tr>td {
    border: none;
}

#tbl-employee .percent-title,
#tbl-employee .salary-title {
    position: relative;
}

#tbl-employee .col-employee-name {
    position: relative;
}

#tbl-employee .col-employee-name .employee-off {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    color: #ababab;
    border: 1px solid;
    padding: 0 5px;
    user-select: none;
}

#tbl-employee thead>tr:first-child>th[colspan="2"],
#tbl-employee thead>tr:nth-child(2)>th {
    padding: 3px;
}

#tbl-employee thead>tr:first-child>th[colspan="2"] {
    border-bottom: none;
}

#tbl-employee .percent-title>small,
#tbl-employee .salary-title>small {
    position: absolute;
    margin-top: 18px;
    font-size: 11px;
    font-weight: bold;
    right: 3px;
    color: #8c8c8c;
    cursor: default;
}

.alert-appointment-today {
    user-select: none;
}

.alert-appointment-today i.fas {
    font-size: 19px;
    position: relative;
    top: 1px;
}

.alert-appointment-today .fa-check-circle {
    padding-left: 0 !important;
    margin-left: 7px;
}

.card-history .btn-view-all-treatments {
    order: 1;
    margin-left: auto;
    margin-right: 5px;
}

.card-history .history-table .btn-view-all-treatments,
.wrap-profile-prescription .btn-view-all-treatments,
.wrap-profile-prescription .btn-add-salary {
    padding: 0.25rem 0.5rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: 0.2rem !important;
    background-color: var(--color-primary) !important;
    color: #fff !important;
    border-color: var(--color-primary-light) !important;
    margin-top: 0 !important;
}

.wrap-profile-prescription .btn-add-salary {
    padding: 0.32rem 0.65rem !important;
    border-radius: 0.25rem !important;
}

.card-history .history-table .btn-view-all-treatments:hover,
.card-history .history-table .btn-view-all-treatments:focus,
.wrap-profile-prescription .btn-view-all-treatments-link:hover,
.wrap-profile-prescription .btn-view-all-treatments-link:focus,
.wrap-profile-prescription .btn-add-salary:hover,
.wrap-profile-prescription .btn-add-salary:focus {
    color: #fff !important;
    background-color: var(--color-primary-hover) !important;
    background-image: none !important;
    text-shadow: none !important;
}

.wrap-profile-prescription .btn-add-salary:hover,
.wrap-profile-prescription .btn-add-salary:focus {
    border-width: 2px !important;
}

.wrap-profile-prescription .treatment-table .col-actions:before,
.wrap-profile-prescription .treatment-table .col-actions:after {
    display: none;
}

.wrap-profile-prescription .treatment-table .col-content .wrap-contents {
    list-style-type: disc;
}

.wrap-profile-prescription .treatment-table .col-content .dtr-title {
    margin-bottom: 5px;
}

.wrap-profile-prescription .dataTables_processing,
.wrap-profile-prescription #tab-5 .dataTables_processing {
    z-index: 1;
}

.wrap-profile-prescription .wrap-treatment-filter .col-l-B,
.wrap-profile-prescription .wrap-salary-filter .col-l-B {
    display: flex;
}

.wrap-profile-prescription .wrap-treatment-filter .col-l-B>.dt-buttons,
.wrap-profile-prescription .wrap-salary-filter .col-l-B>.dt-buttons {
    margin-left: 15px;
}

.wrap-treatment-filter .treatment-plans-table,
.wrap-treatment-filter .treatment-goals-table {
    margin-top: 0 !important;
}

.wrap-treatment-filter+.card-report {
    margin-top: 20px;
}

.lab-item-table td.col-promise-date {
    padding: 0;
    height: 0;
}

.lab-item-table td.col-promise-date>.promise-date:not([data-x-editable]) {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lab-item-table td.col-promise-date>.promise-date[data-x-editable] {
    cursor: pointer;
}

.supply-used-table .col-name {
    max-width: 300px;
}

.supply-table .col-name,
.lab-item-table .col-lab-name,
.lab-item-table .col-name {
    min-width: 200px;
    max-width: 300px;
}

.supply-table .col-supplier {
    max-width: 160px;
}

#create-supply-modal .name-group {
    position: relative;
}

#create-supply-modal .reuse-group {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
}

#create-supply-modal .reuse-group label {
    margin-bottom: 0;
    margin-left: 5px;
    position: relative;
    top: 1px;
    color: #1360ac;
    font-weight: bold;
    user-select: none;
}

#create-supply-modal .wrap-name-label>label {
    font-weight: bold;
}

#create-supply-modal .col-reuse .reuse,
form .checkbox-1 {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
}

#create-supply-modal .name-group .reuse {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.form-group.d-flex>label+input[type="checkbox"] {
    margin-left: 10px;
}

#employee-form .col-treatment>.form-group,
#employee-form .col-coadjutor>.form-group {
    margin-bottom: 15px;
    margin-top: 8px;
}

#create-supply-modal .col-reuse label {
    user-select: none;
}

#tbl-lab-item_filter .labo-item-filter {
    min-width: 270px;
}

#tbl-export-supply-modal_filter input[type="search"] {
    min-width: 240px;
}

#tbl-lab-item_wrapper .used-amount {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

#tbl-lab-item_wrapper .used-amount>i {
    position: relative;
    top: 1px;
}

#tbl-supply-used tbody>tr>td.col-name,
#tbl-lab-item tbody>tr>td.col-name,
#tbl-supply-expired tbody>tr>td.col-name,
#tbl-supply tbody>tr>td.col-expire-date,
.data-table tbody>tr>td.col-badge,
#tbl-drug-inventory tbody>tr>td.col-expire-date {
    position: relative;
}

#tbl-supply tbody>tr>td.col-badge>span.label {
    position: relative;
    top: -4px;
}

.data-table tbody>tr>td.col-badge>span.label {
    padding: 4px 6px;
}

.data-table tbody>tr>td.col-badge>span.label>i {
    margin-right: 2px;
}

.data-table tbody>tr>td.col-badge>span.badge>i {
    margin-right: 3px;
}

.data-table tbody>tr>td.col-note {
    font-style: italic;
    font-weight: 300;
}

#tbl-drug-inventory tbody>tr>td.col-expire-date {
    width: 90px;
}

#tbl-drug-inventory tbody>tr>td {
    padding-top: 14px;
    padding-bottom: 12px;
}

.data-table:not(.supply-table) tbody>tr>td.col-badge {
    padding-top: 18px;
    padding-bottom: 16px;
}

#tbl-supply tbody>tr.text-overlap>td.col-name,
#tbl-supply tbody>tr.text-overlap>td.col-supplier {
    padding-top: 10px;
    padding-bottom: 9px;
}

.data-table tbody>tr>td.col-badge>.badge,
#tbl-supply tbody>tr>td.col-expire-date>.badge,
#tbl-drug-inventory tbody>tr>td.col-expire-date>.badge {
    position: absolute;
    right: 0;
    top: 0;
    padding-bottom: 3px;
    border-radius: 1px;
    font-weight: bold;
    cursor: default;
}

#tbl-lab-item tbody>tr>td.col-name>.has-image {
    padding-right: 70px;
}

#tbl-lab-item tbody>tr>td.col-name>img {
    position: absolute;
    top: 5px;
    right: 5px;
    height: calc(100% - 11px);
    max-height: 66px;
    border: 1px solid #ccc;
}

#tbl-lab-item tbody>tr>td.col-name>span.label+img {
    top: 20px;
}

#tbl-lab-item tbody>tr>td.col-name>.truncate-2.has-image+span.label+img {
    max-height: 23px;
}

#tbl-lab-item tbody>tr>td.col-name>.has-image+.has-image+span.label+img {
    max-height: 40px;
}

#tbl-supply-used tbody>tr>td.col-name>.text-muted,
#tbl-lab-item tbody>tr>td.col-name>.text-muted {
    font-size: 16px;
}

#tbl-lab-item tbody>tr>td.col-name>span:first-child {
    display: inline-block;
}

#tbl-lab-item tbody>tr.text-overlap>td.col-name>span:first-child {
    padding-top: 11px;
}

#tbl-supply-used tbody>tr>td.col-name>.label,
#tbl-supply-expired tbody>tr>td.col-name>.label,
#tbl-lab-item tbody>tr>td.col-name>.label,
#tbl-supply tbody>tr>td.col-expire-date>.label,
#tbl-drug-inventory tbody>tr>td.col-expire-date>.label {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 1px;
    width: 78px;
    user-select: none;
    height: 17px;
}

#tbl-supply-used tbody>tr>td.col-name>.label {
    width: 85px;
}

#tbl-supply-expired tbody>tr>td.col-name>.label {
    width: auto;
}

#tbl-supply tbody>tr>td.col-expire-date>.label-in-stock,
#tbl-drug-inventory tbody>tr>td.col-expire-date>.label-in-stock {
    position: absolute;
    bottom: 0;
    top: inherit;
    width: auto;
    padding-right: 4px;
    height: 16px;
    font-weight: 600;
}

.data-table tbody>tr>td>.tooltip-wrapper {
    display: inline-block;
}

#canceled-modal .max-cancel-group,
#exported-modal .max-export-group {
    position: relative;
}

#canceled-modal .wrap-max-cancel,
#exported-modal .wrap-max-export,
small.note {
    color: #7e7e7e;
    font-size: 13px;
}

#canceled-modal .wrap-max-cancel,
#exported-modal .wrap-max-export {
    position: absolute;
    top: 5px;
    right: 0;
}

#confirm-cancel-modal table label,
#confirm-export-modal table label {
    margin-bottom: 0;
    margin-right: 10px;
}

#confirm-cancel-modal .message,
#confirm-export-modal .message {
    margin-bottom: 15px;
    font-size: 18px;
    color: #5c6484;
}

#confirm-cancel-modal .supply-name,
#confirm-cancel-modal .supply-unit,
#confirm-cancel-modal .supply-cancel-amount,
#confirm-cancel-modal .supply-price-per-unit,
#confirm-cancel-modal .supply-total,
#confirm-export-modal .supply-name,
#confirm-export-modal .supply-unit,
#confirm-export-modal .supply-export-amount,
#confirm-export-modal .supply-price-per-unit,
#confirm-export-modal .supply-total {
    font-weight: 600;
}

#confirm-cancel-modal .supply-unit,
#confirm-export-modal .supply-unit {
    font-weight: normal;
    position: relative;
    top: -1px;
}

#confirm-cancel-modal .supply-price-per-unit>sup,
#confirm-cancel-modal .supply-total>sup,
#confirm-export-modal .supply-price-per-unit>sup,
#confirm-export-modal .supply-total>sup {
    font-size: 15px;
    top: -4px;
    left: -2px;
}

#confirm-export-modal .supply-export-amount,
#confirm-cancel-modal .supply-cancel-amount {
    font-weight: bold;
}

#confirm-cancel-modal .supply-name,
#confirm-export-modal .supply-name {
    max-width: 500px;
    white-space: normal;
    display: inline-block;
    line-height: 1.2;
}

#confirm-cancel-modal table>tbody>tr>td,
#confirm-export-modal table>tbody>tr>td {
    padding-bottom: 5px;
}

#confirm-cancel-modal .supply-cancel-amount,
#confirm-export-modal .supply-export-amount {
    font-size: 19px;
}

#confirm-cancel-modal .supply-cancel-amount {
    color: #ff7002;
}

#confirm-export-modal .supply-export-amount {
    color: var(--color-primary);
}

span.select2-container .select2-results>.select2-results__options[id^="select2-supply"]>.select2-results__option,
span.select2-container .select2-results>.select2-results__options[id^="select2-lab_item"]>.select2-results__option {
    position: relative;
}

span.select2-container .select2-results>.select2-results__options[id^="select2-supply"]>.select2-results__option.disabled,
span.select2-container .select2-results>.select2-results__options[id^="select2-lab_item"]>.select2-results__option.disabled {
    color: #333;
    display: flex;
    align-items: center;
}

span.select2-container .select2-results>.select2-results__options[id^="select2-supply"]>.select2-results__option.disabled>label.option-text,
span.select2-container .select2-results>.select2-results__options[id^="select2-lab_item"]>.select2-results__option.disabled>span:not(.label) {
    opacity: 0.6;
}

span.select2-container .select2-results>.select2-results__options[id^="select2-supply"]>.select2-results__option span.label,
span.select2-container .select2-results>.select2-results__options[id^="select2-lab_item"]>.select2-results__option span.label {
    position: relative;
    left: 10px;
    top: 0;
    font-weight: normal;
    padding-top: 4px;
}

span.select2-container .select2-results>.select2-results__options>.select2-results__option.selected.disabled {
    background-color: #e4e4e4 !important;
    opacity: 1 !important;
}

span.select2-container .select2-results>.select2-results__options>.select2-results__option.selected.disabled>.option-text {
    color: #333;
}

.file-zoom-dialog.modal {
    background-color: #0000007d;
    z-index: 10000;
}

div.file-drop-zone {
    min-height: 120px;
    border: 2px dashed #ddd;
    max-height: 351px;
    overflow: auto;
}

#lab-item-form div.file-drop-zone {
    min-height: 80px;
}

.file-input div.btn-file,
.file-input div.btn-file>* {
    cursor: pointer;
}

div.kv-upload-progress .progress {
    margin-top: 0;
}

div.krajee-default .file-thumb-progress {
    top: -45px;
}

div.file-uploading {
    background-position-y: 78px;
}

div.file-preview .fileinput-remove {
    display: none;
}

.file-input .fileinput-upload {
    margin-right: 1px;
}

div.file-zoom-dialog .btn-kv-prev {
    margin-left: 8px;
}

div.file-error-message {
    padding: 5px 10px;
}

div.file-error-message .kv-error-close {
    font-size: 20px;
}

div.file-error-message ul {
    margin-left: -25px;
}

div.file-error-message ul>li>b {
    font-size: 15px;
}

div.file-error-message h1 {
    font-size: 16px;
}

div.file-error-message hr {
    margin: 10px 0;
}

.file-preview-status {
    font-size: 15px;
    color: #9a9a9a !important;
}

div.file-zoom-dialog .btn-kv-next {
    margin-right: 8px;
}

.clickable .file-drop-zone-title {
    font-size: 16px;
    padding: 30px 10px;
}

div.file-preview {
    width: calc(100% + 2rem);
    margin: -1rem -1rem -5px -1rem;
    border: none;
}

.file-preview .fileinput-remove:focus {
    outline: none;
}

.file-preview .fileinput-remove>span {
    position: relative;
    top: 6px;
    right: 4px;
}

div.krajee-default.file-preview-frame .kv-file-content {
    height: 75px;
    width: 100%;
}

div.krajee-default .file-footer-caption {
    margin-bottom: 5px;
}

div.krajee-default .file-footer-buttons .btn.btn-sm {
    padding: 1px 5px;
}

div.krajee-default .file-drag-handle {
    margin-top: 3px;
}

div.krajee-default .file-upload-indicator {
    display: none;
}

div.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: auto;
}

div.krajee-default.file-preview-frame {
    width: calc(50% - 16px);
}

div.krajee-default .file-caption-info,
div.krajee-default .file-size-info {
    width: 100%;
}

.card-dental-image .file-input>span:last-child,
.card-image .file-input>span:last-child {
    text-align: center;
    width: 100%;
    display: block;
}

#view-image-modal .wrap-all-images {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

#view-image-modal .col-image>img {
    object-fit: cover;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: 4px;
}

#image-preview .modal-body {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    padding-bottom: 7px;
}

#image-preview .img-thumbnail {
    height: calc(100vh - 195px);
    max-width: 100%;
}

#image-preview .wrap-images>div,
#image-tab .wrap-images>div,
.wrap-gallery .wrap-images>div {
    margin-bottom: 15px;
}

#image-preview .wrap-images img,
#image-tab .wrap-images img,
.wrap-gallery .wrap-images img {
    width: 100%;
    border-radius: 15px;
}

#image-tab .image-library-header,
.wrap-gallery .image-library-header,
.wrap-gallery .video-library-header {
    font-weight: bold;
    text-transform: uppercase;
    color: #565656;
    text-align: center;
}

#image-tab .wrap-images+.image-library-header,
.wrap-gallery .wrap-images+.image-library-header,
.wrap-gallery .wrap-videos+.video-library-header {
    margin-top: 40px;
}

#image-tab .header-line,
.wrap-gallery .header-line {
    width: 200px;
    height: 3px;
    background: #4595e9;
    margin-top: 5px;
    margin-bottom: 16px;
}

#gallery-status .card-body {
    height: calc(100vh - 100px);
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#video-tab .wrap-videos {
    margin-bottom: -10px;
}

#video-preview .wrap-videos {
    margin-bottom: -40px;
}

.wrap-videos .block-vid {
    margin-bottom: 30px;
}

.wrap-videos .wrap-video {
    margin-bottom: 10px;
}

.wrap-videos .wrap-video a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: auto;
}

.wrap-videos .block-vid a>img {
    object-fit: cover;
    border-radius: 13px;
}

.wrap-videos .block-vid .play-vid {
    position: absolute;
    z-index: 99;
    color: #404242;
}

.wrap-videos .block-vid .play-vid .fa-play-circle {
    font-size: 55px;
    color: var(--text-light)b0;
}

.wrap-videos .block-vid .video-name a {
    color: #161616;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.wrap-videos .block-vid .video-name a:hover {
    color: #000;
}

.wrap-videos .wrap-video>a:hover .fa-play-circle {
    color: #fff;
}

.wrap-videos .wrap-video>a:hover .fa-play-1::before {
    background-image: url(../img/play-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

#image-modal div.file-input-single-full .file-drop-zone {
    max-height: calc(100vh - 360px);
}

#lab-item-image-preview .img-thumbnail {
    height: auto;
    max-width: 100%;
}

svg.teeth-map polygon,
svg.teeth-map circle {
    fill: #06a8e9;
    opacity: 0;
    cursor: pointer;
}

svg.teeth-map polygon:hover,
svg.teeth-map circle:hover {
    opacity: 0.2;
}

svg.teeth-map polygon.selected,
svg.teeth-map circle.selected {
    opacity: 0.5;
}

#tooth-picker-modal .btn-save {
    margin-left: 5px;
}

.teeth-overview.selectable svg image,
.teeth-overview.selectable svg text {
    cursor: pointer;
}

.teeth-overview svg image,
.teeth-overview svg text {
    user-select: none;
}

#v-pills-teeth-adult>svg,
#v-pills-teeth-child>svg {
    max-width: 100%;
}

#register-form .wrap-role,
#register-form .wrap-role .doctor-role,
#register-form .wrap-role .patient-role,
.wrap-gender,
.wrap-job {
    display: flex;
    align-items: center;
}

#register-form .wrap-role input[type="radio"],
.wrap-gender input[type="radio"],
.wrap-job input[type="checkbox"] {
    display: none;
}

#register-form .wrap-role .patient-role {
    margin-left: 25px;
}

.wrap-gender .female-gender {
    margin-left: 10px;
}

#register-form .wrap-role label,
.wrap-gender label:not(.col-title),
.wrap-job label:not(.col-title) {
    margin-bottom: 0;
    cursor: pointer;
    padding: 3px 12px;
    border-radius: 30px;
    border: 2px solid #939393;
}

.wrap-gender label:not(.col-title),
.wrap-job label:not(.col-title) {
    border: 1px solid #939393;
}

#register-form .wrap-role input[type="radio"]:checked+label {
    background: linear-gradient(to right, #0072ff, #00c6ff);
    border: 2px solid #00c6ff;
    color: #fff;
    font-weight: bold;
}

.wrap-gender input[type="radio"]:checked+label,
.wrap-job input[type="checkbox"]:checked+label {
    background-color: #0072ff;
    border: 1px solid #0072ff;
    color: #fff;
}

div.file-input-single-full .file-drop-zone {
    max-height: 100%;
}

div.file-input-single-full .file-preview-frame {
    width: calc(100% - 16px);
}

div.file-input-single-full .file-preview-frame .kv-file-content {
    height: 100%;
}

.card-teeth .nav-fill .nav-item {
    margin: 5px 5px 0;
}

#used-lab-item-modal .modal-title {
    position: relative;
}

#used-lab-item-modal .modal-title.has-additional,
#salary-modal .modal-title.has-additional {
    top: -6px;
}

#used-lab-item-modal .wrap-labo {
    display: flex;
    align-items: center;
}

#used-lab-item-modal .wrap-labo .labo-name {
    margin-left: 5px;
    margin-right: 0;
    font-size: 15px;
}

#used-lab-item-modal .additional-info,
#salary-modal .salary-value {
    font-size: 15px;
    margin-left: 10px;
    color: #7a7a7a;
    position: absolute;
}

#used-lab-item-modal .additional-info {
    font-weight: normal;
    top: 24px;
    left: -10px;
}

#create-lab-item-modal .modal-body {
    max-height: calc(100vh - 155px);
    overflow: auto;
}

#salary-modal .modal-body {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
}

#salary-modal .salary-value {
    font-weight: bold;
    top: 28px;
    left: 5px;
    display: none;
}

#salary-modal .salary-month {
    position: relative;
    top: 2px;
}

#used-lab-item-modal .treatment-date-filter {
    min-width: 283px;
}

.before-after-image,
.lab-item-image {
    cursor: zoom-in;
}

.before-after-result .text-status {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.before-after-result .img-thumbnail {
    padding: 0;
    width: 100%;
}

.before-after-info-card .card-header {
    height: 53px;
    line-height: 53px;
    padding: 0;
    position: sticky;
    top: 0;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    border-top: 1px solid var(--border-main);
    z-index: 2;
}

.before-after-info-card .btn-filter {
    float: right;
    margin-right: 17px;
}

.before-after-info-card .card-header h6 {
    display: inline-block;
    line-height: 2rem;
}

.before-after-info-card .card-header .btn-prev {
    float: left;
}

.before-after-info-card .card-header .btn-next {
    float: right;
}

.promotion-result .card-promotion:hover {
    background-color: var(--bg-lighter);
}

.wrapper-advisory .service-result .wrap-service-marketing {
    margin: 0;
}

#advisory-filter-modal .modal-body {
    max-height: calc(100vh - 160px);
    overflow-y: auto;
}

#advisory-filter-modal .modal-body .card-patient:last-child {
    margin-bottom: 0 !important;
}

.layout-app #gallery #tab-image-gallery,
.layout-app #gallery #tab-video-gallery {
    margin-top: 30px;
}

#gallery .wrap-gallery .header-line {
    height: 1px;
}

#gallery .list-gallery {
    margin: 0 0.75rem;
}

#gallery .wrap-gallery.wrap-clinic {
    margin: 0;
}

.before-after-images-card {
    text-align: center;
    position: relative;
}

.before-after-images-card::before {
    content: "";
    background-image: url('../img/tooth-graphic.png');
    background-size: 40px 30px;
    background-repeat: space;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.4;
}

.wrapper-clinic .before-after-images-card::before {
    background-image: none;
    background-color: #fff;
}

.before-after-images-card .img-thumbnail {
    height: 50%;
    width: auto;
    min-width: 65%;
    display: block;
    margin: 15px auto;
    z-index: 1;
    position: relative;
    border: none;
    user-select: none;
}

.before-after-images-card.single-image .before-image {
    display: none;
}

.before-after-video-iframe {
    aspect-ratio: 16/9;
    border-radius: .35rem;
    z-index: 1;
    position: relative;
}

#contact-modal .modal-title {
    margin-right: 10px;
}

#contact-modal .phone-number {
    text-align: center;
    margin: 0;
    font-weight: bold;
    color: #35a8fc;
    letter-spacing: 1px;
    cursor: default;
}

#promotion-modal .modal-body {
    max-height: calc(100vh - 185px);
    overflow: auto;
}

#promotion-modal .modal-body>div {
    width: 100% !important;
    max-width: 100% !important;
}

#promotion-modal .modal-body ul {
    margin-bottom: 0;
}

#promotion-modal .modal-title {
    line-height: 1.1;
    font-size: 20px;
}

.wrapper-clinic .card-promotion .card-title {
    margin-bottom: 7px;
}

.card-promotion .card-title {
    color: #127bc8;
}

.card-promotion {
    cursor: pointer;
}

.card-promotion .card-link {
    border-bottom: 1px solid;
}

.card-promotion .wrap-banner {
    margin: -1.25rem -1.25rem 15px -1.25rem;
    border-bottom: 1px solid #eee;
}

.card-promotion.card-slide .wrap-banner {
    display: none;
}

.card-promotion .wrap-banner>img {
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card-promotion:not(.card-slide) .card-text {
    max-height: 150px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.card-promotion:not(.card-slide) .card-text>p>img {
    max-height: 150px;
    width: auto !important;
}

.card-promotion:not(.card-slide) .card-text {
    -webkit-line-clamp: 2;
}

.card-promotion .card-title {
    margin-bottom: 4px;
}

.card-promotion .news-date {
    color: #7a7a7a;
}

#promotion-modal .modal-subtitle>.date,
.card-promotion .card-subtitle>.date {
    margin-left: 4px;
}

.promotion-content img {
    max-width: 100%;
}

.gallery-grid {
    width: 100%;
    height: 100%;
}

.gallery-grid .gallery-grid-sizer,
.gallery-grid .gallery-grid-item {
    width: 25%;
}

.gallery-grid .gallery-grid-item--width2 {
    width: 50%;
}

.gallery-grid .gallery-grid-item img {
    width: 100%;
    padding: 4px;
    border-radius: 10px;
}

.btn-group-status .btn-status {
    width: 100%;
    text-align: left;
}

.form-inline.editableform label {
    display: inline-block;
}

.editableform .editable-checklist {
    margin-right: 15px;
}

.editableform .editable-checklist>div~div {
    margin-top: 5px;
}

.editableform .editable-checklist input[type="checkbox"] {
    width: 17px;
    height: 17px;
}

.editableform .editable-checklist input[type="checkbox"]+span {
    font-size: 16px;
    font-weight: bold;
}

.card-employee-info .card-body .job-text {
    margin-left: 4px;
}

.wrap-job .coadjutor-job {
    margin-left: 10px;
}

.card-checkin-checkout .btn-patient-checkin {
    margin-left: 10px;
}

.appointment-page .card-available-times {
    height: calc(100vh - 157px);
    min-height: 200px;
}

.appointment-page .card-available-times .btn-choose-time {
    border-radius: 5px;
    padding: 3px 8px;
}

.appointment-page .card-available-times .btn-choose-time:focus {
    outline: none;
}

.appointment-page .card-available-times .btn-choose-time>i {
    margin-right: 3px;
}

#choose-time-modal .doctor-title {
    font-weight: bold;
    font-size: 18px;
}

#choose-time-modal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#choose-time-modal .modal-title {
    width: 15px;
    white-space: nowrap;
}

#choose-time-modal .modal-footer {
    justify-content: space-between;
}

#choose-time-modal .modal-footer button:nth-child(2) {
    margin-left: 7px;
}

.modal textarea.form-control {
    min-height: 55px;
}

#RDVModalSubmit .select-patient-group,
#RDVModalSubmit .select-employee-group {
    display: flex;
    align-items: center;
}

#RDVModalSubmit .select-patient-group>label,
#RDVModalSubmit .select-employee-group>label {
    white-space: nowrap;
    margin-right: 0;
    margin-bottom: 0;
}

#RDVModalSubmit .select-patient-group>label,
#RDVModalSubmit .select-employee-group>label,
#RDVModalSubmit .note-group>label {
    margin-right: 7px;
}

#RDVModalSubmit .select-patient-group>label,
#RDVModalSubmit .select-employee-group>label,
#RDVModalSubmit .modal-body>.form-group>label {
    min-width: 82px;
    text-align: right;
}

#RDVModalSubmit .time-group {
    display: flex;
    align-items: center;
}

#RDVModalSubmit .time-group>*,
#RDVModalSubmit .note-group>* {
    white-space: nowrap;
    vertical-align: middle;
}

#RDVModalSubmit .time-group #rdv_time {
    margin-left: 3px;
}

#RDVModalSubmit .time-group #recurring {
    margin-left: auto;
    width: auto;
    float: right;
    margin-top: -32px;
}

#RDVModalSubmit .note-group {
    display: flex;
}

.appointment-overview {
    min-height: 615px;
    height: calc(100vh - 100px);
}

.card-waiting-patient {
    margin-bottom: 30px !important;
}

.card-waiting-patient .list-patient-table {
    margin-top: 0;
}

.card-waiting-patient .list-patient-table>thead>tr>.col-stt {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0;
}

.card-waiting-patient .list-patient-table>thead>tr>.col-time {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
}

.card-waiting-patient .list-patient-table>thead>tr>th,
.card-waiting-patient .camera-table>thead>tr>th {
    padding: 7px 0 6px;
    font-size: 13px;
}

.card-waiting-patient .list-patient-table>thead>tr>.col-stt,
.card-waiting-patient .list-patient-table>tbody>tr>td:first-child {
    width: 50px;
}

.card-waiting-patient .list-patient-table>tbody>tr>td {
    font-size: 13px;
}

.card-waiting-patient .list-patient-table>thead>tr>.col-time {
    width: 90px !important;
    padding-right: 5px;
}

.card-waiting-patient .list-patient-table>tbody>tr>td:last-child {
    width: 73px;
    text-align: center;
    padding-right: 5px;
}

.card-waiting-patient .list-patient-table>thead>tr>th:nth-child(2),
.card-waiting-patient .list-patient-table>tbody>tr>td:nth-child(2) {
    flex-grow: 1;
}

.card-waiting-patient .list-patient-table>tbody>tr>td.time>.time-value {
    text-align: center;
}

.card-waiting-patient .list-patient-queue {
    min-height: 80px;
    overflow-y: auto;
    overflow-x: hidden;
}

.card-waiting-patient .patient-queue-table>tbody>tr:first-child>td {
    padding-top: 7px;
}

.card-waiting-patient .list-patient-table #total-patient-queue {
    margin-left: 0;
}

.card-waiting-patient .list-patient-table>thead>tr {
    border-radius: 3px;
}

.card-waiting-patient .btn-start-number>.icon-call {
    font-size: 10px;
    position: relative;
    top: -1px;
    margin-right: 0;
}

.card-waiting-patient .btn-start-number .btn-text {
    font-size: 12px;
    font-weight: normal;
    position: relative;
    top: -1px;
}

.card-waiting-patient .patient-queue-table .btn-start-number,
.card-waiting-patient .patient-queue-table .btn-start-number:hover,
.card-waiting-patient .patient-queue-table .btn-start-number:focus,
.card-waiting-patient .patient-queue-table .btn-start-number:active,
.card-waiting-patient .patient-queue-table .btn-start-number[disabled] {
    min-width: auto;
    padding: 0 4px;
    height: 22px;
    border-radius: 4px;
    margin-left: 5px;
    box-shadow: none !important;
    position: relative;
    top: 1px;
}

.card-waiting-patient .list-patient-table>tbody>tr>td.time>.time-value>sup {
    top: -27px;
    white-space: nowrap;
    font-size: 8px;
    right: -16px;
}

.card-waiting-patient .patient-queue-table .btn-start-number:hover {
    box-shadow: none !important;
}

.card-waiting-patient .item-patient-queue .btn-call-number>i {
    font-size: 9px;
}

.card-waiting-patient .item-patient-queue .btn-call-number {
    top: -1px
}

.card-waiting-patient .icon-appointment {
    border: none;
    top: -2px;
    left: 0;
    padding: 0;
    height: 13px;
}

.card-waiting-patient .patient-queue-table.is-doctor>thead>tr>.col-time .time-title:not(.is-estimate) {
    margin-right: 0;
}

.table-scroll ::-webkit-scrollbar {
    background: #fff;
}

.table-scroll ::-webkit-scrollbar-thumb {
    border: 4px solid #fff;
    box-shadow: none;
    background: #dadce0;
    border-radius: 8px;
    min-height: 40px;
}

.table-scroll ::-webkit-scrollbar-track {
    display: none;
    background-color: #fff;
}

.table-scroll {
    display: block;
    empty-cells: show;
    border-spacing: 0;
}

.table-scroll thead {
    background-color: #f1f1f1;
    position: relative;
    display: block;
    width: 100%;
}

.table-scroll tbody {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: auto;
}

.table-scroll tr {
    width: 100%;
    display: flex;
}

.table-scroll td,
.table-scroll th {
    display: block;
}

.tooltip-fit .tooltip-inner {
    max-width: fit-content;
}

.tooltip-bullet .tooltip-inner>ul {
    padding-left: 15px;
    text-align: left;
    margin-bottom: 0;
}

.tooltip-inner>div>ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.tooltip-inner>div>ul>li:first-child {
    width: 60px;
    white-space: nowrap;
    text-align: left;
    margin-right: 5px;
}

.tooltip-fit .tooltip-inner>div>ul>li:first-child {
    margin-right: 0;
    display: inline-table;
}

.tooltip-inner>div>ul>li:nth-child(2) {
    text-align: left;
}

#appointment-ec .label-cancel-appointment {
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    cursor: default;
    border: 1px solid #dc3545;
    border-radius: 3px;
    user-select: none;
    background-color: #f8d7da;
    color: #721c24;
    padding: 2px 7px;
}

#confirm-modal .modal-header .fa-phone-alt {
    font-size: 17px;
}

#confirm-modal .ec-patient-phone {
    pointer-events: none;
    color: #07529b;
}

#confirm-modal .modal-header {
    padding-top: 12px;
    padding-bottom: 8px;
}

#cancel-appointment-modal.modal .modal-header,
#appointment-info-modal.modal .modal-header {
    padding-right: 7px;
}

#appointment-info-modal .label-cancelled,
#appointment-info-modal .label-checked-in {
    position: relative;
    top: -1px;
    margin-left: 5px;
    user-select: none;
}

#appointment-info-modal .label-checked-in {
    top: -2px;
}

#appointment-info-modal .btn-checkin-modal {
    margin-left: 5px;
}

#appointment-info-modal .btn-cancel-appointment>i {
    font-size: 18px;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

#appointment-info-modal .wrap-buttons {
    margin-left: auto;
    margin-top: -2px;
    margin-right: 5px;
}

#appointment-info-modal .wrap-buttons>a>i {
    color: #7a889e;
    padding: 8px 0;
    border-radius: 50%;
    width: 32px;
    text-align: center;
}

#appointment-info-modal .wrap-buttons .btn-edit {
    margin-right: 15px;
}

#appointment-info-modal .wrap-buttons>a:hover>i {
    background-color: #f2f2f2;
}

#appointment-info-modal .ec-patient-age {
    margin-left: 3px;
}

#RDVModalSubmit .date-group,
#appointment-info-modal .date-group {
    margin-bottom: 7px;
}

#appointment-info-modal #patient_name>a.phone {
    margin-left: 8px;
    position: relative;
    top: 1px;
}

#appointment-info-modal #patient_name>a.phone>i {
    font-size: 19px;
}

.tbl-align {
    width: 100%;
}

.tbl-align tr:not(.hidden, .always-hidden) {
    display: table-row !important;
}

.tbl-align>tbody>tr>th,
.tbl-align>tbody>tr>td {
    padding-top: 10px;
}

.tbl-align>tbody>tr>th {
    padding-right: 10px;
    text-align: left;
}

.tbl-align>tbody>tr>th>label {
    margin-bottom: 0;
}

.tbl-align>tbody>tr:first-child>th,
.tbl-align>tbody>tr:first-child>td {
    padding-top: 0;
}

.tbl-align>tbody>tr:first-child>td>.btn-add-employee-icon,
.tbl-align>tbody>tr:first-child>td>.btn-add-patient-icon {
    top: 7px;
}

.tbl-align>tbody>tr:not(:first-child)>td>.btn-add-employee-icon,
.tbl-align>tbody>tr:not(:first-child)>td>.btn-add-patient-icon {
    top: 17px;
}

.tbl-align>tbody>tr>th:first-child {
    vertical-align: top;
}

.tbl-appointment>tbody>tr>th:first-child {
    width: 105px;
}

.dtr-bs-modal .dtr-details {
    margin-bottom: 0;
}

.dtr-bs-modal .dtr-details>tr>td {
    text-align: left !important;
}

.dashboard-card {
    padding: 18px 16px 0;
    position: relative;
    border: 3px solid #ddd;
    border-radius: 10px;
    margin-bottom: 24px;
}

.dashboard-card .card-header-title {
    position: absolute;
    top: -17px;
    left: 9px;
    background: #efefef;
    padding: 0 10px;
    z-index: 99999;
}

.dashboard-card .s-line {
    font-size: 21px;
    margin: 0 7px;
}

#print-content {
    left: -9999px;
    top: -9999px;
    position: absolute;
}

#print-content .card-print {
    border: none !important;
}

#print-content .card .card-body {
    padding: 0 !important;
}

#print-content .clickable,
#print-content a[href] {
    color: #2d2d2d !important;
    font-weight: normal !important;
}

#print-content .card-print .header-top {
    margin-left: 0 !important;
}

#print-content .card-body.no-padding .wrap-qrcode {
    margin-left: 0 !important;
}

#print-content .card-print .wrap-drugs {
    padding-left: 0;
}

#print-content .card-print .wrap-drugs .stt-drug {
    margin-right: 7px;
    display: inline-block !important;
}

#print-content .card-print .wrap-footer {
    padding: 0;
}

.v-pills-treatment-plans>.row>.arrow,
.v-pills-treatment-goals>.row>.arrow {
    font-size: 35px;
    color: #979797;
    align-self: center;
    user-select: none;
}

.v-pills-treatment-plans>.row>.col-sm-auto,
.v-pills-treatment-goals>.row>.col-sm-auto {
    flex: 1;
}

.v-pills-treatment-goals>.row>div:first-child>.form-group,
.v-pills-treatment-plans>.row>div:first-child>.form-group {
    height: 100%;
}

.v-pills-treatment-goals>.row>div>.form-group .card.wrap-services,
.v-pills-treatment-plans>.row>div>.form-group .card.wrap-services {
    height: calc(100% - 40px);
}

ul.fancytree-container {
    font-family: inherit !important;
    font-size: 12pt !important;
}

ul.fancytree-container {
    border: none !important;
}

ul.fancytree-container li.fancytree-lastsib {
    display: inline-block;
}

span.fancytree-focused span.fancytree-title {
    outline: none;
}

#tree span.fancytree-icon,
#tree span.fancytree-checkbox,
#tree span.fancytree-expander,
#tree span.fancytree-custom-icon {
    margin-top: 4px;
}

#tree .fancytree-unselectable {
    pointer-events: none;
    user-select: none;
}

#tree .fancytree-unselectable .fancytree-title {
    opacity: 0.5;
}

.fancytree-folder .fancytree-title {
    font-weight: bold;
}

#tree span.fancytree-selected.fancytree-unselectable span.fancytree-title,
#tree span.fancytree-active.fancytree-unselectable span.fancytree-title {
    background-color: #fff;
    border: 1px solid transparent;
    outline: 1px dotted transparent;
    color: black !important;
}

#tree span.fancytree-focused.fancytree-unselectable span.fancytree-title {
    color: black !important;
    outline: 1px dotted transparent;
}

#tree .fancytree-treefocus span.fancytree-selected.fancytree-folder span.fancytree-title,
#tree .fancytree-treefocus span.fancytree-active.fancytree-folder span.fancytree-title {
    color: black;
    background-color: #fff;
}

#tree .fancytree-plain.fancytree-container.fancytree-treefocus:not(.fancytree-folder) span.fancytree-active:not(.fancytree-unselectable, .fancytree-folder) span.fancytree-title,
#tree .fancytree-plain.fancytree-container.fancytree-treefocus:not(.fancytree-folder) span.fancytree-selected:not(.fancytree-unselectable, .fancytree-folder) span.fancytree-title {
    background-color: var(--bg-selected);
    border-color: #26a0da;
    color: black;
    outline: 1px dotted transparent;
}

#tree .fancytree-container span.fancytree-node:not(.fancytree-unselectable, .fancytree-folder) span.fancytree-title:hover {
    background-color: var(--bg-selected);
    border-color: #26a0da;
    outline: 1px dotted transparent;
    color: black;
    padding-right: 4px;
    border-radius: 5px;
}

#tree span.fancytree-selected.fancytree-folder span.fancytree-title,
#tree span.fancytree-active.fancytree-folder span.fancytree-title {
    background-color: transparent;
    border: 1px solid transparent;
    outline: 1px dotted transparent;
}

.price-table>thead>tr>th {
    background-color: #005f9d;
    color: #fff;
}

.price-table>thead>tr>th,
.price-table>tbody>tr>td {
    border-color: #005f9d;
    font-size: 18px;
}

.price-table>tbody>tr>td {
    color: #30374b;
}

.price-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(199 225 255 / 36%);
}

#review-service-modal .modal-body {
    max-height: calc(100vh - 160px);
    overflow: auto;
}

.review-service-form .card {
    border: none;
}

.card-review-service .card-header {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
}

.review-service-form .card-review-service .card-header {
    padding-bottom: 10px !important;
}

.card-review-service .comment {
    height: 80px;
}

.card-review-service .wrap-review .wrap-review-header,
.card-review-service .wrap-review .wrap-review-star {
    display: flex;
    align-items: center;
}

.card-review-service .wrap-review .wrap-review-star {
    margin-bottom: 10px;
}

.card-review-service .wrap-review.has-review .wrap-review-star {
    margin-bottom: 0;
}

.card-review-service .wrap-review-comment .review-content {
    margin-top: 5px;
    font-weight: 600;
}

.card-review-service .wrap-review-header .wrap-review-image {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .09);
    display: inline-block;
    flex-shrink: 0;
    height: 3.5rem !important;
    margin-right: .625rem;
    width: 3.5rem !important;
}

.card-review-service .wrap-review-header .wrap-review-image .review-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.card-review-service .wrap-review-header .review-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.card-review-service .wrap-review .label-review-star,
.card-review-service .wrap-review .wrap-stars {
    margin-right: 15px;
}

.card-review-service .wrap-review .label-review-star {
    font-weight: 600;
}

.card-review-service .wrap-review .wrap-stars {
    position: relative;
    padding: 4px;
    user-select: none;
}

.card-review-service .wrap-review.has-review .wrap-stars {
    padding: 0;
}

.card-review-service .wrap-review .wrap-stars>input[type="radio"] {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
}

.card-review-service .wrap-review .wrap-stars>.icon-star {
    color: #333;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 0;
}

.card-review-service .wrap-review .wrap-stars>.icon-star.disabled {
    pointer-events: none;
    cursor: default;
}

.card-review-service .wrap-review .wrap-stars>.icon-star.selected {
    color: orange;
}

.card-review-service .wrap-review .star-text {
    color: #e99701;
    user-select: none;
}

#review-service-modal .btn-edit-review {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#review-service-modal .service-name {
    margin-left: 5px;
}

#review-service-modal .card.shadow-1 .btn-edit-review {
    top: 7px;
    right: 6px;
}

.review-service-form .card.shadow-1 .card-header>h6,
#review-service-modal .card.card-review-service .card-header>h6 {
    margin: 15px 20px 0;
}

#tab-sms .card-deposit .card-body {
    padding-top: 0;
}

#tab-sms .wrap-sms-statistic {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

#tab-sms .wrap-sms-statistic>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f8f9fc;
    border: 1px solid #e3e6f0;
    border-radius: 8px;
    padding: 14px 24px;
    min-width: 140px;
    flex: 1;
    transition: box-shadow 0.2s;
}

#tab-sms .wrap-sms-statistic>div:hover {
    box-shadow: 0 2px 8px rgba(78, 115, 223, 0.12);
}

#tab-sms .wrap-sms-statistic .stat-icon {
    font-size: 22px;
    margin-bottom: 8px;
    color: #4e73df;
}

#tab-sms .wrap-sms-statistic .sms-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #858796;
    margin-bottom: 4px;
    font-weight: 600;
    text-align: center;
}

#tab-sms .wrap-sms-statistic b {
    font-size: 24px;
    font-weight: 700;
    color: #4e73df;
    line-height: 1.2;
}

.deposit-table .icon-momo {
    width: 25px;
    height: 25px;
}

.deposit-table .wrap-service-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap-header .wrap-view-icon {
    margin-left: 20px;
}

#tab-content #image-tab {
    text-align: center;
    margin-top: 30px;
}

.card-gallery #tab-content #image-tab,
.card-gallery #tab-content #video-tab {
    margin-top: 0;
}

#tab-image-gallery .wrap-tab-buttons,
#tab-video-gallery .wrap-tab-buttons {
    position: absolute;
    top: 9px;
    right: 12px;
    display: flex;
    align-items: center;
}

#tab-image-gallery .wrap-view-icon,
#tab-video-gallery .wrap-view-icon {
    margin-right: 28px;
}

#video-modal .tbl-videos>tbody>tr>td {
    text-align: center;
}

#video-modal .tbl-videos>tbody>tr>td textarea {
    min-height: 62px;
}

#video-modal .tbl-videos>tbody>tr>td a {
    user-select: none;
}

#video-modal .tbl-videos>tbody>tr>td a:hover {
    text-decoration: none;
}

#video-modal .wrap-tbl-video {
    overflow-y: auto;
    max-height: calc(100vh - 300px);
}

#video-modal .wrap-tbl-video table>thead>tr>th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

#image-gallery-tab>i,
#video-gallery-tab>i {
    position: relative;
    top: 1px;
    margin-right: 9px;
}

.tab-pane#dental .dataTable>tbody>tr>td.sortable,
.tab-pane#obstetric .dataTable>tbody>tr>td.sortable,
.tab-pane#aesthetic .dataTable>tbody>tr>td.sortable,
.tab-pane#therapist .dataTable>tbody>tr>td.sortable {
    cursor: default;
}

.tab-pane#dental .dataTable>tbody>tr>td.sortable>i,
.tab-pane#obstetric .dataTable>tbody>tr>td.sortable>i,
.tab-pane#aesthetic .dataTable>tbody>tr>td.sortable>i,
.tab-pane#therapist .dataTable>tbody>tr>td.sortable>i {
    cursor: move;
}

.tab-pane .btn-sm.btn-outline-primary {
    border-width: 2px;
}

.tab-pane .btn-sm.btn-outline-primary:not([disabled]) {
    font-weight: bold;
}

.btn-add-doctor {
    margin-left: auto;
    display: flex;
    align-items: center;
    height: 36px;
}

.btn-add-doctor>i {
    margin-right: 5px;
}

.box-notify {
    padding: 20px 50px !important;
    font-weight: bold;
}

.box-notify span[data-notify="message"] {
    font-size: 20px;
}

.treatment-table-3>tbody>tr>td.col-content>i,
.treatment-table-3>tbody>tr>td.col-goal .wrap-content i.fa-comment-alt {
    margin-left: 7px;
    position: relative;
    top: 1px;
    color: #8d8d8d;
}

.tab-content #dental-service-code,
.tab-content #goal-code {
    font-weight: bold;
}

.card-short-code {
    border-width: 2px;
}

.card-short-code .card-body {
    display: flex;
    gap: 8px;
}

.card-short-code .goal-item:hover>i:before {
    content: "\F058";
}

#card-today-appointment .btn-search-patient {
    position: absolute;
    left: 4px;
    top: 5px;
    color: #b1b1b1;
    padding: 3px 5px;
}

#card-today-appointment .wrap-search-patient {
    position: relative;
    right: 0;
    margin-right: 10px;
    margin-left: 10px;
}

#card-today-appointment .wrap-search-patient .search-input {
    padding-left: 30px;
}

#card-today-appointment .card-header>h6 {
    white-space: nowrap;
}

#card-today-appointment .appointment-table>tbody>tr>td:first-child {
    border-right: none;
}

#card-today-appointment .appointment-table>tbody>tr:not(.empty):hover {
    cursor: pointer;
    background-color: var(--bg-selected);
    border-color: #26a0da;
}

#card-today-appointment .card-header {
    align-items: start;
}

#card-today-appointment .card-header:not(.collapsed) {
    padding-bottom: 5px !important;
}

#card-today-appointment .full-date-text {
    font-size: 15px;
}

#card-today-appointment .appointment-table {
    margin-bottom: 0 !important;
}

#tbl-goal-library #check-all-libraries {
    position: relative;
    top: 3px;
}

#tbl-goal-library .library-checkbox {
    position: relative;
    top: 1px;
}

#tbl-goal-library tbody tr:hover {
    cursor: pointer;
    background-color: #ecf9ff;
}

.data-table tbody>tr>td.multiple-lines {
    white-space: normal !important;
    word-wrap: break-word;
}

.data-table>tbody>tr>td i.fa-info-circle {
    margin-left: 2px;
    font-size: 12px;
    position: relative;
    top: -1px;
}

.data-table>thead>tr>th>.wrap-currency {
    position: relative;
}

.wrapper-goal-details {
    padding: 0 10px;
}

.wrapper-goal-details h3,
.wrapper-goal-details h4 {
    color: #64748b;
}

.domain-parent-header {
    background: #f9fbfc;
    font-size: 15px;
    font-weight: 500;
}

.domain-parent-header i.fa-lock {
    font-size: 14px;
    color: #a2a9b0;
}

.domain-parent-header .text-muted {
    font-size: 14px;
}

.gap-2 {
    gap: 0.5rem;
}

#tbl-category .col-parent-category>i {
    color: #b1b1b1;
    margin-right: 5px;
}

#add-payment-modal .amount-group>label {
    width: 100%;
}

#add-payment-modal .amount-group>label>span.label {
    margin-left: 8px;
    float: right;
    padding: 6px 8px 5px;
    cursor: pointer;
}

.dataTables_filter_select2 {
    display: flex;
}

.dataTables_filter_select2 .select2-container .select2-selection--single {
    height: 31px !important;
    font-size: 15px;
    line-height: 31px;
    padding: 0 6px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    width: 200px;
}

.dataTables_filter_select2 .select2-container .select2-selection--single .select2-selection__rendered,
.dataTables_filter_select2 .select2-container .select2-selection--single .select2-selection__placeholder {
    line-height: 31px;
}

.dataTables_filter_select2 .select2-container .select2-selection--single .select2-selection__clear {
    margin-top: 8px;
    line-height: 1;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dataTables_filter_select2 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 4px;
    padding-right: 0;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    display: none;
}

select.form-control {
    appearance: none;
    -webkit-appearance: none;
    /* Safari */
    -moz-appearance: none;
    /* Firefox */
    padding-right: 23px !important;
}

select.form-control,
.select2-container .select2-selection--single {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .35rem center/12px 15px;
}

.select2-container .select2-selection--single {
    padding-right: 21px !important;
}

select[data-allow-clear="true"]+.select2-container .select2-selection--single {
    padding-right: 18px !important;
}

.tab-pane .wrap-main-filters {
    margin-bottom: 10px;
}

.tab-pane .wrap-main-filters .btn-refresh {
    height: 38px;
}

.tab-pane .wrap-main-filters .arrow-next {
    font-size: 21px;
    color: #586979;
}

.tab-pane .wrap-main-filters .btn-prev {
    background: url("data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20standalone=%22no%22%3F%3E%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M2%2012l6%206%206-6%22%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke-width=%222%22/%3E%3C/svg%3E") no-repeat right .35rem center/12px 15px;
}

#add-export-supply-form .col-amount>.wrap-amount,
#tbl-used-supplies .col-amount>.wrap-amount {
    position: relative;
}

#add-export-supply-form .col-amount .remain,
#tbl-used-supplies .col-amount .remain {
    position: absolute;
    top: -17px;
    right: 0;
    font-size: 12px;
    padding-top: 2px;
    padding-right: 3px;
    border-top: 0;
    border-right: 0;
}

#add-export-supply-form .form-group,
#add-multiple-payments-form .form-group {
    margin-bottom: 10px;
}

#add-export-supply-form .note-cell,
#add-multiple-payments-form .note-cell {
    display: inline-block;
    border-bottom: 1px dashed #999;
    padding: 2px 6px 2px 4px;
    cursor: text;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    vertical-align: middle;
}

#add-export-supply-form .note-cell.ellipsis,
#add-multiple-payments-form .note-cell.ellipsis {
    text-overflow: ellipsis;
}

#add-export-supply-form .note-cell[contenteditable="false"][data-original-title=""],
#add-multiple-payments-form .note-cell[contenteditable="false"][data-original-title=""] {
    padding-top: 17px;
}

#add-export-supply-form .note-cell:focus,
#add-multiple-payments-form .note-cell:focus {
    outline: none;
    border-bottom: 1px solid #007bff;
    background: #f8f9fa;
}

#add-export-supply-form .data-table>tbody>tr.has-value,
#add-multiple-payments-form .data-table>tbody>tr.has-value {
    background-color: #ecf9ff;
}

#add-export-supply-form .data-table>tbody>tr>td,
#tbl-used-supplies>tbody>tr>td:not(.dataTables_empty) {
    padding-top: 16px;
    padding-bottom: 16px;
}

#tbl-used-supplies>tbody>tr>td.dataTables_empty {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #5f6f85;
}

#tbl-supply-export>tbody>tr>td.col-supplier i,
#tbl-supply-used>tbody>tr>td.col-supplier i,
#tbl-supply-payment-history>tbody>tr>td.col-supplier i,
#tbl-add-multiple-payments-modal>tbody>tr>td.col-supplier i,
#tbl-export-supply-modal>tbody>tr>td.col-supplier i,
#tbl-used-supplies>tbody>tr>td.col-supplier i {
    display: none;
}

#add-export-supply-form .data-table>tbody>tr.has-value>td .amount {
    font-weight: bold;
}

.supply-payment-history-table .note-ellipsis {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    cursor: help;
}

.btn-group-transaction i.cancel,
.modal .modal-footer .btn-ok>i.cancel {
    display: inline-block;
    width: 20px;
    height: 16px;
    position: relative;
    top: 2px;
}

.wrap-main-filters .btn-reset-filters>i {
    margin-right: 2px;
    font-size: 17px;
    position: relative;
    top: 1px;
}

#tbl-supply-payment-history .editable-empty {
    color: transparent !important;
    position: relative;
    min-width: 60px;
    display: inline-block;
    width: 100%;
}

.modal .wrap-filters.disabled>div:not(.col-date),
.modal .wrap-filters.disabled+.row .table-filter .dataTables_filter,
.modal .wrap-filters.disabled+.row .dataTables_wrapper .dataTables_paginate,
.modal .wrap-filters.disabled+.row .dataTables_wrapper .dataTables_length {
    opacity: 0.6;
    pointer-events: none;
}

.modal .wrap-filters.disabled .col-date .form-control,
.modal .wrap-filters.disabled .col-date .datepicker-group>.input-group-append {
    pointer-events: none;
}

.modal .wrap-filters.disabled .col-date .form-control,
.modal .wrap-filters.disabled .col-date .form-control:focus,
.modal .wrap-filters.disabled .col-date .form-control:active {
    background-color: #f2f2f2;
}

.select2-container .select2-results__option .old-ward,
.select2 .select2-selection__rendered .old-ward {
    font-weight: 300;
    color: #565656;
}

.chat-response ul {
    list-style-type: none;
    padding-left: 0;
}

.loader:not(.spinner-border) {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Style and animate each icon */
.loader:not(.spinner-border) i {
    color: #5b92e5;
    font-size: 16px;
    margin: 0 4px;
    /* Apply the animation */
    animation: bounce 1.4s infinite ease-in-out both;
}

/* Stagger the animation start time for each icon */
.loader:not(.spinner-border) i:nth-child(1) {
    animation-delay: -0.32s;
}

.loader:not(.spinner-border) i:nth-child(2) {
    animation-delay: -0.16s;
}

.loader:not(.spinner-border) i:nth-child(3) {
    animation-delay: 0s;
}

.loader:not(.spinner-border) i:nth-child(4) {
    animation-delay: 0.16s;
}

.loader:not(.spinner-border) i:nth-child(5) {
    animation-delay: 0.32s;
}

/* ─── AI Chat Box ─── */
.ai-box {
    position: fixed;
    right: 75px;
    bottom: 90px;
    left: auto;
    width: 400px;
    max-width: calc(100vw - 40px);
    z-index: 1030;
    margin: 0;
    display: none;
    animation: aiBoxSlideUp 0.25s ease-out;
}

@keyframes aiBoxSlideUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ai-box.show {
    display: block;
}

.ai-box .card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.ai-box .ai-box-header {
    background: linear-gradient(135deg, #007bff 0%, #6610f2 100%);
    border: none;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ai-box .ai-box-header .ai-box-title {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ai-box .ai-box-header .ai-box-title i {
    font-size: 17px;
}

.ai-box .card-body {
    padding: 14px 16px;
    margin: 0 !important;
    position: relative;
}

.ai-box .ai-input-wrap {
    position: relative;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: #f8f9fa;
}

.ai-box .ai-input-wrap:focus-within {
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    background: #fff;
}

.ai-box .ai-textarea {
    border: none;
    padding: 12px 48px 12px 14px;
    font-size: 15px;
    background: transparent;
    resize: none;
    min-height: 130px;
    max-height: 150px;
    width: 100%;
    line-height: 1.5;
}

.ai-box .ai-textarea:focus {
    box-shadow: none;
    outline: none;
}

.ai-box .ai-input-wrap .btn {
    position: absolute;
    right: 8px;
    bottom: 8px;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007bff;
    transition: all 0.2s ease;
}

.ai-box .ai-input-wrap .btn:hover {
    background-color: #007bff;
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.35);
}

.ai-box .ai-input-wrap .btn:active {
    transform: scale(0.95);
}

/* ─── AI Toggle Button (FAB) ─── */
.ai-toggle-btn {
    position: fixed;
    right: 63px;
    bottom: 63px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #007bff 0%, #6610f2 100%);
    color: #fff;
    border: none;
    box-shadow: 0 4px 16px rgba(0, 123, 255, 0.35);
    z-index: 1031;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.ai-toggle-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 24px rgba(0, 123, 255, 0.45);
    color: #fff;
}

.ai-toggle-btn:active {
    transform: scale(0.95);
}

.ai-toggle-btn:focus {
    outline: none;
}

/* ─── Topbar center slot ─── */
.topbar-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* AI toggle in topbar — override FAB styles */
.ai-toggle-btn.ai-toggle-topbar {
    position: static;
    width: 42px;
    height: 42px;
    font-size: 18px;
    right: auto;
    bottom: auto;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
    flex-shrink: 0;
}

.ai-toggle-btn.hidden {
    display: none !important;
}

/* Custom tooltip for AI toggle */
.ai-toggle-btn[data-toggle="tooltip"] + .tooltip .tooltip-inner {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.ai-toggle-btn[data-toggle="tooltip"] + .tooltip .arrow::before {
    border-left-color: #1a1a2e;
}

/* ─── AI Box Close Button ─── */
.ai-box-close {
    position: absolute;
    top: 10px;
    right: 12px;
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 17px;
    line-height: 1;
    padding: 4px 6px;
    cursor: pointer;
    z-index: 1;
    border-radius: 6px;
    transition: all 0.15s;
}

.ai-box-close:hover {
    color: #dc3545;
    background: rgba(220, 53, 69, 0.08);
}

#treatment-ai-btn {
    border: none;
    background: transparent;
    color: #007bff;
    transition: all 0.2s;
}

#treatment-ai-btn:hover {
    background: #007bff;
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.35);
}

#treatment-ai-btn:active {
    transform: scale(0.95);
}

#treatment-ai-btn:focus {
    box-shadow: none;
    outline: none;
}

#treatment-ai-btn.listening {
    color: #dc3545 !important;
}

#treatment-ai-btn.listening>i {
    border-radius: 50%;
    animation: pulse 1.4s infinite;
}

/* ─── Input Assessment Score Pills ─── */
.ia-score-btn {
    width: 36px;
    height: 36px;
    border-radius: 50% !important;
    padding: 0;
    line-height: 34px;
    font-weight: 700;
    font-size: 0.85rem;
    border: 2px solid #adb5bd;
    color: #6c757d;
    background: #fff;
    margin: 0 2px;
    transition: all .15s ease-in-out;
}

.ia-score-btn:hover {
    border-color: #007bff;
    color: #007bff;
}

.ia-score-btn.active {
    background: #007bff;
    border-color: #007bff;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, .25);
}

/* colour tiers */
.ia-score-btn[data-score="1"].active {
    background: #dc3545;
    border-color: #dc3545;
}

.ia-score-btn[data-score="2"].active {
    background: #fd7e14;
    border-color: #fd7e14;
}

.ia-score-btn[data-score="3"].active {
    background: #ffc107;
    border-color: #ffc107;
    color: #212529 !important;
}

.ia-score-btn[data-score="4"].active {
    background: #20c997;
    border-color: #20c997;
}

.ia-score-btn[data-score="5"].active {
    background: #28a745;
    border-color: #28a745;
}

/* badge tiers in legend */
.ia-badge-score {
    font-size: .9em;
    padding: .35em .55em;
    border-radius: 50%;
}

.ia-badge-1 {
    background: #dc3545;
    color: #fff;
}

.ia-badge-2 {
    background: #fd7e14;
    color: #fff;
}

.ia-badge-3 {
    background: #ffc107;
    color: #212529;
}

.ia-badge-4 {
    background: #20c997;
    color: #fff;
}

.ia-badge-5 {
    background: #28a745;
    color: #fff;
}

.ia-modal-body {
    padding: 1rem 1.25rem;
}

.ia-category-header {
    cursor: default;
}

.ia-goal-table td,
.ia-goal-table th {
    vertical-align: middle !important;
}

#input-assessment-modal .modal-content {
    min-height: 300px;
}

/* assessed badge on patient list */
.ia-assessed-badge {
    font-size: 0.7rem;
    vertical-align: middle;
}

/* Loading state */
.ia-loading-spinner .spinner-border {
    animation: spinner-border .85s linear infinite;
    display: inline-block;
}

#input-assessment-modal .modal-body.py-5 {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.ia-embed-wrapper .ia-embed-save-row {
    position: relative;
    background: #fff;
    z-index: 1;
}

.ia-save-floating-wrap {
    position: fixed;
    right: 4.5rem;
    bottom: 1.3rem;
    z-index: 1060;
}

.ia-save-floating-wrap .btn {
    min-width: 180px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .18) !important;
}

.dow-pill-group {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.dow-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid var(--border-input);
    background: #fff;
    color: #5a5c69;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    user-select: none;
    transition: background .15s, border-color .15s, color .15s, box-shadow .15s;
    margin-bottom: 4px;
}

.dow-pill input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.dow-pill:hover {
    border-color: var(--color-primary-light);
    color: var(--color-primary-light);
    box-shadow: 0 0 0 3px rgba(78, 115, 223, .15);
}

.dow-pill.is-checked {
    background: var(--color-primary-light);
    border-color: var(--color-primary-light);
    color: #fff;
    box-shadow: 0 2px 6px rgba(78, 115, 223, .4);
}

.dow-weekend.is-checked {
    background: var(--color-danger);
    border-color: var(--color-danger);
    box-shadow: 0 2px 6px rgba(231, 74, 59, .35);
}

.dow-weekend:hover {
    border-color: var(--color-danger);
    color: var(--color-danger);
    box-shadow: 0 0 0 3px rgba(231, 74, 59, .15);
}

#ai-note-summary-modal {
    z-index: 1053;
}

#record-note-modal .close {
    font-size: 31px;
}

body.modal-open .topbar {
    z-index: 1030 !important;
}

.btn-record-note-ai {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #2f6fdd;
    background: linear-gradient(180deg, var(--text-light) 0%, #eef5ff 100%);
    color: #2458bd !important;
    box-shadow: 0 2px 8px rgba(47, 111, 221, .18);
    transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
    position: absolute;
    top: -3px;
    margin-left: 5px;
}

.btn-record-note-ai i {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 999px;
    background: rgba(47, 111, 221, .13);
    color: #2f6fdd !important;
    font-size: 11px;
}

.btn-record-note-ai:hover,
.btn-record-note-ai:focus {
    color: #2458bd;
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(42, 99, 200, .24);
    filter: brightness(1.01);
    text-decoration: none;
}

#record-note-modal .modal-content {
    border: 1px solid #dbe5f6;
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, #f9fbff 0%, #f4f8ff 100%);
    box-shadow: 0 10px 24px rgba(20, 45, 93, .16);
}

#record-note-modal .modal-header {
    border-bottom: 1px solid #e2e9f8;
    background: #fff;
    color: #3c4d6e;
}

#record-note-modal .modal-title {
    font-weight: 700;
    font-size: 1.02rem;
    letter-spacing: .2px;
}

#record-note-modal .modal-title i {
    color: #3f7ee8;
}

#record-note-modal .modal-body {
    padding: 28px 24px 22px;
    background: #fff;
}

#record-note-modal .recording-panel {
    border: 1px solid #d2ddf1;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(21, 45, 86, .08), inset 0 0 0 1px rgba(196, 210, 236, .75);
    background: linear-gradient(180deg, var(--text-light) 0%, #f8fbff 100%);
    padding: 18px 16px;
}

.recording-status {
    font-weight: 700;
    color: #3c4d6e;
    letter-spacing: .2px;
}

.recording-time {
    font-weight: 700;
    color: #2158bc;
    text-shadow: 0 0 10px rgba(47, 111, 221, .14);
}

#record-note-modal .recording-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #ef4444;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, .45);
    animation: pulse-recording 1.5s infinite;
    margin-right: 6px;
    vertical-align: middle;
}

@keyframes pulse-recording {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, .45);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

#record-note-modal .modal-footer {
    border-top: 1px solid #e2e9f8;
    background: linear-gradient(180deg, #f8fbff 0%, #f4f8ff 100%);
}

/* The bounce animation keyframes */
@keyframes bounce {

    0%,
    80%,
    100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1.0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.6);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 77, 79, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 77, 79, 0);
    }
}

#hipaa-confirm-password-modal .hipaa-confirm-dialog {
    max-width: 430px;
    width: calc(100% - 32px);
}

#hipaa-confirm-password-modal {
    z-index: 20010 !important;
}

.modal.hipaa-reauth-underlay {
    pointer-events: none;
}

.hipaa-reauth-overlay {
    background: rgba(20, 28, 38, .58);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20000;
}

#hipaa-confirm-password-modal.hipaa-manual-modal {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

#hipaa-confirm-password-modal .hipaa-confirm-modal-content {
    border: 0;
    border-radius: 8px;
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

#hipaa-confirm-password-modal .modal-header {
    align-items: center;
    background: var(--bg-body);
    border-bottom: 1px solid var(--border-main);
    padding: 18px 20px;
}

#hipaa-confirm-password-modal .hipaa-confirm-heading {
    align-items: center;
    display: flex;
    min-width: 0;
}

#hipaa-confirm-password-modal .hipaa-confirm-heading__icon {
    align-items: center;
    background: var(--bg-light);
    border-radius: 50%;
    color: var(--color-primary);
    display: inline-flex;
    flex: 0 0 38px;
    font-size: 16px;
    height: 38px;
    justify-content: center;
    margin-right: 12px;
}

#hipaa-confirm-password-modal .modal-title {
    color: var(--text-dark);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
}

#hipaa-confirm-password-modal .close {
    align-items: center;
    border-radius: 50%;
    color: var(--text-muted);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    margin: 0 0 0 12px;
    padding: 0;
    width: 34px;
}

#hipaa-confirm-password-modal .close:hover,
#hipaa-confirm-password-modal .close:focus {
    background: var(--bg-light);
    color: var(--text-dark);
    outline: none;
}

#hipaa-confirm-password-modal .modal-body {
    background: var(--bg-body);
    padding: 22px 20px 20px;
}

.hipaa-confirm-context {
    align-items: center;
    background: var(--bg-light);
    border: 1px solid var(--border-main);
    border-radius: 6px;
    display: flex;
    margin-bottom: 20px;
    padding: 13px 14px;
}

.hipaa-confirm-context__icon {
    align-items: center;
    color: var(--color-primary);
    display: inline-flex;
    flex: 0 0 32px;
    font-size: 24px;
    justify-content: center;
    margin-right: 12px;
    position: relative;
}

.hipaa-confirm-context__icon span {
    align-items: center;
    background: var(--bg-body);
    border: 1px solid var(--border-main);
    border-radius: 50%;
    bottom: -3px;
    display: inline-flex;
    font-size: 8px;
    height: 17px;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 17px;
}

.hipaa-confirm-context p {
    color: var(--text-main);
    font-size: .9rem;
    line-height: 1.45;
    margin: 0;
}

.hipaa-confirm-field {
    margin-bottom: 22px;
}

.hipaa-confirm-field label {
    color: var(--text-dark);
    font-size: .86rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.hipaa-confirm-field label i {
    color: var(--color-primary-light);
    margin-right: 6px;
}

.hipaa-confirm-field .form-control {
    border-color: var(--border-input);
    border-radius: 6px 0 0 6px;
    box-shadow: none;
    height: 44px;
    padding: 10px 13px;
}

.hipaa-confirm-field .form-control:focus {
    border-color: var(--color-primary-light);
    box-shadow: 0 0 0 3px var(--bg-selected);
    position: relative;
    z-index: 3;
}

.hipaa-confirm-field .form-control.is-invalid {
    border-color: var(--color-danger);
}

.hipaa-password-toggle {
    background: var(--bg-lighter);
    border: 1px solid var(--border-input);
    border-left: 0;
    border-radius: 0 6px 6px 0;
    color: var(--text-muted);
    height: 44px;
    min-width: 44px;
    padding: 0 12px;
}

.hipaa-password-toggle:hover,
.hipaa-password-toggle:focus {
    background: var(--bg-selected);
    color: var(--color-primary);
    outline: none;
}

.hipaa-confirm-field .invalid-feedback {
    color: var(--color-danger);
    font-size: .82rem;
    margin-top: 7px;
}

.hipaa-confirm-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.hipaa-confirm-actions .btn {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-weight: 700;
    gap: 7px;
    height: 42px;
    justify-content: center;
    min-width: 112px;
    padding: 8px 16px;
}

.hipaa-confirm-cancel {
    background: var(--bg-light);
    border: 1px solid var(--border-main);
    color: var(--text-main);
}

.hipaa-confirm-submit {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.hipaa-confirm-submit:hover,
.hipaa-confirm-submit:focus {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.hipaa-confirm-submit:disabled {
    cursor: wait;
    opacity: .72;
}

@media (max-width: 575.98px) {
    #hipaa-confirm-password-modal .hipaa-confirm-dialog {
        margin: 16px auto;
        width: calc(100% - 24px);
    }

    #hipaa-confirm-password-modal .modal-header,
    #hipaa-confirm-password-modal .modal-body {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hipaa-confirm-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .hipaa-confirm-actions .btn {
        width: 100%;
    }
}