body {
    color: #333 !important;
}

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

.text-primary {
    color: #214bc6 !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: #ff0000;
    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: #a4a7a8;
}

.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: #4e73df !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;
}

.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: #f5f5f5;
}

.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: #caccd4;
}

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

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

.opacity-0 {
    opacity: 0;
}

.clickable {
    color: #4e73df;
    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: #242426 !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: #17a673;
    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-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;
}

.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: #4e73df;
    background-color: transparent !important;
    border-bottom: 3px solid #4e73df !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: #ef9624;
    border-color: #ef9624;
    color: #fff;
}

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

.btn-primary {
    background-color: #214bc6;
    border-color: #214bc6;
}

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

.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: #4e73df;
    border-color: #4e73df;
}

.btn-primary.dropdown-toggle-split {
    background-color: #052fa9;
    border-color: #052fa9;
}

.btn-edit-1 {
    color: #fff;
    background-color: #42ccfa;
    border-color: #42ccfa;
}

.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: #fe776b;
    border-color: #fe776b;
}

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

.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: #f4b619;
    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 #fe776b;
    border-bottom: 1px solid #fe776b;
    border-left: 1px solid #fe776b;
}

.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 #d1d3e2;
    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: #efefefbf;
}

.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: #4e73df;
}

.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: #ffffff;
}

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 #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 + .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: cover;
    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: #0458ff;
}

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

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

.editable-empty {
    color: #4e73df !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: #ffffff;
    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 #e3e6f0;
    border-bottom: 1px solid #e3e6f0;
    border-right: 1px solid #e3e6f0;
}

.table-sticky > tbody > tr > td {
    vertical-align: middle;
    border-right: 1px solid #e3e6f0;
}

.table-sticky > tbody > tr:last-child > td {
    border-bottom: 1px solid #e3e6f0;
}

.table-sticky > thead > tr > th:first-child,
.table-sticky > tbody > tr > td:first-child {
    border-left: 1px solid #e3e6f0;
}

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;
    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;
}

.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: #ffffff;
}

.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: #127914;
    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: #e74a3b;
    border-color: #e74a3b;
}

.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);
}

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: #d1d3e2;
    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: #333333e0;
    color: #fff;
    z-index: 1;
    border-radius: 6px;
}

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

.dataTable tbody > tr.selected > td {
    background-color: #fffca4;
}

.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 #e3e6f0;
}

#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: #214bc6;
    border-color: #4e73df;
}

.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: #f3f5f6;
    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: #ffffff;
    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 #4e73df;
    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: 34px;
    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: #f5f5f5 !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: #36a4cc;
}

.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 #e3e6f0;
    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;
}

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;
}

.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;
}

#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: #36a4cc;
    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: #36a4cc;
}

.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: #214bc6;
    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: #cbe8f6;
    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: 0;
}

.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 #d1d3e2;
    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: #214bc6;
    color: #fff;
}

.card-other-info .popular-disease.selected,
.card-other-info .popular-disease.selected:hover {
    background-color: #214bc6;
    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: #36a4cc;
    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: #f5f5f5;
}

.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: #36a4cc;
}

.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: #4e73df !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 #4e73df;
}

.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 #e3e6f0 !important;
    border-left: 3px solid #e3e6f0;
    border-right: 3px solid #e3e6f0;
}

.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 #e3e6f0 !important;
    border-right: 3px solid #e3e6f0 !important;
}

.history-table tbody > tr.child:last-child {
    border-bottom: 3px solid #e3e6f0 !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: #36a4cc;
}

.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: #f5f5f5;
    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: #36a4cc;
}

.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: #214bc6;
}

.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 {
    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"] {
    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 {
    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: #4e73df;
}

.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: #4e73df;
    margin: 0;
}

#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;
}

.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: #36a4cc;
}

.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: #214bc6;
    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: #214bc6;
    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: #214bc6;
    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: 1053;
}

.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: #d1d3e2;
}

.appointment-page .date-group .btn:hover,
.datepicker-group .btn:hover {
    background-color: #fff;
    color: #858796;
}

.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 #d1d3e2;
    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: #ff0000;
    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: #214bc6;
    border-color: #4e73df;
}

.appointment-page .note > .wrap-box > .danger-box,
.card-available-times .wrap-box > .danger-box {
    background-color: #e74a3b;
    border-color: #e74a3b;
}

.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: #4e73df;
    background-color: #4e73df;
}

#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: #4e73df;
    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: #d1d3e2;
    outline: 0;
    box-shadow: none;
    color: #333333;
}

#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: #36a4cc;
}

.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 #d1d3e2;
    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.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: #214bc6;
}

#re-exam-time-modal .modal-body,
#choose-time-modal .modal-body,
.modal-scroll .modal-body {
    max-height: calc(100vh - 160px);
    overflow: auto;
}

#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: #4e73df;
    border-color: #4e73df;
}

.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: #cbe8f6;
    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: #cbe8f6;
    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 #4e73df;
    background-color: #4e73df;
    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-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: #214bc6 !important;
    color: #fff !important;
    border-color: #4e73df !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: #2046a8 !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: #214bc6;
}

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: #ffffffb0;
}

.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 #e3e6f0;
    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: #f5f5f5;
}

.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 #fe3939;
    border-radius: 3px;
    user-select: none;
}

#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: #cbe8f6;
    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: #cbe8f6;
    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: 110px;
    margin-bottom: 15px;
    color: #7a7a7a;
}

.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: #cbe8f6;
    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;
}

/* The bounce animation keyframes */
@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1.0);
  }
}