/* Vendored: Medio frame overrides (internal.css). */
:root { --primary-color: #2f9df8; --text-grey: rgb(75, 75, 75); --secondary-color: rgb(1, 85, 154); --system-red: rgba(207, 60, 60, 1); }
.overdue-debt-alert-bar { background-color: rgba(207, 60, 60, 0.25); color: rgb(139, 38, 53); padding: 10px 0px; font-weight: 600; text-align: center; border-bottom: 1px solid rgba(207, 60, 60, 0.3); }
.overdue-debt-alert-bar.hidden { display: none !important; }
.overdue-debt-alert-bar .overdue-debt-link { color: rgb(139, 38, 53); text-decoration: underline; font-weight: 700; margin-left: 4px; }
.overdue-debt-alert-bar .overdue-debt-link:hover { color: rgb(90, 24, 34); }
.overdue-debt-download-link { cursor: pointer; text-decoration: underline; color: var(--primary-color); }
.overdue-debt-download-link:hover { color: var(--secondary-color); }
.no-link-style { text-decoration: none !important; color: inherit !important; }
.no-link-style:hover, .no-link-style:focus, .no-link-style:active, .no-link-style:visited { text-decoration: none !important; color: inherit !important; }
.navbar-custom { background-color: rgb(31, 49, 76); display: flex; align-items: center; justify-content: space-between; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
@media screen and (max-width: 900px) {
  .package-selector-wrapper .hidden { display: none; visibility: hidden; }
}
.package-selector-wrapper { display: flex; visibility: hidden; align-items: center; cursor: pointer; margin-left: 1rem; }
.package-selector-wrapper .package-text { font-size: 14px; color: rgb(0, 0, 0); background-color: rgb(246, 246, 246); padding: 5px 15px; border-radius: 0px 5px 5px 0px; }
.package-selector-wrapper .selected-package { font-size: 14px; font-weight: 600; padding: 5px 15px; border-radius: 5px 0px 0px 5px; color: rgb(255, 255, 255); background-color: rgb(60, 128, 207); }
.package-selector-wrapper .package-text.disabled { font-size: 14px; color: rgb(234, 234, 234); background-color: rgb(176, 176, 176); padding: 5px 15px; border-radius: 0px 5px 5px 0px; }
.package-selector-wrapper .selected-package.disabled { font-size: 14px; font-weight: 600; padding: 5px 15px; border-radius: 5px 0px 0px 5px; color: rgb(176, 176, 176); background-color: rgb(234, 234, 234); }
.logo-box { background-color: rgb(31, 49, 76); border: 0px; }
.left-side-menu { background-color: rgb(31, 49, 76); }
.button-menu-mobile span { background-color: rgb(246, 246, 246) !important; }
.nav-admin-menu, .nav-doctor-menu, .nav-doctor-menu-hidden { color: rgb(209, 209, 209) !important; }
.nav-admin-menu a, .nav-doctor-menu a, .nav-doctor-menu-hidden a { color: rgb(209, 209, 209) !important; }
.nav-admin-menu a:hover, .nav-doctor-menu a:hover, .nav-doctor-menu-hidden a:hover { color: rgb(200, 227, 245) !important; }
.menu-title { font-size: 14px !important; text-align: center; }
.slimScrollBar { background: rgb(241, 248, 253) !important; opacity: 1 !important; }
.user-site-link { font-size: 14.8px; padding-left: 0.25rem; color: rgb(209, 209, 209) !important; }
.user-site-link:hover { color: rgb(200, 227, 245) !important; }
.profile-dropdown { width: 230px; }
.profile-dropdown .dropdown-item { padding: 8px 16px; }
.profile-dropdown .dropdown-item-content { display: flex; align-items: center; width: 100%; }
.profile-dropdown .dropdown-icon-container { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 14px; }
.profile-dropdown .dropdown-icon-container i { font-size: 18px; color: rgb(61, 61, 61); line-height: 1; }
.profile-dropdown .dropdown-icon-container svg { width: 18px; height: 18px; fill: rgb(61, 61, 61); }
.profile-dropdown .dropdown-icon-container img { width: 18px; height: 18px; object-fit: contain; }
.profile-dropdown .dropdown-text { flex: 1 1 0%; font-size: 15px; color: rgb(61, 61, 61); line-height: 1.4; }
.notification-wrapper { position: relative; cursor: pointer; margin: 0px 14px; }
.notification-badge { display: flex; align-items: center; justify-content: center; position: absolute; top: -8.5px; left: -14px; background-color: rgb(207, 60, 60); color: white; font-size: 10px; border-radius: 50%; width: 17px; height: 17px; }
#search-container { display: flex; align-items: center; background-color: rgb(246, 246, 246); border-radius: 0.25rem; padding-left: 4px; }
#search-icon-wrapper { padding-left: 6px; background-color: white; height: 38px; display: flex; align-items: center; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-left: 1px solid rgb(206, 212, 218); border-top: 1px solid rgb(206, 212, 218); border-bottom: 1px solid rgb(206, 212, 218); }
#search-btn-wrapper { height: 38px; display: flex; align-items: center; background-color: rgb(246, 246, 246); border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.search-btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px 12px; color: rgb(79, 79, 79); background-color: transparent; height: 30px; outline: none !important; box-shadow: none !important; }
.search-selected { color: white; background-color: rgb(60, 128, 207); border-radius: 0.25rem; }
#doctor-overview .left-side-menu, #weekly-overview .left-side-menu, #weekly-room-overview .left-side-menu { height: calc(-70px + 100vh) !important; overflow-y: scroll; }
#doctor-overview .left-side-menu::-webkit-scrollbar, #weekly-overview .left-side-menu::-webkit-scrollbar, #weekly-room-overview .left-side-menu::-webkit-scrollbar { display: none; }
#doctor-overview .left-side-menu .slimScrollDiv, #doctor-overview .left-side-menu .slimscroll-menu, #weekly-overview .left-side-menu .slimScrollDiv, #weekly-overview .left-side-menu .slimscroll-menu, #weekly-room-overview .left-side-menu .slimScrollDiv, #weekly-room-overview .left-side-menu .slimscroll-menu { overflow: hidden !important; }
#doctor-overview .left-side-menu, #weekly-overview .left-side-menu, #weekly-room-overview .left-side-menu { scrollbar-width: none; }
body.enlarged { position: static !important; }
body.enlarged#doctor-overview, body.enlarged#doctorAppointments, body.enlarged#weekly-overview, body.enlarged#weekly-room-overview, body.enlarged#weeklyOverview { min-height: auto; }
.navbar-custom .topnav-menu .nav-link { width: 230px; }
.help-button, .reservation-help-button { background-color: rgb(242, 145, 145); padding: 2px 15px; border-radius: 6px; color: rgb(255, 255, 255); font-weight: 700; text-align: center; }
.academy-button { background-color: rgb(255, 255, 255); padding: 2px 15px; border-radius: 6px; color: rgb(47, 157, 248); font-weight: 700; text-align: center; }
#navbar-search { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(206, 212, 218) rgb(206, 212, 218) rgb(206, 212, 218) currentcolor; border-image: initial; width: 200px; outline: none !important; box-shadow: none !important; }
#fullPatientSearchModal .modal-dialog { width: 98vw !important; height: 98vh !important; max-width: none !important; margin: 1vh 1vw !important; }
#fullPatientSearchModal .modal-body { padding: 0px 10px !important; }
#fullPatientSearchModal .modal-body iframe { width: 100%; height: 100%; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
#fullPatientSearchModal .modal-content { height: 100% !important; }
.reservation-help-button { padding: 0px 15px !important; }
#nav-reservation-help i { color: rgb(242, 145, 145); }
.help-button:hover, .academy-button:hover { cursor: pointer; }
#nav-help { display: none; }
.help-button.desktop { position: absolute; top: 21px; right: 428px; }
.academy-button.desktop { position: absolute; top: 21px; right: 318px; }
p { color: var(--text-grey); }
main { padding-top: 30px; position: relative; }
#patient main { padding-top: 10px; }
#patient .custom-card { border-radius: 4px; }
#doctor-overview main, #weekly-overview main, #weekly-room-overview main { overflow: scroll; padding-top: 5px; height: calc(-70px + 100vh) !important; min-height: auto !important; }
.footer { position: absolute; bottom: 10px; width: 100%; left: 0px; }
.footer p { font-weight: 700; font-size: 18px; margin-bottom: 0px !important; }
body * { font-family: "Titillium Web", sans-serif; }
#nav-logo { height: 40px; margin-right: auto; }
.input-header { color: var(--primary-color); font-weight: 700; }
.checkbox-container { display: flex; width: 100%; align-items: center; margin-top: 20px; }
.address-header { margin-top: 20px; }
.id-card-container { margin-top: 10px; }
.id-card-container .input-header { margin-bottom: 10px; }
.checkbox-container label { margin-bottom: 0px; }
.checkbox-container #no-taj-checkbox, .checkbox-container #free-insurance, .checkbox-container #billing_different { width: auto; margin-right: 20px; margin-bottom: 0px; }
.search-col { display: flex; flex-direction: column; justify-content: flex-end; }
.search-input-container { width: 100%; display: flex; align-items: center; overflow: hidden; margin-top: 20px; background: rgb(255, 255, 255); border-radius: 16px; border: 1px solid var(--primary-color); }
.search-icon-container { display: flex; align-items: center; justify-content: center; background: var(--primary-color); align-self: stretch; width: 50px; }
.search-icon-container:hover { cursor: pointer; }
.search-icon { width: 25px; height: 25px; }
.text-search { flex: 1 1 0%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 8px 20px; }
.text-search:focus { outline: none; }
#sort-by .col { margin-top: 20px; text-align: right; }
#sort-by .col select { width: 300px; }
#search-result { margin-top: 20px; }
.user-data-col { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.user-data-col p { margin-bottom: 5px; }
.user-data-col p span { font-weight: 700; }
.search-area .col:not(.user-data-col) { margin-bottom: 20px; }
.search-area .reset-filters-row .col { margin-bottom: 0px; }
.search-card { display: flex; flex-wrap: wrap; border: 1px solid var(--primary-color); border-radius: 20px; padding: 20px 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; margin-bottom: 30px; background: rgb(255, 255, 255); }
.search-card.cancelled-card { border-color: red; }
.search-button { margin-left: auto; margin-right: auto; }
.search-button.disabled { background: rgb(126, 126, 126); }
.search-button.disabled:hover { transform: none; }
.search-card .details-col { display: flex; flex-direction: column; justify-content: flex-end; margin-left: 30px; }
.search-card .details { margin-bottom: 0px; font-weight: 700; color: var(--primary-color); }
.search-card .details:hover { cursor: pointer; }
#detailsModal .modal-body, #cancelModal .modal-body, #modifyModal .modal-body { text-align: left; padding-top: 20px; padding-bottom: 20px; }
#detailsModal .modal-body p { font-weight: 700; }
#detailsModal .modal-body p span { font-weight: 400; }
.top-row { display: flex; }
.top-new-reservation { margin-bottom: 20px; position: sticky; top: 70px; z-index: 999; background: rgb(255, 255, 255); padding: 10px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; }
.switch-buttons .custom-button { margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.switch-buttons .custom-button:hover { background: var(--primary-color); color: rgb(255, 255, 255); }
.top-new-reservation .custom-button { width: 100%; text-transform: uppercase; margin-bottom: 0px; }
#user-appointments .page-header-text { margin-top: 30px; margin-bottom: 10px; }
#user-appointments .for-other { font-weight: 400; color: var(--secondary-color); font-style: italic; }
#user-appointments .search-card:hover { cursor: default; }
.search-card .custom-card-header { font-weight: 700; color: var(--primary-color); }
.search-card .card-data { display: flex; }
.search-card:hover { cursor: pointer; }
.list-profile-picture { width: 130px; height: 130px; object-fit: cover; border-radius: 50%; margin-right: 40px; }
.doctor-datas { flex-grow: 2; display: flex; flex-direction: column; }
.doctor-datas p { margin-bottom: 5px; font-size: 14px; color: var(--text-grey); font-weight: 700; }
.search-card .doctor-name { font-size: 18px; font-weight: 700; color: var(--primary-color); word-break: break-word; }
.search-card .closest-available { display: flex; flex-direction: column; justify-content: center; }
.search-card .closest-available { justify-content: flex-end; }
.search-card .closest-available p { font-weight: 700; }
.search-card.cancelled-card .closest-available p { margin-bottom: 5px; }
.search-card .closest-available p span { color: var(--primary-color); margin-left: 10px; }
.dropdown-toggle::after, .filter-option::after { display: none !important; }
.reset-filters { text-align: center; color: var(--secondary-color); font-weight: 700; margin-bottom: 0px; }
.reset-filters span:hover { cursor: pointer; text-decoration: underline; }
.button-row { margin-top: 30px; margin-bottom: 0px; }
.cancel-buttons { display: flex; justify-content: flex-end; }
.cancel-buttons .custom-button { width: 130px; margin-left: 10px; }
.search-area { background: rgb(255, 255, 255); border-radius: 12px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; }
.reserve-for-other { margin-top: 30px; }
#reservation-summary .other-patient-datas-input, #reservation-summary .other-patient-datas, #patient-summary .other-patient-datas-input, #patient-summary .other-patient-datas { border: 2px solid var(--primary-color); }
.other-patient-datas-input select { width: 100%; margin-top: 5px; }
#reservation-summary .page-header-text, #patient-summary .page-header-text { margin-bottom: 20px; }
#reservation-summary .custom-card, #patient-summary .custom-card { margin-bottom: 20px; }
#reservation-summary .custom-card p.custom-card-header, #patient-summary .custom-card p.custom-card-header { font-weight: 700; color: var(--primary-color); margin-bottom: 20px; }
#reservation-summary .custom-card p, #patient-summary .custom-card p { margin-bottom: 5px; }
#reservation-summary .custom-card p span, #patient-summary .custom-card p span { font-weight: 700; margin-left: 10px; }
#reservation-summary .custom-card.reservation-datas .row, #patient-summary .custom-card.reservation-datas .row { margin-bottom: 20px; }
#reservation-summary .custom-button, #patient-summary .custom-button { margin-left: auto; margin-right: auto; }
textarea { width: 100%; resize: none; border-radius: 6px; padding: 5px 10px; }
.custom-select { width: 100%; }
.page-header-text { font-size: 18px; font-weight: 700; text-align: center; }
.hidden, .billing-hidden { display: none !important; }
#user-datas .page-header-text { margin-bottom: 40px; }
.section-title { color: var(--text-grey); font-size: 1.1rem; font-weight: 700; margin-top: 20px; background: rgb(237, 237, 237); padding: 10px 5px; }
#user-datas .section-title, #patient-datas .section-title { margin-bottom: 0px; }
#user-datas .custom-button.inverse-button, #patient-datas .custom-button.inverse-button { margin-top: 20px; margin-bottom: 30px; }
.phone-header { margin-bottom: 7px; }
#user-datas .no-user-found { font-size: 14px; font-style: italic; display: none; }
#user-datas input, #patient-datas input, #reservation-summary input { border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; width: 100%; text-align: center; border-bottom: 1px solid var(--text-grey); padding-bottom: 5px; background: transparent; }
#user-datas input[type="tel"], #patient-datas input[type="tel"], #reservation-summary input[type="tel"] { text-align: left; padding-bottom: 0px; }
.iti--separate-dial-code .iti__selected-flag { background: transparent; }
.iti { width: 100%; }
#user-datas input:focus, #patient-datas input:focus, #reservation-summary input { outline: none; }
.custom-hidden { height: 0px !important; overflow: hidden !important; padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
#user-datas .row, #patient-datas .row, #reservation-summary .other-patient-datas .row, #reservation-summary .other-patient-datas-input .row, #patient-summary .other-patient-datas .row, #patient-summary .other-patient-datas-input .row { margin-bottom: 20px; }
.custom-button { width: 300px; display: flex; justify-content: center; align-items: center; background: rgb(47, 157, 248); color: rgb(255, 255, 255); height: 40px; border-radius: 12px; transition: 0.2s; max-width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.custom-button:disabled { opacity: 0.5; pointer-events: none; }
.custom-button.inverse-button { border: 1px solid rgb(47, 157, 248); background: rgb(255, 255, 255); color: rgb(47, 157, 248); }
.custom-button:hover { cursor: pointer; transform: scale(1.1); }
#user-datas .custom-button, #patient-datas .custom-button { margin-top: 40px; margin-left: auto; margin-right: auto; text-transform: uppercase; font-weight: 700; }
#user-datas .data-summary { text-align: center; }
#user-datas .custom-form-header { color: var(--primary-color); margin-bottom: 15px; font-weight: 700; }
#user-datas p, #patient-datas p { margin-bottom: 5px; }
#user-datas p span, #patient-datas p span { font-weight: 700; }
.modal-body { text-align: center; padding: 30px 50px; }
.modal-body-header { font-size: 22px; color: var(--primary-color); font-weight: 700; }
#successfulModal .modal-text { margin-top: 10px; margin-bottom: 30px; }
#successfulModal svg { width: 100px; height: 100px; }
#successfulModal .modal-button { margin-top: 40px; margin-bottom: 0px; }
#reservationModal .modal-body { text-align: center; }
#reservationModal .modal-body-header { color: var(--text-grey); margin-bottom: 50px; }
.modal-button { margin: 10px auto 20px; }
header { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; height: 70px; position: sticky; top: 0px; z-index: 1000; }
header .container { display: flex; align-items: center; height: 70px; }
header nav { display: inline-flex; justify-content: flex-end; flex: 1 1 0%; }
header nav i { margin-left: 5px; }
header nav a, .custom-menu-item { padding: 10px 15px; text-transform: uppercase; font-weight: 700; color: rgb(105, 105, 105); font-size: 14px; }
header nav a:hover, .custom-menu-item:hover { text-decoration: none; color: rgb(47, 157, 248); cursor: pointer; }
header nav a.active, .custom-menu-item.active { color: rgb(47, 157, 248); }
.custom-dropdown-menu-nav a { display: block; padding: 10px 20px; }
header .custom-dropdown-toggle-nav { position: relative; }
.custom-dropdown-menu-nav { display: none; position: absolute; top: 100%; left: 0px; z-index: 100; background-color: white; border-radius: 6px; box-shadow: 0px 1px 3px 1px var(--primary-color); }
header .header-logo { height: 50px; }
header .header-text { text-transform: uppercase; font-weight: 700; margin-bottom: 0px; color: var(--primary-color); }
header .header-text:hover { cursor: pointer; }
header .header-logo:hover { cursor: pointer; }
main { background: rgba(195, 197, 201, 0.49); min-height: calc(-70px + 100vh); padding-bottom: 70px; }
#doctor-overview main, #weekly-overview main, #weekly-room-overview main { padding-bottom: 0px; }
.enlarged main { min-height: 1440px; }
#accept-request main { min-height: 100vh; padding-bottom: 0px; }
.custom-card { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; border-radius: 4px; width: 99%; margin-right: auto; margin-left: auto; padding: 20px; margin-bottom: 5px; }
#login .slider { margin-top: 50px; }
#login .input-header { color: rgb(155, 155, 155); font-size: 18px; font-weight: 700; margin-bottom: 15px; text-align: center; }
#login input:not([type="checkbox"]) { background-color: rgb(234, 237, 242); height: 54px; border-radius: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding-left: 10px; width: 50%; display: block; margin-right: auto; margin-left: auto; }
#login .input-header { margin-top: 20px; margin-bottom: 30px; }
#login .form-check { text-align: center; margin-top: 20px; }
#login .custom-button { margin-top: 40px; margin-right: auto; margin-left: auto; }
#login .data-info { color: rgb(155, 155, 155); font-size: 18px; font-weight: 700; margin-bottom: 15px; text-align: center; }
input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button { visibility: hidden; pointer-events: none; position: absolute; right: 0px; }
.error { color: red; text-align: center; font-style: italic; }
#login .error { margin-top: 20px; }
#user-appointments .error-modal { margin-top: 30px; }
.reservation-error { margin-bottom: 20px; }
.select-box { width: 230px; height: 230px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; transition: 0.2s; }
.select-box:hover { transform: scale(1.1); cursor: pointer; }
.select-box-title { color: var(--primary-color); text-transform: uppercase; text-align: center; margin-bottom: 0px; margin-top: 20px; }
.select-box-row { margin-top: 20px; }
.select-box.edit-doctors { height: auto; margin-top: 40px; border-radius: 8px; padding: 15px 20px; }
.select-box.edit-doctors .select-box-title { margin-top: 0px; line-height: normal; }
#edit-doctors .search-row { display: flex; align-items: center; margin-bottom: 30px; }
#edit-doctors .search-row .input-header { margin-right: 20px; margin-bottom: 0px; }
#edit-doctors .bootstrap-select { width: 400px; }
#statistics .institution-row { margin-bottom: 30px; }
#statistics .search-by-row { display: flex; align-items: center; }
#statistics .search-by-row p { font-weight: 700; margin-right: 20px; margin-bottom: 0px; }
.range-row { display: flex; align-items: center; margin-bottom: 30px; }
.range-row span { margin-right: 5px; }
.range-row .custom-button { margin-left: auto; }
.range-row input { max-width: 300px; margin-right: 20px; }
.coupon-row:first-child .col { display: flex; }
#coupon-data { background: rgba(136, 202, 255, 0.3); padding: 20px 10px; margin-bottom: 20px; border-radius: 6px; }
#coupon-data .custom-button { width: 180px; margin-left: 0px; margin-right: 0px; }
.coupon-error { text-align: left; margin-top: 15px; }
.coupon-accepted { color: rgb(11, 111, 11); margin-top: 15px; font-style: italic; }
.custom-card #coupon-data .row:last-child { margin-bottom: 0px; }
#reservation-summary .coupon-row input, #patient-summary .coupon-row input { width: 200px; margin-right: 20px; padding-bottom: 0px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
#speciality-settings .add-new-domain .input-group { width: 70%; margin-right: 5%; }
#speciality-settings .add-new-domain .custom-button { width: 25%; }
#speciality-settings .domain { display: flex; }
#speciality-settings .domains { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
#institution-settings .add-new-label, #institution-settings .add-new-internal-status, #speciality-settings .add-new-domain { display: flex; align-items: center; flex-wrap: wrap; }
#speciality-settings p.info, #screening-settings p.info, #screening-settings-v2 p.info { font-weight: 400 !important; }
#institution-settings .add-new-label input, #institution-settings .add-new-internal-status input { margin-top: 15px !important; height: 35px; }
#institution-settings .add-new-label input[type="text"], #institution-settings .add-new-internal-status input[type="text"] { width: 80%; margin-right: 4%; }
#institution-settings .add-new-label input[type="color"], #institution-settings .add-new-internal-status input[type="color"] { width: 16%; }
#institution-settings .label-row, #institution-settings .internal-status-row { display: flex; align-items: center; margin-bottom: 8px; }
#institution-settings .delete-label, #institution-settings .delete-internal-status, #speciality-settings .delete-domain { width: 18px; height: 18px; margin-left: 15px; transition: 0.5s; }
#institution-settings .delete-label:hover, #institution-settings .delete-internal-status:hover, #speciality-settings .delete-domain:hover { transform: scale(1.1); cursor: pointer; }
#institution-settings .add-new-label .custom-button, #institution-settings .add-new-internal-status .custom-button { width: 170px; height: 32px; margin-top: 10px; margin-left: 0px; margin-right: 0px; }
#institution-settings input:nth-child(2) { margin-top: 10px; }
#institution-settings .custom-button { margin-left: auto; margin-right: auto; }
#institution-settings .form-image { max-width: 100%; }
#institution-settings a.custom-tooltip { color: var(--text-grey); }
#institution-settings #terms-upload { margin-top: 20px; width: 200px; }
.section-header { color: rgb(28, 28, 28); background-color: rgb(210, 208, 208); font-weight: 700; padding: 10px 5px; font-size: 1.1rem; }
.form-image { max-width: 100%; object-fit: contain; display: block; }
.favicon-image { max-width: 40px; max-height: 40px; }
.dropdown-toggle::after, .filter-option::after { display: none !important; }
.added-labels { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.label-card { display: inline-block; padding: 5px 8px; border-radius: 4px; box-shadow: rgb(204, 204, 204) 0px 2px 3px 1px; transition: 0.2s; margin-right: 10px; margin-bottom: 10px; background-color: rgb(255, 255, 255); }
.label-card:hover { cursor: pointer; transform: scale(1.1); }
.label-card i { font-size: 0.8rem; padding: 5px; }
.rooms-label-card { display: inline-block; padding: 5px 8px; border-radius: 4px; box-shadow: rgb(204, 204, 204) 0px 2px 3px 1px; transition: 0.2s; margin-right: 10px; margin-bottom: 10px; background-color: rgb(255, 255, 255); }
.rooms-label-card:hover { cursor: pointer; transform: scale(1.1); }
.rooms-label-card i { font-size: 0.8rem; padding: 5px; }
.add-input-row { display: flex; justify-content: space-between; }
.add-input-row .custom-button { width: 100px; padding: 5px 10px; margin-left: 0px; margin-right: 0px; }
.add-input { width: 50%; }
#add-profile-image { margin-bottom: 15px; }
.custom-tooltip { color: rgb(34, 34, 34); margin-left: 10px; }
.custom-tooltip:hover { color: rgb(34, 34, 34); }
#speciality-settings .speciality-name, #screening-settings .speciality-name, #screening-settings-v2 .speciality-name, #lab-settings .speciality-name, #internal-user .speciality-name, #institution-settings .speciality-name, #billing-data .speciality-name, #new-user .speciality-name { background-color: rgb(238, 238, 238); padding: 10px; font-size: 1.1rem; display: flex; align-items: center; justify-content: space-between; }
#speciality-settings #speciality-row { position: sticky; top: 70px; z-index: 9; }
.datas.status-disabled { pointer-events: none; }
#speciality-settings .form-group > p, #screening-settings .form-group > p, #screening-settings-v2 .form-group > p, #lab-settings .form-group > p, #internal-user p, #institution-settings .form-group > p, #billing-data p, #new-user p, #lab-settings .form-group > p { font-weight: 600; margin-bottom: 0px; }
#speciality-settings .custom-button, #screening-settings .custom-button, #screening-settings-v2 .custom-button, #lab-settings .custom-button, #internal-user .custom-button, #internal-users .custom-button, #billing-datas .custom-button, #institutions .custom-button, #doctors .custom-button, #doctor .custom-button { margin-right: auto; margin-left: auto; }
#labs .custom-button { margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#labs .custom-card, #lab-settings .custom-card { text-align: center; }
.edit-button, .open-button { display: inline-block; text-align: center; }
.delete-button { display: inline-block; text-align: center; color: red; }
#speciality-settings .button-row, #screening-settings .button-row, #screening-settings-v2 .button-row, #lab-settings .button-row, #internal-user .button-row, #billing-data .button-row { display: flex; align-items: center; justify-content: center; margin-top: 30px; }
#speciality-settings #delete, #screening-settings #delete, #screening-settings-v2 #delete, #lab-settings #delete, #internal-user #delete, #institution-settings #delete, #billing-data #delete { width: 50px; height: 50px; padding: 10px; }
#speciality-settings #delete:hover, #screening-settings #delete:hover, #screening-settings-v2 #delete:hover, #lab-settings #delete:hover, #internal-user #delete:hover, #institution-settings #delete:hover, #billing-data #delete:hover { cursor: pointer; }
#speciality-settings .dummy, #screening-settings .dummy, #screening-settings-v2 .dummy, #lab-settings .dummy { width: 50px; }
#speciality-settings #delete path, #screening-settings #delete path, #screening-settings-v2 #delete path, #lab-settings #delete path, #internal-user #delete path, #institution-settings #delete path, #billing-data #delete path { fill: rgb(198, 17, 17); }
#specialities .custom-button { margin-left: auto; margin-right: auto; }
#specialities .form-row, #channels .form-row { margin-top: 15px; margin-bottom: 15px; }
table.dataTable.table-striped.DTFC_Cloned tbody tr:nth-of-type(2n+1) { background-color: rgb(243, 243, 243); }
table.dataTable.table-striped.DTFC_Cloned tbody tr:nth-of-type(2n) { background-color: white; }
#specialities .actions .col { align-items: center; display: flex; }
#specialities .actions span:first-child { margin-right: 50px; font-weight: 700; }
#specialities .actions span { margin-right: 30px; }
#specialities .action { color: var(--primary-color); }
#specialities .action.delete-all, #specialities .action.delete-selected { color: red; }
#specialities .action:hover { text-decoration: underline; cursor: pointer; }
#specialities .form-check { display: inline-flex; align-items: center; }
#specialities .form-check input { margin-top: 0px; }
.separator { margin-left: 5px; margin-right: 5px; }
.api-sub-col { display: flex; align-items: center; }
#institution-settings .api-sub-col .input-with-text { flex-grow: 1; margin-top: 0px; }
.modal-body iframe { width: 100%; height: 60vh; }
.add-input-row { display: flex; justify-content: space-between; }
#institution-settings .add-input-row .custom-button { width: 100px; padding: 5px 10px; margin-left: 0px; margin-right: 0px; }
.add-input { width: 50%; }
#billing-data .terms-not-accepted p { font-style: italic; margin-top: 30px; margin-bottom: 20px; color: rgb(157, 6, 6); }
#billing-data .terms-not-accepted .custom-button { margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#billing-data .custom-button.save-button { margin: 20px auto; }
.terms-check { margin-top: 10px; }
.terms-check label { font-weight: 700; }
.data-table-profile-image { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; box-shadow: rgb(204, 204, 204) 0px 2px 4px 2px; }
#add-profile-image { margin-bottom: 15px; margin-top: 15px; }
#new-doctor .search .col, #new-doctor .search input { text-align: center; }
#new-doctor .search .custom-button { margin-left: auto; margin-right: auto; margin-top: 20px; }
#new-doctor .result-card { margin-top: 40px; }
#new-doctor .result-card .col > div { display: flex; align-items: center; }
#new-doctor .result-card .col > div p:first-child { color: var(--primary-color); font-weight: 700; }
#new-doctor .result-image { width: 100px; height: 100px; object-fit: contain; border-radius: 50%; margin-right: 20px; }
#new-doctor .not-found { font-weight: 700; margin-bottom: 0px; }
#new-doctor #add-edit { margin-left: auto; margin-right: auto; }
#new-doctor .add-edit.bottom { margin-top: 20px; margin-left: auto; margin-right: auto; }
.table-header { font-weight: 700; color: rgb(51, 51, 51); text-align: center; margin-bottom: 20px; }
#billing-data .modal-body p:first-child { margin-bottom: 15px; }
#billing-data .modal-body p:not(:first-child) { margin-top: 15px; }
#institution-settings p.info { font-weight: 400; font-style: italic; text-align: center; margin-bottom: 30px; margin-top: 20px; }
.invalid-input { border: 2px solid rgba(244, 67, 67, 0.455) !important; }
.payment-info { margin-bottom: 30px; }
#speciality-settings .payment-info p, #screening-settings .payment-info p, #screening-settings-v2 .payment-info p, #lab-settings .payment-info p { font-weight: 400; font-style: italic; }
#speciality-settings #collectors-container, #lab-settings #collectors-container { padding: 10px 5px; background-color: rgb(238, 238, 238); margin-bottom: 10px; }
#speciality-settings .time-row, #screening-settings .time-row, #screening-settings-v2 .time-row, #lab-settings .time-row, #multi-speciality-settings .time-row { width: 100%; display: flex; justify-content: space-between; align-items: center; }
#speciality-settings .time-row span, #screening-settings .time-row span, #screening-settings-v2 .time-row span, #lab-settings .time-row span, #multi-speciality-settings .time-row span { text-align: center; width: 60px; }
#multi-speciality-settings #settingModal .info { text-align: left; }
#institutions .not-accepted { background-color: rgba(239, 162, 162, 0.7) !important; }
#institutions #duplicateModal p { text-align: left; font-weight: 700; }
#institutions #duplicateModal p:not(:first-child) { margin-top: 30px; }
#institutions .sub-api-row { display: flex; align-items: center; }
#institution-settings #billing-datas .dropdown-header { display: none; }
.terms-row.accepted p { text-align: center; color: rgb(5, 162, 5); }
.terms-row { display: flex; }
.terms-row i { margin-right: 5px; }
.terms-row.accepted { justify-content: center; }
.terms-row.not-accepted { justify-content: space-between; color: rgb(201, 25, 25); }
.terms-row .custom-button { width: 180px; font-size: 14px; }
.bootstrap-select .dropdown-menu li a.opt { padding-left: 1.5rem; }
#institution-settings .terms-row .custom-button { margin-left: 0px; margin-right: 0px; }
.ql-editor { min-height: 200px; }
#institution-settings .save-button, #billing-data .save-button { margin-top: 15px; }
#new-user .button-row { display: flex; justify-content: space-around; }
#new-user .button-row .custom-button { margin-left: 0px; margin-right: 0px; }
#channels .custom-tooltip, #multi-speciality-settings .custom-tooltip { margin-left: 0px; }
#channels .channel-checkbox, #multi-speciality-settings .channel-checkbox { display: block; margin: 5px auto 0px; }
#channels .channel-checkbox:hover { cursor: pointer; }
#channels #data-table-channels_wrapper th { text-align: center; }
#channels #data-table-channels_wrapper .dt-buttons, #channels #data-table-channels_wrapper #data-table-channels_filter, #multi-speciality-settings .dt-buttons, #multi-speciality-settings #data-table-multi-specialities_filter, #doctor-close-off .dt-buttons, #doctor-close-off #data-table-close-off_filter { display: inline-block; margin: 12px 0px; }
#channels #data-table-channels_wrapper .edit-button, #multi-speciality-settings .edit-button { background-color: var(--primary-color); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; height: 50px; width: 800px; border-radius: 0.25rem !important; }
#multi-speciality-settings #settingModal #custom_price_type #container { display: flex; justify-content: space-around; }
#multi-speciality-settings #settingModal #custom_price_type #container div { text-align: left !important; }
#multi-speciality-settings #settingModal .label { text-align: left; font-weight: 700; margin-top: 20px; }
#channels #data-table-channels_wrapper .edit-button[data-action="save"] { background-color: rgb(31, 113, 13) !important; }
#channels div.dtsp-searchPane div.dataTables_scrollBody table tbody tr div.dtsp-nameCont span.dtsp-name, #multi-speciality-settings div.dtsp-searchPane div.dataTables_scrollBody table tbody tr div.dtsp-nameCont span.dtsp-name { font-size: 12px; }
#channels .custom-card { padding: 4px; }
#channels div.dtsp-columns-3, #multi-speciality-settings div.dtsp-columns-3 { min-width: 32%; max-width: 32%; }
#channels #data-table-channels_wrapper #data-table-channels_filter, #multi-speciality-settings #data-table-multi-specialities_filter, #doctor-close-off #data-table-close-off_filter { float: right; }
#channels #data-table-channels_wrapper .custom-table-data { white-space: normal; overflow-wrap: break-word; overflow: hidden; min-width: 10vw; }
#multi-speciality-settings .form-row { margin-bottom: 15px; }
#multi-speciality-settings .dropdown-header { font-size: 18px; font-weight: 700; background-color: rgb(221, 221, 221); }
#welcome .row { margin-bottom: 30px; }
#welcome .welcome-row { margin-bottom: 20px; }
#welcome #welcome-text { text-align: center; font-size: 22px; font-weight: 700; }
#welcome #welcome-text span { }
#welcome .custom-card:hover { cursor: pointer; transform: scale(1.02); }
#welcome .custom-card { border-radius: 4px; text-align: center; margin: auto; transition: 0.2s; }
#welcome .custom-card.disabled { background-color: rgb(221, 221, 221); opacity: 0.6; pointer-events: none; }
#welcome .custom-card p { margin-bottom: 0px; }
#welcome .custom-card i { font-size: 50px; line-height: 70px; height: 70px; }
.hamburger-menu { position: absolute; top: 0px; right: 0px; z-index: 1500; background-color: rgba(0, 0, 0, 0.6); width: 0px; height: 100vh; }
.menu-items { margin-left: auto; width: 30%; background-color: rgb(255, 255, 255); height: 100vh; overflow: scroll; display: flex; flex-direction: column; padding: 10px 20px; }
.menu-item { border-bottom: 1px solid rgb(200, 200, 200); display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; }
.line-break { width: 100%; }
.overflow-hidden { overflow: hidden; }
.mobile-dropdown-toggle { flex-direction: column; align-items: flex-start; }
.mobile-dropdown-toggle .menu-title { display: flex; justify-content: space-between; width: 100%; align-items: center; }
.mobile-dropdown-menu { padding-left: 20px; }
.mobile-dropdown-menu .menu-item { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.menu-item p { margin-bottom: 0px; }
.menu-item p:not(:nth-child(2)) { width: 100%; padding-top: 10px; padding-bottom: 10px; }
.menu-item a { color: rgb(75, 75, 75); display: inline-block; width: 100%; }
.menu-close { display: flex; justify-content: space-between; align-items: center; }
.menu-close p i { font-size: 20px; padding: 10px; }
#new-user .custom-button { margin-left: auto; margin-right: auto; }
#user-datas .new-search { font-style: normal; text-align: center; color: var(--primary-color); }
#user-datas .new-search:hover { cursor: pointer; text-decoration: underline; }
#user-datas .buttons-container { display: flex; flex-direction: column; }
#user-datas .buttons-container .custom-button { margin-bottom: 10px; margin-top: 0px; }
#user-datas .patient-datas { margin-top: 20px; }
#user-datas .patient-datas-short { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; }
#user-datas .patient-datas-short.opened { border-bottom: 1px solid rgb(204, 204, 204); margin-bottom: 30px; }
#user-datas .patient-datas-short span.title { color: var(--primary-color); }
#user-datas #show-details { margin: 0px; }
.recaptcha-container-center div div { margin: 0px auto; }
.disabled-button { background: rgb(204, 204, 204); }
.disabled-button:hover { transform: none; cursor: default; }
.doctor-status-icon { width: 20px; height: 20px; }
.doctor-status-icon.doctor-status-denied path { fill: red; }
.doctor-status-icon.doctor-status-accepted polygon { fill: green; }
.doctor-status-icon.doctor-status-pending path { fill: grey; }
#data-table-doctors td, #data-table-patients td { vertical-align: middle; }
#data-table-doctors td.actions, #data-table-patients td.actions { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 40px; }
#data-table-doctors .actions a:first-child, #data-table-patients .actions a:first-child { margin-bottom: 5px; }
#data-table-doctors .edit-button, #data-table-doctors .open-button, #data-table-patients .actions a { text-align: left; }
#new-doctor .form-check { margin-top: 15px; }
#new-doctor .iti { width: 250px; }
#new-doctor .result-card .col { display: flex; flex-direction: column; justify-content: center; }
#new-doctor #addDoctor .modal-body { text-align: left; }
#new-doctor #addDoctor .modal-body .form-check { margin-top: 10px; }
#new-doctor #addDoctor .modal-body .custom-button { margin-left: auto; margin-right: auto; margin-top: 20px; }
#notifications .delete-time-input-row { display: flex; align-items: center; }
#notifications .delete-time-input-row input { margin-left: 10px; width: auto; }
#notifications .delete-time-input-row p { margin: 0px; }
#notifications .add-icon, #notifications .remove-icon { width: 20px; height: 20px; }
#notifications .add-icon path, #notifications .remove-icon path { fill: rgb(255, 255, 255); }
#notifications .add-email, #notifications .add-message, #notifications .remove-email, #notifications .remove-message, #notifications .add-patient-call-in-email, #notifications .remove-patient-call-in-email { width: 30px; height: 30px; padding: 5px; border-radius: 2px; display: flex; justify-content: center; align-items: center; background-color: var(--primary-color); margin-right: 30px; transition: 0.2s; }
#notifications .reminder-before-after { margin-left: 10px; }
#notifications .before-email-text { margin-top: 20px; font-size: 14px; }
#notifications .message-text { margin-top: 20px; padding: 0px 10px; font-size: 14px; }
#notifications .remove-email, #notifications .remove-message, #notifications .remove-patient-call-in-email { background-color: rgb(215, 42, 29); margin-right: 0px; transition: 0.2s; }
#notifications .custom-button { margin: 20px auto; }
#notifications .add-input-row { justify-content: flex-start; }
#notifications .scoped-notification-add-row { flex-wrap: nowrap; align-items: flex-start; gap: 10px; }
#notifications .scoped-notification-email-input { flex: 1 1 180px; min-width: 160px; max-width: 100%; width: auto; }
#notifications .scoped-notification-room-wrap { flex: 2 1 220px; min-width: 180px; }
#notifications .scoped-notification-actions .custom-button { margin: 0px; }
#scoped-notification-edit-modal .scoped-notification-modal-fields { gap: 10px; flex-wrap: nowrap; align-items: flex-start; }
#scoped-notification-edit-modal .modal-footer .custom-button { margin: 0px; }
@media (max-width: 576px) {
  #scoped-notification-edit-modal .scoped-notification-modal-fields { flex-wrap: wrap; }
}
@media (max-width: 767px) {
  #notifications .scoped-notification-add-row { flex-wrap: wrap; }
}
#notifications .add-input-row .custom-button { margin: 0px 0px 0px 30px; }
#notifications .added-labels { margin-top: 10px; }
#notifications .add-mail-container, #notifications .add-message-container, #notifications .add-patient-call-in-email-container { display: flex; align-items: center; }
#notifications .add-mail-container p, #notifications .add-message-container p, #notifications .add-patient-call-in-email-container p { margin-bottom: 0px; font-weight: 600; }
#notifications .remove-email:hover, #notifications .remove-message:hover, #notifications .remove-patient-call-in-email:hover { cursor: pointer; transform: scale(1.1); }
#notifications .add-mail-container:hover, #notifications .add-message-container:hover, #notifications .add-patient-call-in-email-container:hover { cursor: pointer; }
#notifications .add-mail-container:hover .add-email, #notifications .add-message-container:hover .add-message, #notifications .add-patient-call-in-email-container:hover .add-patient-call-in-email { transform: scale(1.1); }
#institution-settings .section-title { margin-bottom: 20px; }
#notifications .email-hour-container, #notifications .message-hour-container { display: flex; align-items: center; margin-left: 20px; }
#notifications .email input, #notifications .message input:not([type="checkbox"]) { width: 100px; }
#notifications .email .subject { width: 100%; }
#notifications .email-row, #notifications .message-row { display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
#notifications .remove-email, #notifications .remove-message, #notifications .remove-patient-call-in-email { margin-left: auto; }
#notifications .email, #notifications .message, #notifications .patient-call-in-email { background: rgb(238, 238, 238); padding: 10px; border-radius: 4px; }
#notifications .patient-call-in-email .patient-call-in-before-exam-input { width: 48px; }
#notifications .patient-call-in-email .patient-call-in-before-exam-input::-webkit-outer-spin-button, #notifications .patient-call-in-email .patient-call-in-before-exam-input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"] { }
#notifications .patient-email-row { display: grid; grid-template-columns: auto auto minmax(120px, 1fr) auto; align-items: center; gap: 32px; margin-bottom: 12px; width: 100%; min-width: 0px; }
#notifications .patient-email-row .bootstrap-select { min-width: 0px; max-width: 100%; width: 100%; }
#notifications .email .editor-container, #notifications .patient-call-in-email .editor-container { background-color: rgb(255, 255, 255); }
#notifications .doctor-checkboxes { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px; }
#notifications .doctor-messages .message-row > span { width: 100%; margin-bottom: 20px; }
#notifications .doctor-checkboxes .form-check { margin-right: 20px; margin-bottom: 10px; }
#notifications .doctor-messages .message-row .reminder-before-after { margin-left: 0px; }
#notifications .accordion { width: 100%; }
#notifications .card { margin-bottom: 20px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
#notifications .card button { padding: 0px; }
#notifications .accordion .card-body { padding: 0px; }
#notifications .accordion .card-header { background: transparent; padding: 0px !important; }
#notifications-stat .patient-sms-block .add-icon, #notifications-stat .doctor-sms-block .add-icon, #notifications-stat .patient-sms-block .remove-icon, #notifications-stat .doctor-sms-block .remove-icon { width: 20px; height: 20px; }
#notifications-stat .patient-sms-block .add-icon path, #notifications-stat .doctor-sms-block .add-icon path, #notifications-stat .patient-sms-block .remove-icon path, #notifications-stat .doctor-sms-block .remove-icon path { fill: rgb(255, 255, 255); }
#notifications-stat .patient-sms-block .add-message, #notifications-stat .doctor-sms-block .add-message, #notifications-stat .patient-sms-block .remove-message, #notifications-stat .doctor-sms-block .remove-message { width: 30px; height: 30px; padding: 5px; border-radius: 2px; display: flex; justify-content: center; align-items: center; background-color: var(--primary-color); margin-right: 30px; transition: 0.2s; }
#notifications-stat .patient-sms-block .remove-message, #notifications-stat .doctor-sms-block .remove-message { background-color: rgb(215, 42, 29); margin-right: 0px; }
#notifications-stat .patient-sms-block .reminder-before-after, #notifications-stat .doctor-sms-block .reminder-before-after { margin-left: 10px; }
#notifications-stat .patient-sms-block .custom-button, #notifications-stat .doctor-sms-block .custom-button { margin: 20px auto; }
#notifications-stat .patient-sms-block .add-message-container, #notifications-stat .doctor-sms-block .add-message-container { display: flex; align-items: center; }
#notifications-stat .patient-sms-block .add-message-container p, #notifications-stat .doctor-sms-block .add-message-container p { margin-bottom: 0px; font-weight: 600; }
#notifications-stat .patient-sms-block .remove-message:hover, #notifications-stat .doctor-sms-block .remove-message:hover { cursor: pointer; transform: scale(1.1); }
#notifications-stat .patient-sms-block .add-message-container:hover, #notifications-stat .doctor-sms-block .add-message-container:hover { cursor: pointer; }
#notifications-stat .patient-sms-block .add-message-container:hover .add-message, #notifications-stat .doctor-sms-block .add-message-container:hover .add-message { transform: scale(1.1); }
#notifications-stat .patient-sms-block .message-hour-container, #notifications-stat .doctor-sms-block .message-hour-container { display: flex; align-items: center; margin-left: 20px; }
#notifications-stat .patient-sms-block .message input:not([type="checkbox"]), #notifications-stat .doctor-sms-block .message input:not([type="checkbox"]) { width: 100px; }
#notifications-stat .patient-sms-block .message-row, #notifications-stat .doctor-sms-block .message-row { display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
#notifications-stat .patient-sms-block .remove-message, #notifications-stat .doctor-sms-block .remove-message { margin-left: auto; }
#notifications-stat .patient-sms-block .message, #notifications-stat .doctor-sms-block .message { background: rgb(238, 238, 238); padding: 10px; border-radius: 4px; }
#notifications-stat .doctor-sms-block .doctor-checkboxes { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px; }
#notifications-stat .doctor-sms-block .doctor-messages .message-row > span { width: 100%; margin-bottom: 20px; }
#notifications-stat .doctor-sms-block .doctor-checkboxes .form-check { margin-right: 20px; margin-bottom: 10px; }
#notifications-stat .doctor-sms-block .doctor-messages .message-row .reminder-before-after { margin-left: 0px; }
#notifications-stat .doctor-sms-block .accordion { width: 100%; }
#notifications-stat .doctor-sms-block .card { margin-bottom: 20px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
#notifications-stat .doctor-sms-block .card button { padding: 0px; }
#notifications-stat .doctor-sms-block .accordion .card-body { padding: 0px; }
#notifications-stat .doctor-sms-block .accordion .card-header { background: transparent; padding: 0px !important; }
#institution-settings #other-institution-images { display: flex; flex-wrap: wrap; width: 100%; }
#institution-settings .other-image-container { width: 23%; height: 150px; margin: 0px 1% 20px; position: relative; }
#institution-settings .other-image-container .delete-other-institution-image-container { width: 30px; height: 30px; position: absolute; top: -10px; right: -10px; background: rgb(255, 255, 255); border-radius: 50%; border: 1px solid red; display: flex; justify-content: center; align-items: center; transition: 0.2s; }
#institution-settings .other-image-container .delete-other-institution-image { width: 50%; height: 50%; }
#institution-settings .other-image-container .delete-other-institution-image-container:hover { transform: scale(1.1); cursor: pointer; }
#institution-settings .other-institution-image { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#qualification-name-input, #qualification-name-input-en, #specialization-name-input, #specialization-name-input-en { margin-bottom: 20px; }
#billing-data .section-title { margin-bottom: 20px; }
#other-diagnostics { margin-top: 10px; }
#qualificationModal input, #specializationModal input { text-align: center; }
#appointments .institution-row, #patients .institution-row, #lab-items .institution-row { display: flex; margin-bottom: 20px; }
#appointments .institution-row .custom-button, #patients .institution-row .custom-button { margin-left: 40px; }
#settings .data-title { font-weight: 700; }
#settings .inner-row { display: flex; }
#settings .password, #settings .password-2, #settings .current-password { width: 300px; }
.password-eye:hover { cursor: pointer; }
.password-row .data-title { width: 100px; }
#settings .custom-button { margin-right: auto; margin-left: auto; margin-top: 30px; }
#speciality-settings input:disabled, #speciality-settings button.disabled, #screening-settings input:disabled, #screening-settings button.disabled, #screening-settings-v2 input:disabled, #screening-settings-v2 button.disabled, #lab-settings input:disabled, #lab-settings button.disabled { background-color: rgb(221, 221, 221); color: rgb(51, 51, 51); opacity: 0.7; }
#speciality-settings .last-minute-row, #multi-speciality-settings .last-minute-row { display: flex; align-items: center; margin-bottom: 15px; background-color: rgb(238, 238, 238); padding: 10px 5px; }
#speciality-settings .last-minute-row input, #multi-speciality-settings .last-minute-row input { width: 150px; margin: 0px 20px 0px 10px; }
#speciality-settings #add-last-minute-discount, #speciality-settings #add-discount-interval, #multi-speciality-settings #add-last-minute-discount, #multi-speciality-settings #add-discount-interval { margin: 20px auto; }
#speciality-settings .discount-interval-container, #multi-speciality-settings .discount-interval-container { padding: 10px 5px; background: rgb(238, 238, 238); margin-bottom: 20px; }
#speciality-settings .discount-interval-container .handlers, #multi-speciality-settings .discount-interval-container .handlers { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
#speciality-settings .discount-interval-container .interval, #multi-speciality-settings .discount-interval-container .interval { display: flex; justify-content: space-between; align-items: center; }
#speciality-settings .discount-interval-container .interval input:first-child, #multi-speciality-settings .discount-interval-container .interval input:first-child { width: 120px; }
#speciality-settings .discount-interval-container .interval-discount, #multi-speciality-settings .discount-interval-container .interval-discount { width: 200px; }
#speciality-settings .discount-interval-container .interval div, #multi-speciality-settings .discount-interval-container .interval div { display: flex; }
#speciality-settings .discount-interval-container .interval div input[type="time"], #multi-speciality-settings .discount-interval-container .interval div input[type="time"] { margin-left: 10px; }
#multi-speciality-settings #last_minute_discounts .label, #multi-speciality-settings #interval_discounts .label { text-align: center; }
.delete-container { padding: 5px; background: red; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 3px; margin-left: auto; transition: 0.1s; }
.delete-container:hover { cursor: pointer; transform: scale(1.1); }
#partner-list td { vertical-align: middle; }
#partner-list table .btn { width: 110px; line-height: 1.2; margin: 5px 0px; font-size: 14px; }
#partner-list td.own_institution { font-weight: 700; }
#partner-list .btn.edit-button { }
#partner-list #add-new-partner, #partner #save { margin: 0px auto; }
#partner .own-institution { font-size: 40px; margin-bottom: 40px; text-align: center; background-color: rgb(238, 238, 238); }
#partner p { font-weight: 600; }
#partner .jconfirm-content p { font-weight: 400; }
#partner #add-email-wrapper { display: flex; }
#partner #add-email { margin-left: 0.5rem; }
.reservation-type-buttons { margin-bottom: 20px; }
.reservation-type-buttons .custom-button { margin-left: auto; margin-right: auto; }
.reservation-type-buttons .custom-button.disabled { background: rgb(174, 174, 174); color: rgb(255, 255, 255); border-color: rgb(174, 174, 174); pointer-events: none; }
.stat-query-type-controls .form-check { margin-bottom: 5px; }
#search main { padding-bottom: 0px; padding-top: 30px; }
#callcenter main, #callcenter-beta main, #partner-send main { padding-bottom: 0px; padding-top: 0px; }
#callcenter .cards, #callcenter-beta .cards, #partner-send .cards { margin-left: -20px; padding-right: 0px; }
#data-table-lab-items { display: none; }
#appointments .license-plate-input { margin: 15px 0px; }
#appointments .edit-license-plate { margin-top: 15px; }
#appointments .dataTables_wrapper .btn { line-height: 1.2; }
#appointments .action-button { display: inline-flex; border-radius: 4px; justify-content: center; align-items: center; width: 25px; height: 25px; color: rgb(255, 255, 255) !important; }
#appointments .action-button.hidden { display: none; }
#appointments .action-button .tooltip-cont { color: rgb(255, 255, 255) !important; }
#appointments .action-button:hover { cursor: pointer; }
#appointments .action-button.edit-patient { background-color: rgb(156, 39, 176); }
#appointments .action-button.arrive-patient { background-color: rgb(76, 175, 80); }
#appointments .action-button.modify-reservation { background-color: rgb(255, 222, 106); }
#appointments .action-button.delete-reservation { background-color: rgb(242, 145, 145); }
#appointments .action-button.delete-screening { background-color: rgb(75, 1, 8); }
#appointments .action-button i { font-size: 18px; }
.helper-modal { z-index: 1000000; }
.helper-modal .modal-body { padding: 1rem; }
.helper-modal img { object-fit: contain; width: 100%; }
.helper-modal .carousel-title { font-size: 18px; font-weight: 700; margin-top: 30px; margin-bottom: 20px; }
.helper-modal .carousel-text { font-size: 16px; }
.helper-modal .carousel-control { margin: 0px 40px; width: 110px; }
.helper-modal .buttons { margin-bottom: 20px; }
#appointments .comment-area, #appointments #save-comment { margin-top: 10px; }
#appointments .edit-comment { display: block; margin-top: 20px; }
#appointments .edit-internal-comment { display: block; margin-top: 20px; }
#institution-links .form-row { margin-top: 20px; }
#wrapper .navbar-custom { z-index: 1000; }
.main-institution-select-container { padding-left: 10px; height: 70px; display: flex; flex-direction: column; justify-content: flex-end; }
.main-institution-select-container .dropdown-menu li a.dropdown-item span { white-space: break-spaces; }
body > .bootstrap-select.dropdown .dropdown-item { white-space: normal; }
#speciality-settings .dropdown-menu li a.dropdown-item span { white-space: break-spaces; }
#statistics .buttons, #patients .buttons { display: flex; justify-content: space-evenly; margin-bottom: 30px; }
#appointments .buttons { display: flex; align-items: center; justify-content: space-between; }
#appointments .label { margin-right: 10px; }
#appointments #search-selected { margin: 0px 10px 0px 50px; }
#screening-stat .buttons { display: flex; justify-content: space-evenly; margin-bottom: 10px; }
#statistics .buttons, #screening-stat .buttons { margin-top: 20px; }
.main-institution-select-container.mobile { display: none; }
.main-institution-select-container > a { color: rgb(255, 255, 255); font-size: 12px; }
#internal-user #accordion { margin-bottom: 30px; }
#internal-user #user-rights-table { width: 100%; }
#internal-user .info-container { font-size: 18px; text-align: center; padding: 20px 0px; background-color: rgb(238, 196, 196); border-radius: 3px; margin-bottom: 20px; }
#internal-user #user-rights-table th, #internal-user #user-rights-table td { width: calc(16.6667%); border: 1px solid rgb(187, 187, 187); text-align: center; padding: 5px; }
#internal-user #user-rights-table thead, #internal-user #user-rights-table tr:nth-child(2n) { background-color: rgb(238, 238, 238); }
#internal-user #user-rights-table .icon { width: 20px; height: 20px; }
#internal-user .card-header .btn { font-weight: 700; }
.internal-user-title-row { height: 70px; }
#rooms #data-table-rooms .btn { line-height: 1.3; }
#rooms .new-room { margin: 10px auto; }
#room #save-button { margin: 10px auto; }
#room #room-images { display: flex; flex-wrap: wrap; width: 100%; }
#room .room-image-container { width: 23%; height: 150px; margin: 0px 1% 20px; position: relative; }
#room .room-image-container .delete-room-image-container { width: 30px; height: 30px; position: absolute; top: -10px; right: -10px; background: rgb(255, 255, 255); border-radius: 50%; border: 1px solid red; display: flex; justify-content: center; align-items: center; transition: 0.2s; }
#room .room-image-container .delete-room-image { width: 50%; height: 50%; }
#room .room-image-container .delete-room-image-container:hover { transform: scale(1.1); cursor: pointer; }
#room .room-image { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#notifications-stat #accordionExample { margin-bottom: 20px; }
#notifications-stat #sms-prices { width: 100%; border: 1px solid rgb(204, 204, 204); border-collapse: collapse; margin-bottom: 20px; }
#notifications-stat #sms-prices th { border: 1px solid rgb(204, 204, 204); text-align: center; font-weight: 700; background-color: rgb(221, 221, 221); }
#notifications-stat #sms-prices td { border: 1px solid rgb(204, 204, 204); text-align: center; }
#notifications-stat #sms-prices td, #notifications-stat #sms-prices th { padding: 5px 0px; }
#notifications-stat #sms-prices tbody tr:nth-child(2n) { background-color: rgb(238, 238, 238); }
#notifications-stat .card-body p { margin-bottom: 5px; }
#notifications-stat .card-body p .label { font-weight: 700; width: 220px; display: inline-block; }
#notifications-stat .card-body p .count { width: 100px; display: inline-block; text-align: right; margin-right: 30px; }
#notifications-stat .card-body p .summary { margin-left: 20px; font-weight: 700; text-align: right; width: 80px; display: inline-block; }
#notifications-stat .card-body p .price { display: inline-block; width: 70px; }
#doctor-rights .doctor-container { padding: 10px 10px 0px; background-color: rgb(238, 238, 238); border-radius: 2px; margin-bottom: 10px; }
#doctor-rights .doctor-header { display: flex; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(204, 204, 204); }
#doctor-rights .doctor-header .image-container { width: 50px; height: 50px; border-radius: 4px; overflow: hidden; box-shadow: rgb(170, 170, 170) 0px 2px 4px; margin-right: 20px; flex-shrink: 0; }
#doctor-rights .doctor-header .image-container img { width: 100%; object-fit: cover; }
#doctor-rights .doctor-header .name { font-weight: 700; margin-right: 5px; margin-bottom: 5px; }
#doctor-rights .doctor-header .qualification { margin-bottom: 0px; }
#doctor-rights .doctor-header .name-and-qualification { display: flex; flex-direction: column; justify-content: center; }
#doctor-rights .accessed-doctors { display: flex; flex-wrap: wrap; }
#doctor-rights .accessed-doctors-header { margin-top: 10px; font-weight: 700; }
#doctor-rights .doctor { margin-right: 30px; margin-bottom: 10px; }
#doctor-rights #search { width: 300px; margin: 0px auto 20px; }
#doctor-rights #save { margin: 0px auto; }
#doctor-rights .rights { margin: 0px auto; padding-bottom: 10px; border-bottom: 1px solid rgb(204, 204, 204); }
#doctor-rights .rights .right { margin-bottom: 10px; }
#doctor-rights .rights span { width: 400px; display: inline-block; }
#doctor-close-off .delete-button { background-color: red; color: rgb(255, 255, 255); font-weight: 700; }
#doctor-close-off .export-button { background-color: rgb(29, 111, 66); color: rgb(255, 255, 255); font-weight: 700; }
#doctor-close-off .add-button { background-color: var(--primary-color); color: rgb(255, 255, 255); font-weight: 700; }
#doctor-close-off .modal-body { text-align: left; }
#doctor-close-off .date-range { display: flex; align-items: center; justify-content: space-between; }
#doctor-close-off .date-range > div { width: 48%; }
#doctor-close-off .date-range .date-container { display: flex; justify-content: space-between; align-items: center; }
#doctor-close-off .date-range .date { width: 55%; margin-right: 5px; position: relative; }
#doctor-close-off .time { width: 45%; }
#doctor-close-off .label { font-weight: 700; margin: 15px 0px 10px; }
#doctor-close-off .date { position: relative; }
#doctor-close-off .doctor { display: inline-block; margin: 0px 15px 10px 0px; }
#doctor-close-off .doctor-handler { display: inline-block; margin-right: 15px; color: var(--primary-color); }
#doctor-close-off .doctor-handler:hover { cursor: pointer; text-decoration: underline; }
#doctor-close-off .new-close-off { padding: 10px 5px; background-color: rgb(238, 238, 238); margin-top: 15px; }
#doctor-close-off .new-close-off > div { display: flex; justify-content: space-between; align-items: center; }
#doctor-close-off .new-close-off .label { margin-top: 0px; }
#doctor-close-off .new-close-off input { width: 75%; }
#doctor-close-off .new-close-off .custom-button { width: 23%; }
#screening .screening, #screening-v2 .screening { background-color: rgb(238, 238, 238); padding: 10px; border-radius: 4px; margin-top: 15px; }
#screening .screening .buttons, #screening-v2 .screening .buttons { display: flex; }
#screening .screening .custom-button, #screening-v2 .screening .custom-button { width: 150px; height: 30px; border-radius: 4px; margin-left: 10px; }
#screening .screening .datas, #screening-v2 .screening .datas { display: flex; justify-content: space-between; align-items: center; }
#screening .screening .datas > p, #screening-v2 .screening .datas > p { margin-bottom: 0px; }
#screening .screening .name, #screening-v2 .screening .name { font-weight: 700; }
#screening .screening-element, #screeningv2 .screening-element { margin-bottom: 5px; }
#screening .delete, #screening-v2 .delete { width: 30px; height: 30px; margin-left: 10px; }
#screening .delete:hover, #screening-v2 .delete:hover { cursor: pointer; }
#screening .delete path, #screening-v2 .delete path { fill: rgb(198, 17, 17); }
#screening #new-screening, #screening-v2 #new-screening { margin: 0px auto 15px; }
#screening .update-button, #screening .expand-button, #screening .reservation-button, #screening-v2 .update-button, #screening-v2 .expand-button, #screening-v2 .reservation-button { max-width: 100px; }
#patient-evaluation .q-row { display: flex; align-items: center; }
#patient-evaluation .time { width: 75px; margin-right: 10px; margin-left: 20px; }
#patient-evaluation .doctor { margin-bottom: 5px; }
#patient-evaluation .buttons { display: flex; justify-content: space-evenly; }
#patient-evaluation .label { margin-bottom: 5px; font-weight: 700; }
#patient-evaluation .info { margin-bottom: 5px; }
#patient-evaluation .question { background-color: rgb(238, 238, 238); padding: 10px; border-radius: 4px; margin-bottom: 20px; }
#patient-evaluation .question .label { width: 200px; }
#patient-evaluation .qh-row { display: flex; align-items: center; margin-bottom: 20px; }
#patient-evaluation .require-check-row { margin-bottom: 20px; }
#patient-evaluation .qh-row:last-child { margin-bottom: 0px; }
#patient-evaluation .actions { display: flex; align-items: center; justify-content: space-evenly; }
#patient-evaluation .action { display: inline-block; margin: 0px 10px; padding: 5px; }
#patient-evaluation .action:hover { cursor: pointer; text-decoration: underline; }
#patient-evaluation .action i { margin-right: 5px; }
#patient-evaluation .action { color: var(--primary-color); }
#patient-evaluation .action.delete { color: red; }
#patient-evaluation .link { color: var(--primary-color); margin-right: 10px; display: inline-block; margin-bottom: 10px; }
#patient-evaluation .link:hover { cursor: pointer; text-decoration: underline; }
#patient-evaluation .question:first-child .action.move-up, #patient-evaluation .question:last-child .action.move-down { color: rgb(204, 204, 204); pointer-events: none; }
#patient-evaluations .custom-button { margin: 0px auto 20px; }
#coord-table .row-container { display: flex; align-items: center; justify-content: center; }
#coord-table .row-container input { width: 200px; margin: 0px 15px; }
#coord-table .input-container { position: relative; }
#developer .token-row { display: flex; align-items: center; justify-content: space-between; padding: 5px 3px; }
#developer .token-row.new { background-color: rgba(179, 255, 160, 0.208); }
#developer .token-row .token-data .btn { margin-left: 15px; }
#developer #new-token { margin: 20px auto 0px; display: block; }
#new-daktela-token { margin: 20px auto 0px; display: block; }
#new-comnica-token { margin: 20px auto 0px; display: block; }
#developer .token-row:not(:last-child) { border-bottom: 1px solid rgb(204, 204, 204); }
#developer .token-row .valid span, #developer .token-row .token { font-weight: 700; }
#developer .section-header { margin-bottom: 20px; }
#daktela { margin-bottom: 25px; }
#comnica { margin-bottom: 25px; }
.api-description { margin-left: 10px; }
.token-row { flex-direction: row; }
@media only screen and (max-width: 1290px) {
  .token-row { flex-direction: column; width: 100%; justify-content: space-between; }
  .token { width: 100%; overflow-x: scroll; margin-bottom: 10px; }
  .token-data { display: flex; width: 100%; justify-content: space-between; align-items: center; }
}
#developer .sub-header { margin-bottom: 5px; font-size: 18px; font-weight: 700; background-color: rgb(238, 238, 238); padding: 5px; }
#developer .web-api-document-container { padding: 20px 10px; background-color: rgba(161, 205, 253, 0.525); border-radius: 4px; margin-bottom: 10px; }
.interested_cc { font-style: italic; font-size: 14px; }
#developer .web-api-document-container p { margin-bottom: 0px; font-size: 18px; }
#developer .web-api-document-container.legacy p { margin-bottom: 0px; font-size: 16px; }
#developer .web-api-document-container i { font-size: 28px; margin-right: 10px; }
#developer .web-api-document-container.legacy i { font-size: 22px; margin-right: 10px; }
@media (min-width: 1200px) {
  .wide-modal .modal-dialog { max-width: 1150px; }
}
@media only screen and (max-width: 1199px) {
  .doctor-datas { max-width: 310px; }
  #edit-doctors .doctor-datas { max-width: none; margin-left: 20px; justify-content: space-between; }
  #edit-doctors .custom-button { height: 35px; }
  .wide-modal .modal-dialog { max-width: 80%; }
}
.dropdown-menu.show:not(#modifyCalendarModal .dropdown-menu.show) { max-width: 100%; }
select#excluded-qualifications ~ .dropdown-menu.show { max-width: none !important; }
select#excluded-qualifications ~ .dropdown-menu .inner li a { white-space: normal !important; overflow-wrap: break-word !important; }
select#excluded-qualifications ~ .dropdown-menu .inner { overflow-x: hidden !important; }
@media only screen and (max-width: 991px) {
  header nav a { font-size: 14px; padding: 20px 10px; }
  .custom-card { font-size: 14px; }
  .header-logo { height: 35px; }
  header nav { display: none; }
  header .container { display: flex; justify-content: space-between; }
  header .container i { font-size: 24px; color: rgb(105, 105, 105); padding: 20px; margin-right: -20px; }
  .user-data-col p { display: flex; flex-direction: column; }
  .list-profile-picture { width: 100px; height: 100px; }
  .doctor-datas { max-width: none; margin-right: 10px; }
  .search-card .closest-available { width: 100%; margin-top: 10px; flex-direction: row; justify-content: space-between; align-items: center; }
  .search-card .details-col { width: 100%; margin-left: 0px; }
  .search-card .details { text-align: center; }
  .cancel-buttons .custom-button { margin-left: 10px; }
}
@media only screen and (max-width: 767px) {
  .help-button.desktop, .academy-button.desktop { display: none; }
  #new-doctor .not-found { text-align: center; }
  #search main, #traffic main, #callcenter main, #callcenter-beta main, #search-doctor main, #partner-send main { padding-bottom: 150px; }
  #search .footer, #callcenter .footer, #callcenter-beta .footer, #partner-send .footer, #traffic .footer, #search-doctor .footer { margin-bottom: 50px; }
  .input-header { font-size: 14px; }
  #login input:not([type="checkbox"]) { width: 100%; }
  .user-data-col p { width: 50%; }
  .search-card { padding: 20px; flex-direction: column; }
  #edit-doctors .search-card { flex-direction: row; }
  #edit-doctors .top-row { margin-bottom: 0px; }
  #edit-doctors .doctor-datas { margin-left: 0px; }
  #edit-doctors .custom-button { margin-top: 10px; }
  .search-card .closest-available { width: 100%; }
  .doctor-datas { flex-grow: 1; }
  .doctor-datas p { margin-bottom: 0px; }
  .list-profile-picture { width: 80px; height: 80px; }
  .top-row { margin-bottom: 20px; display: flex; align-items: center; }
  .search-card .doctor-name { margin-bottom: 0px; }
  .cancel-buttons { justify-content: space-evenly; }
  .search-card .closest-available p.price { margin-bottom: 0px; margin-top: 20px; }
  #reservation-summary .custom-card p:not(.price), #patient-summary .custom-card p:not(.price) { display: flex; flex-direction: column; }
  #reservation-summary .custom-card p span, #patient-summary .custom-card p span { margin-left: 0px; }
  .search-card .closest-available { flex-direction: column; align-items: flex-start; }
  #user-appointments .search-card .closest-available > div:first-child { display: flex; align-items: center; justify-content: space-between; width: 100%; }
  .search-card .closest-available p.price { margin-top: 0px; }
  .search-card .closest-available p { margin-bottom: 0px; }
  .search-card .closest-available .cancel-buttons { margin-top: 20px; justify-content: center; align-items: flex-end; width: 100%; }
  .search-card .closest-available .cancel-buttons .custom-button { margin-bottom: 0px; margin-right: 30px; }
  .search-card .closest-available .cancel-buttons .details { margin-left: auto; }
  #edit-doctors .flex-break { display: none; }
  #search main { padding-top: 20px; }
  #callcenter main, #callcenter-beta main, #partner-send main { padding-top: 20px; }
  #search .cards { margin-left: 0px; padding-right: 15px; }
}
@media only screen and (max-width: 575px) {
  main { min-height: calc(-60px + 100vh); padding-top: 10px; }
  header { height: 60px; }
  header .container { height: 60px; }
  .top-new-reservation { top: 60px; }
  #user-datas input, #patient-datas input, #reservation-summary input { margin-bottom: 20px; }
  #user-datas .input-header, #patient-datas .input-header, #reservation-summary .input-header, #patient-summary .input-header { text-align: center; }
  .user-data-col p { width: 100%; flex-direction: row; }
  .user-data-col p span { margin-left: 20px; }
  .other-data-row .col { margin-bottom: 20px; }
  .list-profile-picture { margin-right: 20px; }
  #reservation-summary .custom-card p:not(.price), #patient-summary .custom-card p:not(.price) { display: block; }
  #reservation-summary .custom-card p span, #patient-summary .custom-card p span { margin-left: 5px; }
  #user-appointments .search-card .closest-available > div:not(.cancel-buttons) { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
  .search-card .closest-available .cancel-buttons { justify-content: center; }
  .search-card .closest-available .cancel-buttons .custom-button { margin-right: 0px; margin-bottom: 10px; }
  .search-card .closest-available .cancel-buttons .details { margin-left: 0px; }
  #user-appointments .search-card .closest-available > div:not(.cancel-buttons).details-col { align-items: center; margin-top: 20px; }
  main { padding-bottom: 100px; }
  .reset-filters { text-align: center; }
  #user-datas .row, #reservation-summary, #reservation-summary .other-patient-datas-input .row #patient-summary, #patient-summary .other-patient-datas-input .row { margin-bottom: 0px; }
  #user-datas input, #reservation-summary input { margin-bottom: 0px; }
  #user-datas #datas .col, .other-patient-datas-input .col { margin-bottom: 20px; }
  #edit-doctors .custom-button { width: 200px; }
  #edit-doctors .search-card { flex-wrap: wrap; }
  #edit-doctors .flex-break { display: block; flex-basis: 100%; height: 0px; }
  #edit-doctors .doctor-datas { justify-content: center; }
  #edit-doctors .custom-button { margin-left: auto; margin-right: auto; }
  #edit-doctors .search-row { flex-direction: column; align-items: flex-start; }
  #edit-doctors .search-row .input-header { margin-bottom: 10px; margin-top: 20px; }
  #edit-doctors .bootstrap-select { width: 100%; }
  .menu-items { width: 55%; }
  .select-box { width: 180px; height: 180px; margin-bottom: 20px; }
  .select-box img { width: 65px; height: 74px; }
  .select-box.edit-doctors { margin-top: 0px; }
  .range-row { flex-direction: column; align-items: center; }
  .range-row select { margin-left: 0px; margin-right: 0px; margin-bottom: 15px; max-width: none; }
  .range-row .custom-button { margin-left: auto; margin-right: auto; margin-top: 20px; }
  #settings .password, #settings .password-2, #settings .current-password { width: auto; flex-grow: 1; }
}
@media only screen and (max-width: 400px) {
  .cancel-buttons { justify-content: space-between; }
}
.files-container { margin-top: 35px; text-align: center; }
.files-container .files-text { text-align: center; font-size: 16px; font-weight: bold; color: var(--primary-color); margin-bottom: 20px; }
.files-container .files .file-item { margin-bottom: 35px; }
.files-container .files .file-item .file-item-name { font-size: 15px; font-weight: bold; margin-bottom: 10px; color: var(--primary-color); margin-right: 15px; }
.files-container .files .file-item .file-item-name, .files-container .files .file-item .file-item-file { display: inline-block; }
.files-container .files .file-item .file-item-name .custom-tooltip { margin-left: 5px !important; padding: 0px !important; }
.files-container .files .file-item .file-item-file input { width: auto !important; border-bottom: 0px !important; }
.files-container .files .file-item .file-item-checkbox input, .file-item-patient-checkbox input { width: auto !important; border-bottom: 0px !important; margin-right: 5px !important; }
.files-container .files .file-item .file-item-checkbox { margin-bottom: 0px !important; margin-top: 10px !important; display: block !important; }
.file-item-patient-checkbox { margin-top: 10px !important; margin-bottom: 25px !important; font-size: 16px !important; }
.files-container .files .file-item .file-item-error { color: rgb(220, 53, 69); font-weight: bold; margin-top: 6px; }
#speciality-settings #files-container #files, #lab-settings #files-container #files { }
#speciality-settings #files-container #files .file-item, #screening-settings #files-container #files .file-item, #screening-settings-v2 #files-container #files .file-item, #lab-settings #files-container #files .file-item { border: 1px solid rgb(206, 212, 218); padding: 10px; margin-bottom: 15px; }
#speciality-settings #files-container #files .file-item-remove, #screening-settings #files-container #files .file-item-remove, #screening-settings-v2 #files-container #files .file-item-remove, #lab-settings #files-container #files .file-item-remove { float: right; margin-top: -5px; padding-bottom: 5px; color: rgb(220, 53, 69); cursor: pointer; }
#speciality-settings #files-container #add-new-file, #screening-settings #files-container #add-new-file, #screening-settings-v2 #files-container #add-new-file, #lab-settings #files-container #add-new-file { margin-top: -15px; }
#fileModal .modal-body { text-align: left; }
#fileModal .custom-button { margin-top: 20px; margin-left: auto; margin-right: auto; }
#lab-items .institution-row .custom-button { margin-left: 30px; }
#lab-items .institution-row { justify-content: space-between; }
#lab-items .section-header { margin-bottom: 10px; width: 100%; }
#lab-items #items input { text-align: right; margin-right: 3px; }
#lab-items #items .input-container { display: flex; align-items: center; }
#lab-items .custom-button#save { margin-left: auto; margin-right: auto; margin-top: 20px; }
#lab-items .form-row.lab-item { width: 50%; padding: 10px 30px; align-items: center; border-bottom: 1px solid rgb(238, 238, 238); }
#lab-items .form-row.lab-item .col.switch-col { margin-bottom: 10px; margin-top: 10px; }
.switch-col .custom-switch:hover { cursor: pointer; }
#lab-items .form-row.lab-item.disabled { opacity: 0.5; }
#lab-items .form-row.lab-item .col { margin-bottom: 0px; }
#lab-items .form-row.lab-item .col p { margin-bottom: 0px; }
#lab-items #items { display: flex; flex-wrap: wrap; }
.search-item-row { margin-top: 20px; }
.search-item-row .input-container { display: flex; align-items: center; }
.search-item-row span.search-title { font-weight: 700; margin-right: 20px; }
#lab-items .font-container { padding: 5px; margin-left: 30px; display: flex; align-items: center; }
#lab-items .font-container .fa { margin-right: 10px; }
#lab-items .font-container:hover { cursor: pointer; }
.google-calendar-btn { border: 1px solid lightgrey; }
.google-calendar-btn img { width: 16px; margin-right: 5px; margin-top: -5px; }
#appointments table.dataTable tbody td { vertical-align: middle; width: auto !important; min-width: 100px !important; white-space: normal !important; word-break: break-word !important; }
#appointments .filters th::before, #appointments .filters th::after { display: none; }
#appointments .filters th input { width: 100%; }
#appointments .buttons-columnVisibility { color: rgb(255, 255, 255); box-shadow: none; background-image: none; background-color: red; padding: 4px 10px; }
#appointments .buttons-columnVisibility span { font-size: 14px; }
#appointments .buttons-columnVisibility.active { background-color: var(--primary-color); }
#modifyModal .modal-head { margin-top: 20px; font-size: 20px; font-weight: 700; }
#modifyModal .button-container { display: flex; justify-content: space-around; }
#modifyModal .button-container a:hover, #modifyModal .button-container a:active, #modifyModal .button-container a:focus { color: rgb(255, 255, 255); }
#modifyModal .medio-calendar .mc-loader-container { width: 100% !important; top: 50% !important; }
#speciality-settings .en-label { display: flex; flex-direction: row; justify-content: center; margin-bottom: 16px; align-items: center; }
#speciality-settings .en-main-label { display: flex; flex-direction: row; margin-bottom: 16px; align-items: center; }
#speciality-settings .en-label-text { font-weight: 600; }
#speciality-settings .flag, #screening-settings-v2 .flag, #doctor .flag, #institution-settings .flag, #notifications .flag, #multi-speciality-settings .flag, #room .flag { width: 20px; margin-right: 5px; }
#notifications .email-english-header { margin: 20px 0px 10px; padding: 10px 5px; background-color: rgb(205, 226, 255); }
.lngWrapper { position: relative; cursor: pointer; border: 1px solid rgb(231, 231, 231); border-radius: 4px; padding: 4px; }
.qrWrapper { position: relative; cursor: pointer; margin: 0px 14px; }
.support-wrapper { position: relative; cursor: pointer; margin: 0px 14px; background-color: rgb(246, 246, 246); border-radius: 4px; padding: 4px; }
.marketplace-wrapper { position: relative; cursor: pointer; margin: 0px 14px; padding: 4px; }
.header-missing-translations-widget { position: relative; cursor: pointer; margin: 0px 14px; padding: 4px; }
.header-missing-translations-widget .missing-translations-trigger { position: relative; display: inline-flex; align-items: center; justify-content: center; }
.header-missing-translations-widget .missing-translations-icon-unit { position: relative; display: inline-block; flex-shrink: 0; margin-top: 4px; }
.header-missing-translations-widget .missing-translations-icon-wrap { position: relative; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }
.header-missing-translations-widget .missing-translations-icon-ring { position: absolute; inset: 0px; border: 2.5px solid rgb(231, 76, 60); border-radius: 50%; box-sizing: border-box; pointer-events: none; }
.header-missing-translations-widget .missing-translations-icon-wrap .missing-translations-icon-mark { position: relative; z-index: 1; color: rgb(231, 76, 60); font-size: 14px; font-weight: 900; line-height: 1; margin-top: 1px; }
.header-missing-translations-widget .missing-translations-badge { position: absolute; top: -5px; right: -18px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 18px; padding: 0px 5px; box-sizing: border-box; background-color: rgb(231, 76, 60); color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: 0.02em; border-radius: 999px; border: 2px solid rgb(31, 49, 76); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; }
#missingTranslationsModal .modal-dialog { max-width: 420px; }
.attention-items-modal-content { position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; box-shadow: rgba(31, 49, 76, 0.15) 0px 8px 24px; overflow: hidden; }
.attention-items-modal-close { position: absolute; top: 12px; right: 14px; z-index: 2; margin: 0px; padding: 0px; font-size: 1.75rem; line-height: 1; color: rgb(108, 117, 125); opacity: 0.8; }
.attention-items-modal-close:hover { opacity: 1; color: rgb(52, 58, 64); }
.attention-items-modal-body { padding: 1.35rem 1.25rem 1.25rem; text-align: left; }
.attention-items-modal-title { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(31, 49, 76); margin: 0px 2.25rem 1rem 0px; line-height: 1.35; text-align: left; }
.attention-items-list { display: flex; flex-direction: column; gap: 10px; }
.attention-item-card { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background-color: rgb(255, 249, 242); border: 1px solid rgb(240, 200, 150); border-radius: 10px; }
.attention-item-text { flex: 1 1 0%; min-width: 0px; text-align: left; }
.attention-item-title { font-size: 1rem; font-weight: 600; color: rgb(33, 37, 41); line-height: 1.35; margin-bottom: 4px; text-align: left; }
.attention-item-sub { font-size: 0.85rem; color: rgb(108, 117, 125); line-height: 1.3; text-align: left; }
.attention-item-count { flex-shrink: 0; font-size: 1.5rem; font-weight: 700; color: rgb(231, 120, 32); line-height: 1; text-align: right; }
a.attention-item-card.attention-item-card--clickable { display: flex; text-decoration: none; color: inherit; cursor: pointer; transition: background-color 0.15s, border-color 0.15s; }
a.attention-item-card.attention-item-card--clickable:hover { background-color: rgb(255, 243, 228); border-color: rgb(234, 182, 118); text-decoration: none; color: inherit; }
a.attention-item-card.attention-item-card--clickable:focus { outline: none; text-decoration: none; color: inherit; }
a.attention-item-card.attention-item-card--clickable:focus-visible { outline: rgb(31, 49, 76) solid 2px; outline-offset: 2px; }
.lngSelector { display: none; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: -1px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 4px; cursor: pointer; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(231, 231, 231) rgb(231, 231, 231); border-image: initial; padding: 4px; line-height: normal !important; }
.selected-lng { display: flex; flex-direction: row; align-items: center; width: 52px; justify-content: space-between; }
.selected-lng span { margin: 0px 5px; }
.languageSwitcher img, .lngSelector img { width: 20px; height: 20px; }
.lng-select { margin-top: 10px; }
.lng-select span { padding: 5px; margin-right: 10px; cursor: pointer; }
.lng-selected { background-color: rgb(210, 208, 208); border-radius: 0.25rem; }
#log .control, #log-v2 .control { display: flex; justify-content: space-between; margin: 20px 0px; }
#log .control .panel, #log-v2 .control .panel { width: 24%; position: relative; }
#log .custom-button, #log-v2 .custom-button { margin: 0px auto; }
#log .changed-data-container, #log-v2 .changed-data-container { padding: 5px; background-color: rgb(249, 249, 249); border-radius: 3px; margin: 3px 0px 20px; }
#log .changed-data-container .channel-specialization, #log-v2 .changed-data-container .channel-specialization { font-weight: 700; margin-top: 10px; margin-bottom: 5px; }
#log .changed-data-container .non-reservable #log-v2 .changed-data-container .non-reservable { color: red; display: inline-block; margin: 0px 3px; }
#log .changed-data-container .reservable, #log-v2 .changed-data-container .reservable { color: green; display: inline-block; margin: 0px 3px; }
#log .changed-data-container .old, #log-v2 .changed-data-container .old { color: red; }
#log .changed-data-container .new, #log-v2 .changed-data-container .new { color: green; }
#log #log-rows table, #log-v2 #log-rows table { width: 100%; text-align: center; margin-bottom: 20px; }
#log #log-rows table thead, #log-v2 #log-rows table thead { background-color: rgb(204, 204, 204); }
#log #log-rows table th, #log-v2 #log-rows table th { padding: 10px 20px; border: 1px solid rgb(170, 170, 170); font-weight: 700; }
#log #log-rows table tbody tr, #log-v2 #log-rows table tbody tr { background-color: rgb(255, 255, 255); }
#log #log-rows table tbody tr:nth-child(2n), #log-v2 #log-rows table tbody tr:nth-child(2n) { background-color: rgb(238, 238, 238); }
#log #log-rows table td, #log-v2 #log-rows table td { padding: 10px 20px; border: 1px solid rgb(170, 170, 170); }
#log-v2 #log-rows table td { text-align: start; vertical-align: top; }
#log-v2 #log-rows table td p { margin: 0px; }
#log #log-rows .channel-table td:first-child, #log-v2 #log-rows .channel-table td:first-child { width: 50%; }
#log #log-rows .add-or-remove-element.added, #log-v2 #log-rows .add-or-remove-element.added { color: green; font-weight: 700; }
#log #log-rows .add-or-remove-element.removed, #log-v2 #log-rows .add-or-remove-element.removed { color: red; font-weight: 700; }
#log .log-row, #log-v2 .log-row { padding: 10px; margin-bottom: 2px; display: flex; justify-content: space-between; align-items: center; }
#log .log-row span, #log-v2 .log-row span { display: inline-block; margin-right: 10px; }
#log .log-row.delete, #log-v2 .log-row.delete { background-color: rgba(255, 62, 62, 0.58); }
#log .log-row.insert, #log-v2 .log-row.insert { background-color: rgba(62, 255, 126, 0.53); }
#log .log-row.update, #log-v2 .log-row.update { background-color: rgba(255, 191, 40, 0.545); }
#log .log-row .date, #log-v2 .log-row .date { font-weight: 700; }
#speciality-names .specializations { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; columns: 2; }
#speciality-names .specialization { width: 48%; margin-bottom: 10px; }
#speciality-names .specialization-name { margin-bottom: 5px; font-weight: 700; }
#speciality-names #search { margin-bottom: 20px; }
#speciality-names #save { margin: 0px auto; }
.app-main .a-header-wrapper, .display-settings .a-header-wrapper, #printer-settings .a-header-wrapper { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid rgb(196, 196, 196); margin-bottom: 12px; }
.app-main .a-header-wrapper .custom-button, .display-settings .a-header-wrapper .custom-button, #printer-settings .a-header-wrapper .custom-button { width: 200px; }
.app-main .a-header-text, .display-settings .a-header-text, #printer-settings .a-header-text { color: rgb(28, 28, 28); font-weight: 700; padding: 10px 0px; font-size: 1.1rem; margin-bottom: 0px; }
.app-main .a-counter-title, .display-settings .a-counter-title, #printer-settings .a-counter-title { color: var(--primary-color); padding: 0px; font-weight: 700; font-size: 1.2rem; margin-bottom: 0px; }
.app-main .a-counter-title span, .display-settings .a-counter-title span, #printer-settings .a-counter-title span { color: rgb(28, 28, 28); padding: 10px 0px; font-weight: 700; font-size: 1.2rem; }
.app-main .a-counter-search, .display-settings .a-counter-search, #printer-settings .a-counter-search { display: flex; justify-content: space-between; align-items: center; }
.app-main .a-search, .display-settings .a-search { display: flex; align-items: center; }
.app-main .a-search p, .display-settings .a-search p { margin-bottom: 0px; padding-right: 5px; }
.a-admin-help { margin-top: 10px; }
.app-main .a-help-title, .display-settings .a-help-title, #self-checkin .a-help-title { color: rgb(28, 28, 28); font-weight: 700; padding: 0px; font-size: 1rem; margin-bottom: 0px; text-transform: uppercase; }
.app-main .a-help-text, .display-settings .a-help-text, #self-checkin .a-help-text { color: rgb(255, 0, 0); font-weight: 600; padding: 0px; font-size: 1rem; margin-bottom: 0px; }
.app-main .a-table-outer, .display-settings .a-table-outer, #printing-settings .a-table-outer { margin-top: 10px; width: 100%; border: 1px solid rgb(196, 196, 196); }
.app-main .a-table-header, .display-settings .a-table-header, #printing-settings .a-table-header { background-color: rgb(222, 226, 230); height: 50px; border-bottom: 1px solid rgb(196, 196, 196); display: flex; }
.a-table-header .a-header { border-right: 1px solid rgb(196, 196, 196); display: flex; align-items: center; }
.a-table-header .a-header p { margin: 0px 0px 0px 16px; font-weight: 600; }
.a-table-outer .flex-2 { flex: 2 1 0%; }
.a-table-outer .flex-1 { flex: 1 1 0%; }
.a-table-data ul { list-style-type: none; margin: 0px; padding: 0px; }
.a-table-data .a-data-row { display: flex; height: 50px; border-top: 1px solid rgb(196, 196, 196); }
.a-table-data .a-data { border-right: 1px solid rgb(196, 196, 196); display: flex; align-items: center; }
.a-table-data .a-data p { margin: 0px 0px 0px 16px; }
.a-check-wrapper { display: flex; justify-content: center; }
.a-check-wrapper p { margin: 0px; }
.a-center { justify-content: center; }
.a-center p { margin: 0px !important; }
.app-main .modal-body { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.app-main .modal-body p { font-weight: 600; font-size: 1.1rem; width: 300px; }
.app-main .a-counter-filter-wrapper { display: flex; align-items: center; }
.app-main .a-counter-filter-wrapper { display: flex; align-items: center; }
.a-counter-filter-wrapper .a-filter-wrapper p { margin: 0px 0px 0px 2rem; font-weight: 600; font-size: 0.9rem; }
.a-counter-filter-wrapper .a-filter-wrapper span { text-transform: uppercase; color: var(--primary-color); text-decoration: underline; cursor: pointer; }
.a-btn-container { display: flex; flex-direction: column; justify-content: space-evenly; width: 100%; }
.a-small-btn { width: 80%; display: flex; justify-content: center; align-items: center; border-radius: 5px; cursor: pointer; }
.a-small-btn span { text-align: center; color: white; font-size: 12px; }
.a-edit { background-color: var(--primary-color); }
.a-delete { background-color: rgb(242, 145, 145); }
.a-slider-image { height: 40px; width: 100px; border-radius: 5px; object-fit: contain; }
.a-add-new-row { height: 50px; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(196, 196, 196) rgb(196, 196, 196); border-image: initial; background-color: rgb(222, 226, 230); }
.a-add-new-row { display: flex; align-items: center; }
.a-add-new-wrapper { display: flex; align-items: center; margin-left: 16px; cursor: pointer; }
.a-add-new-wrapper span { margin-left: 0.5rem; font-weight: 600; color: var(--text-grey); }
#app-sliders .modal-body, #app-blogs .modal-body, #display-settings .modal-body { display: block; width: 100%; text-align: left; }
#app-sliders .modal-body p, #app-blogs .modal-body p, #display-settings .modal-body p { font-weight: 600; text-align: left; font-size: 1rem; margin-bottom: 0.5rem; width: auto; }
.a-input-row { margin-bottom: 1rem; }
.a-editor-save-btn { margin: 0px auto; }
.a-editor-btn-wrapper { display: flex; justify-content: center; margin-top: 2rem; }
.a-image-upload-wrapper { width: 100%; display: flex; justify-content: space-between; }
.a-upload-input-row { display: flex; }
.a-upload-btn { height: 38px; background-color: rgb(233, 236, 239); display: flex; align-items: center; justify-content: center; width: 90px; border-radius: 0.25rem; margin-left: 0.5rem; cursor: pointer; border: 1px solid rgb(206, 212, 218); }
.a-upload-btn span { font-weight: 600; }
.a-preview-image { height: 100px; width: 250px; border-radius: 5px; object-fit: contain; }
#preview-container { width: 250px; }
#app-sliders #limitModal .modal-body { display: flex; justify-content: center; }
#app-sliders #limitModal .modal-body p { margin-bottom: 1rem; }
.a-date-row { width: 30%; }
.a-date-btn { height: 38px; background-color: rgb(233, 236, 239); display: flex; align-items: center; justify-content: center; border-radius: 0.25rem; margin-left: 0.5rem; cursor: pointer; border: 1px solid rgb(206, 212, 218); width: 45px; }
.a-calendar-icon { font-size: 26px; }
#app-blogs .a-preview-image { height: 100px; width: 100px; border-radius: 5px; }
#app-blogs #preview-container { width: 100px; }
#app-blogs .a-blog-image { height: 40px; width: 40px; border-radius: 5px; }
.a-info-main { display: flex; margin-top: 2rem; }
.a-info-block { flex: 1 1 0%; }
.a-info-title { text-align: center; font-size: 1.1rem; }
.a-info-input-wrapper { margin: 2rem; }
.a-input-label { font-weight: bold; margin-bottom: 0.5rem; }
.lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border-width: 8px; border-style: solid; border-image: initial; border-radius: 50%; animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite normal none running lds-ring; border-color: rgb(10, 10, 10) transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#patients #patient-list { height: 80vh; }
.pencil-btn { border: 1px solid rgb(206, 212, 218); height: 38px; min-width: 38px; display: flex; justify-content: center; align-items: center; border-radius: 0.25rem; cursor: pointer; }
.fake-top-scroll-container { width: 100%; overflow: scroll auto; }
.fake-top-scroll-container div { font-size: 1px; line-height: 1px; }
.bootstrap-select .dropdown-menu li.disabled { display: none; }
#data-groups #add-new-data-group { margin: 0px auto; }
#data-group #data-table-data-group { text-align: center; }
#data-group-name-container { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px; }
#data-group-name { font-size: 24px; }
#patient-summary .modal-info { font-weight: 700; }
#patient-summary .modal-body span { font-weight: 400; }
#patient-summary .reservation-button, #patient-summary .bank-transfer-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
#patient-summary .reservation-button:focus, #patient-summary .reservation-button:active, #patient-summary .bank-transfer-button:focus, #patient-summary .bank-transfer-button:active { outline: none; }
#patient-summary .reservation-button:disabled, #patient-summary .reservation-button[disabled], #patient-summary .bank-transfer-button:disabled, #patient-summary .bank-transfer-button[disabled] { cursor: not-allowed; transform: none; pointer-events: all !important; }
.patient-search-switch { right: 840px; top: 20px; position: absolute !important; }
.patient-search-switch-sidebar { display: none; }
.patient-search-switch-label { width: 0px !important; }
.custom-switch.custom-switch-md .custom-control-label { padding-left: 0px; padding-bottom: 1.5rem; }
.custom-switch.custom-switch-md .custom-control-label::before { height: 1.5rem; width: calc(2.75rem); border-radius: 3rem; }
.custom-switch.custom-switch-md .custom-control-label::after { width: calc(-4px + 1.5rem); height: calc(-4px + 1.5rem); border-radius: calc(1.25rem); }
.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(calc(1.25rem)); }
.languages-container { display: flex; flex-direction: row; align-items: center; gap: 8px; color: rgb(73, 80, 87); }
.languages-container img { width: 25px; }
.filter-option-inner-inner { display: flex; gap: 4px; }
.lng-image-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 52px; }
.lng-image-wrapper span { margin-left: 5px; }
.password-toggle { position: relative; }
.password-toggle input[type="password"] { padding-right: 30px; }
.password-toggle .fa-eye, .password-toggle .fa-eye-slash { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); cursor: pointer; }
.edit-icon-wrapper, .delete-icon-wrapper, .print-icon-wrapper { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 5px; cursor: pointer; }
.edit-icon-wrapper i, .delete-icon-wrapper i, .print-icon-wrapper { font-size: 15px; color: rgb(255, 255, 255); }
.print-icon-wrapper { background-color: var(--primary-color); }
.print-icon-wrapper:hover { background-color: rgb(31, 127, 204); }
.edit-icon-wrapper { background-color: rgb(255, 222, 106); }
.edit-icon-wrapper:hover { background-color: rgb(229, 199, 95); }
.delete-icon-wrapper { background-color: rgb(242, 145, 145); }
.delete-icon-wrapper:hover { background-color: rgb(217, 130, 130); }
.table-signing-desk-password-toggle { cursor: pointer; }
#navbar-search-sidebar { display: none; }
.patient-search-checkbox { display: block; margin-bottom: 20px; margin-top: 20px; }
.changebox { display: none; }
.checkbox-text { font-size: 14px; margin-left: 5px; color: rgb(131, 145, 160); }
.new-qualification-search { margin-bottom: 8px; font-size: 16px; font-weight: 600; line-height: 24px; text-align: left; color: rgb(75, 75, 75); }
.new-qualification-search-helper { margin-top: 4px; font-size: 12px; font-style: italic; font-weight: 400; line-height: 24px; color: rgb(73, 80, 87); }
@media only screen and (max-width: 1400px) {
  .navbar-custom .custom-control { display: none; }
  .custom-control-sidebar.patient-search-switch { display: block; position: relative; }
  #navbar-search-sidebar { display: inline-block; width: 220px; margin-left: 10px; margin-right: 10px; }
  .patient-search-switch-sidebar { display: inline-block; margin-left: 10px; margin-right: 10px; }
  .changebox { display: flex; align-items: center; justify-content: center; }
}
body.enlarged #nav-help { display: none; }
body.enlarged .changebox { display: none; }
body.enlarged .main-institution-select-container { display: none; }
@media only screen and (max-width: 1100px) {
  #nav-help { display: block; }
  .help-button.desktop, .academy-button.desktop { display: none; }
}
@media only screen and (max-width: 700px) {
  .main-institution-select-container.desktop { display: none !important; }
  .main-institution-select-container.mobile { display: list-item; width: 80%; margin: 0px auto; height: auto; }
  #closed-search-wrapper { display: none; }
}
.display-settings tr td, .display-settings tr th { font-size: 14px !important; }
#add-new-device-modal .data-row, #checkin-display-modal .data-row { display: flex; align-items: center; margin-bottom: 16px; }
#add-new-device-modal p, #checkin-display-modal p { margin: 0px; text-align: left; }
.modal-tab { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; padding: 1rem; cursor: pointer; }
.modal-tab span { font-size: 18px; }
.tab-selected { background-color: rgb(47, 157, 248); }
.tab-selected span { font-weight: bold; color: white; }
#sms-body-container { display: flex; flex-direction: column; }
body.enlarged > #institution-url-mobile { display: none; }
#sidebar-menu > #institution-url-mobile { display: none; }
@media only screen and (max-width: 700px) {
  #sidebar-menu > #institution-url-mobile { display: block; }
}
.checkinDisplayRow { display: flex; margin-top: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.checkin-row-title { margin-bottom: 16px; font-weight: bold; }
.guide { width: 100%; display: flex; flex-direction: column; gap: 7px; border-radius: 6px; padding: 16px 24px; margin-top: 16px; }
.guide-info { background: rgba(219, 234, 254, 0.7); border-left: 7px solid rgb(59, 130, 246); }
.guide-info-text { color: rgb(59, 130, 246); }
.guide-success { background: rgba(228, 248, 240, 0.7); border-left: 7px solid rgb(30, 169, 124); }
.guide-success-text { color: rgb(30, 169, 124); }
.guide-warning { background: rgba(255, 242, 226, 0.7); border-left: 7px solid rgb(204, 137, 37); }
.guide-warning-text { color: rgb(204, 137, 37); }
.guide-error { background: rgba(255, 231, 230, 0.7); border-left: 7px solid rgb(255, 87, 87); }
.guide-error-text { color: rgb(255, 87, 87); }
.guide-title { font-size: 16px; font-weight: 900; margin: 0px; text-transform: uppercase; }
.guide-title-container:hover { cursor: pointer; }
.guide-content { display: none; }
.guide.active .guide-content { display: flex; flex-direction: column; gap: 2px; }
.guide-text { font-size: 14px; font-weight: 400; margin: 0px; }
.display-settings-guide-title { font-weight: bold; font-size: 16px; margin: 4px 0px; }
.simplepay-patient-summary-mobile { display: none; }
.simplepay-patient-summary { height: 30px; }
.tv-display-link { color: rgb(33, 37, 41); text-decoration: none; }
.tv-display-link:hover { color: rgb(47, 157, 248); }
.sign-on-tab-username-input-container { display: flex; flex-direction: row; width: 100%; }
.medirex-doctor-nav { width: 99%; display: flex; margin-right: auto; margin-left: auto; background-color: white; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.medirex-doctor-menu { flex: 1 1 0%; padding-top: 1rem; display: flex; justify-content: center; border-bottom: 3px solid white; padding-bottom: 1rem; font-weight: bold; cursor: pointer; color: rgb(75, 75, 75); background-color: rgb(248, 249, 250); }
.medirex-doctor-menu.active { border-bottom: 3px solid rgb(47, 157, 248); color: rgb(47, 157, 248); background-color: white; }
.medirex-doctor-menu.disabled { opacity: 0.5; pointer-events: none; }
.show-icon { cursor: pointer; margin-left: 0.5rem; }
.medirex-card { background-color: white; height: calc(-70px + 100vh); }
#consultation-settings-iframe { height: calc(-245px + 100vh); border-width: 0px; }
.smtp-password-toggle { position: absolute; top: 50%; transform: translateY(-50%); right: 8px; }
.export-excel-button { margin-right: 1rem; border-radius: 0.25rem !important; }
.selectpicker:disabled + .custom-select { background: rgb(233, 236, 239); color: rgb(73, 80, 87); pointer-events: none; }
#duplicate-content .bootstrap-select { width: 100% !important; max-width: 100% !important; min-width: 0px !important; flex: 1 1 0px !important; }
#duplicate-content .bootstrap-select .dropdown-toggle { width: 100% !important; max-width: 100% !important; min-width: 0px !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; box-sizing: border-box !important; }
#duplicate-content .bootstrap-select .filter-option { text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; max-width: 100% !important; width: 100% !important; }
#duplicate-content .bootstrap-select .filter-option-inner { text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; max-width: 100% !important; width: 100% !important; }
#duplicate-content .bootstrap-select .filter-option-inner-inner { text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; max-width: 100% !important; width: 100% !important; }
#duplicate-content .bootstrap-select .dropdown-menu { max-width: 300px !important; min-width: 250px !important; }
#duplicate-content .bootstrap-select .dropdown-menu li a { max-width: 100%; white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; padding: 4px 8px !important; line-height: 1.3 !important; }
.ps-btn { background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); font-weight: 500; border-radius: 4px; padding: 0.5rem; }
.ps-btn:hover { border: 1px solid rgb(31, 127, 204); color: rgb(31, 127, 204); }
.ps-btn2 { background-color: var(--primary-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: white; font-weight: 500; border-radius: 4px; padding: 0.5rem; }
.ps-btn2:hover { background-color: rgb(31, 127, 204); }
#printing-settings .ps-section-title { margin: 0px; font-weight: 600; font-size: 20px; }
#printing-settings .template-image { width: 192px; height: 258px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; }
#printing-settings .image-wrapper { position: relative; cursor: pointer; }
#printing-settings .image-enlarge { position: absolute; top: 8px; right: 8px; cursor: pointer; }
#printing-settings .selected-image { border: 2px solid var(--primary-color); }
#printing-settings #template-container { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
#printing-settings .printer-info-block { background-color: rgb(255, 244, 229); border-radius: 4px; display: flex; padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; }
.disabled-option { pointer-events: none !important; color: rgb(153, 153, 153) !important; }
.medirex-doctor-select { flex: 1 1 0% !important; }
#marketplace-container { padding: 10px 40px; }
.recurring-data { text-align: center; }
.package-badge { color: rgb(0, 0, 0); font-size: 10px; background-color: white; font-weight: bold; padding: 2px 4px; border-radius: 4px; }
.disabled-menu { opacity: 0.5; pointer-events: none; }
.disabled-menu a:hover { background: none transparent !important; color: inherit !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; box-shadow: none !important; transform: none !important; filter: none !important; opacity: inherit !important; text-decoration: none !important; }
@media screen and (max-width: 1280px) {
  #marketplace-container { padding: 10px 40px; }
}
@media screen and (max-width: 800px) {
  .simplepay-patient-summary-mobile { display: flex; height: 30px; margin-top: 16px; }
  .simplepay-patient-summary { display: none; }
  #marketplace-container { padding: 10px 20px; }
}
@media screen and (max-width: 768px) {
  #marketplace-container { padding: 10px 17px; }
}
.aszf-url-clear-icon, .privacy-policy-url-clear-icon, .aszf-pdf-clear-icon, .privacy-policy-pdf-clear-icon { color: rgb(220, 53, 69) !important; }
.aszf-url-clear-icon:hover, .privacy-policy-url-clear-icon:hover, .aszf-pdf-clear-icon:hover, .privacy-policy-pdf-clear-icon:hover { color: rgb(220, 53, 69) !important; }
.aszf-url-save-btn, .privacy-policy-url-save-btn, .aszf-pdf-save-btn, .privacy-policy-pdf-save-btn { width: 100px; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); height: 40px; max-width: 100%; background: rgb(47, 157, 248) !important; border-radius: 12px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.aszf-url-save-btn:hover, .privacy-policy-url-save-btn:hover, .aszf-pdf-save-btn:hover, .privacy-policy-pdf-save-btn:hover { cursor: pointer; }
.aszf-url-save-btn:disabled, .privacy-policy-url-save-btn:disabled, .aszf-pdf-save-btn:disabled, .privacy-policy-pdf-save-btn:disabled { opacity: 0.65; border-radius: 12px; background-color: rgb(108, 117, 125) !important; border-color: rgb(108, 117, 125) !important; cursor: not-allowed !important; transform: none !important; }
.simple-pay-info-container p { margin-bottom: 1rem !important; }
#data-table-appointments .select-checkbox { text-align: center; width: 30px !important; padding: 4px !important; }
#data-table-appointments .select-checkbox input[type="checkbox"] { margin: 0px; transform: scale(1.2); }
#data-table-appointments .selected { background-color: rgb(230, 243, 255) !important; }
#data-table-appointments .selected td { background-color: rgb(230, 243, 255) !important; }
#data-table-appointments thead .select-checkbox { padding: 8px !important; }
#data-table-appointments thead .select-checkbox.sorting, #data-table-appointments thead .select-checkbox.sorting_asc, #data-table-appointments thead .select-checkbox.sorting_desc { background-image: none !important; cursor: default !important; }
#data-table-appointments thead .select-checkbox::after, #data-table-appointments thead .select-checkbox::before { display: none !important; }
#data-table-appointments_filter { display: flex; align-items: center; justify-content: flex-end; margin-top: 6px; }
#data-table-appointments_filter label { margin-bottom: 0px; }
#data-table-appointments_filter.has-button { justify-content: space-between; }
#selected-button-container { margin-right: 15px; }
#selected-rows-button { background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); color: white; padding: 6px 12px; }
#selected-rows-button:hover { background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); }
#log-v2 #log-rows table td { white-space: pre-line; }
#patient-medical-record input { background-color: rgb(234, 237, 242); height: 54px; border-radius: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding-left: 10px; width: 50%; display: block; margin-right: auto; margin-left: auto; }
#patient-medical-record #password { margin-top: 10px; margin-bottom: 20px; }
#patient-medical-record #save-to-pdf { margin-bottom: 20px; }
#patient-medical-record .custom-card-header { font-weight: 700; font-size: 18px; color: rgb(105, 105, 105); text-align: center; margin-bottom: 20px; margin-top: 10px; }
#patient-medical-record label { font-weight: 700; margin-bottom: 0px; }
#patient-medical-record .form-row { margin-bottom: 0px; }