/*
 *   00. GENERAL
 *   01. TOP / SIDEBAR / FOOTER
 *
 *   05. MODAL, POPUPS, NOTIFICATIONS
 *
 *   06. LOCK SCREEN
 *   09. QUICK SIDEBAR
 *   10. GENERAL ELEMENTS
 *   11. DOCTORSOFFICE DASHBOARD
 *   12. DOCTORSOFFICE CALENDAR
 *   15. PATIENTS DETAIL
 *   16. PATIENTS DASHBOARD
 *   21. USERS REQUESTS
 *   22. USERS NETS
 *   23. USERS PROFILE
 *   24. USERS TASKS
 *   30. POPUP NEW EVENT
 *   31. POPUP NEW TASK
 *   32. POPUP ANALYSIS
 */

/* ---- XX. SECTION ---- */
/* ---- XX. END SECTION ---- */

/* ---- 00. GENERAL ---- */
/* @import url(https://fonts.googleapis.com/css?family=Nunito:400,600,800); */

.disabled-row { opacity: 0.5; pointer-events: none; }

.btn.blue.outline { border: 2px solid #3388ff !important; color: #3388ff !important; background: none !important; }
.btn.blue-hoki.outline { border: 2px solid #67809F !important; color: #67809F !important; background: none !important; }
.btn.purple.outline { border: 2px solid #8e5fa2 !important; color: #8e5fa2 !important; background: none !important; }
.btn.green.outline { border: 2px solid #31C7B2 !important; color: #31C7B2 !important; background: none !important; }
.btn.yellow-casablanca.outline { border: 2px solid #f2784b !important; color: #f2784b !important; background: none !important; }
.btn.red-sunglo.outline { border: 2px solid #E26A6A !important; color: #E26A6A !important; background: none !important; }
.btn.purple.outline { border: 2px solid #724c82 !important; color: #724c82 !important; background: none !important; }

.icon-plan2 { position: absolute !important; z-index: 10; color: #FFF !important; background-color: #FF8800 !important; padding: 2px 5px; border-radius: 50%; width: 20px !important; height: 20px !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22); }
.icon-plan2.icon-plan2-small { top: 5px; left: 5px; width: 16px !important; height: 16px !important; text-align: center !important; padding: 0px !important; }
.icon-plan2.icon-plan2-small.icon-plan2-switch { position: relative !important; top: -10px; left: -12px; }
.icon-plan2.icon-plan2-small.icon-plan2-button { position: relative !important; top: -14px; left: -12px; margin-right: -16px; }
.icon-plan2.icon-plan2-small.icon-plan2-button-small { position: relative !important; top: -9px; left: -10px; margin-right: -16px; }
.icon-plan2.icon-plan2-small.icon-plan2-button-circle { position: relative !important; top: -12px; left: -14px; margin-right: -16px; }
.icon-plan2.icon-plan2-small.icon-plan2-label { position: initial !important; top: 0px }
.icon-plan2 i.fa-plan2 { font-size: 12px !important; }
.icon-plan2 i.fa-plan2::before { font-size: 10px; font-weight: lighter !important; line-height: 8px; }
.icon-plan2.icon-plan2-small i.fa-plan2 { width: 16px; height: 16px; padding: 0px; line-height: 12px; }
.icon-plan2.icon-plan2-small.icon-plan2-button i.fa-plan2 { line-height: 14px !important; }
.icon-plan2.icon-plan2-small.icon-plan2-button-circle i.fa-plan2 { line-height: 14px !important; }
.page-actions .icon-plan2 { margin-left: -10px; margin-top: -5px; }
.page-actions .dropdown-menu .icon-plan2.icon-plan2-small { margin: 0px 5px -10px 5px !important; width: 20px !important; height: 20px !important;}
.page-actions .dropdown-menu .icon-plan2.icon-plan2-small i.fa-plan2 { color: #FFF !important; line-height: 20px !important; width: 20px; height: 20px;}
.menu-tooltips .icon-plan2 { padding-left: 0px; padding-top: 0px; margin-left: -5px !important; margin-top: -5px; }
.menu-tooltips .icon-plan2 i.fa-plan2 { color: #FFF !important; padding: 0px; padding-left: 1px; padding-top: 1px; }
.dropdown-menu-info .icon-plan2.icon-plan2-small.icon-plan2-label { padding: 1px 0px !important; }
#Offices_List .icon-plan2.icon-plan2-small.icon-plan2-button { padding: 1px !important; }
#PatientsDetail .panel-consultations .icon-plan2.icon-plan2-small.icon-plan2-button { top: -8px; }

.label-tag-continue { background: #F60; color: #FFF; font-size: 13px; line-height: 16px; padding: 3px 8px; border-radius: 5px; }
.tags-container { margin-top: 0px; text-align: right; }
.patient-header .tags-container { margin-top: 10px; position: absolute; right: 10px; }
.tags-container .label { cursor: pointer; display: inline-block !important; margin: 2px !important; font-size: 9px !important; padding: 6px !important; font-family: "Nunito"; font-weight: 700; box-shadow: none !important}
.tags-container .label.label-new { font-size: 16px !important; padding: 0px !important;  min-width: 22px; line-height: 22px; text-align: center; background: #DDD; color: #999; }
.tags-container .label.label-new:hover { background: #333 !important; color: #FFF !important; }
#patientsList .tags-container { margin-top: -5px !important; }
#patientsList .tags-container .label { padding: 4px 6px !important; }
#patientsList .tags-container .label.label-new { font-size: 9px !important; min-width: 9px !important; line-height: 9px !important; }
#PatientTag .tags-container .label { line-height: 24px; padding-left: 35px !important; margin-bottom: 5px !important; font-size: 16px !important; display: block !important; }
#PatientTag .tags-container .label .fa-check { float: left; display: none; margin-top: 5px; margin-left: -25px; font-size: 20px; }
#PatientTag .tags-container .label.active .fa-check { display: inline-block; }
#PatientTag .btn-color { position: absolute; margin-top: 4px; margin-left: 4px; border: 1px solid #999; width: 30px; display: inline-block; height: 30px; }
#PatientTag input { line-height: 26px; width: 100%; margin: 0px; border-radius: 5px; border: 1px solid #AAA; font-size: 18px; padding: 5px 38px; }
#PatientTag .btn-save { position: absolute; width: 30px; right: 19px; height: 30px; margin-top: 4px; border: 1px solid; padding: 6px; }
#PatientTag .btn-save i { margin-top: 2px !important; margin-left: 1px !important; font-size: 20px; }
#PatientTag .icon-plan2 { float: right; top: -5px !important; left: -14px !important; }
#PatientTag .tags-list { max-height: 205px; overflow-y: auto; padding-top: 0px !important; margin-top: -10px !important; margin-bottom: 15px !important; }
#PopupRightPatientDetail .tags-container { text-align: left; padding-top: 10px; }
#PopupRightPatientDetail .tags-container .label { font-size: 12px !important; }
#PopupRightPatientDetail .tags-container .label.label-new { font-size: 12px !important; padding: 4px 6px !important; line-height: 13px !important; text-align: center; background: #DDD; color: #999; }
#PopupRightPatientDetail .fa-tag { font-size: 16px; }

#PatientsDetail .tags-container .label.label-new { font-size: 12px !important; padding: 4px 6px !important; line-height: 13px !important; text-align: center; background: #DDD; color: #999; }

.file-drop-zone.clickable { border: 2px dotted #EEE; }
.file-preview-frame { width: calc(100% + 20px) !important; height: 160px !important; margin: -10px !important; }
.file-preview-frame .kv-file-content {     overflow-y: hidden;
  border: 8px solid #666;
  background: #666;
  border-bottom: 2px solid #666; }
.file-preview-frame .kv-file-content .kv-preview-data { margin-top: -56px; width: 100%; height: calc(160px + 56px); }

.opacity-hide { opacity: 0; }

#listSecretaries .dropdown-menu li > a { padding: 4px 14px !important; }

/*
body, html { font-family: 'Montserrat', sans-serif; font-weight: 400; }
.dropdown-menu, .popover { font-family: 'Montserrat', sans-serif; font-weight: 400; z-index: 10001; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 400; }
*/
body, html { font-family: 'Nunito', sans-serif; font-weight: 400; overflow: hidden; }
body.is-mobile, html.is-mobile { overflow: unset; }

.cc-picker { position: absolute; top: 26px; left: -45px; text-align: center; border: 1px solid #DDD; background: #EEE; border-radius: 20px; padding: 4px 26px 4px 10px;; font-size: 16px; }
.cc-picker-code-filter { z-index: 100000 !important; }
.cc-picker-code-list { z-index: 100000 !important; top: 342.992px; left: 700.41px; min-width: 250px; padding: 10px; border: 1px solid #FAFAFA; font-size: 14px; }
.cc-picker-code-select-enabled::after { top: 14px; right: 8px; }
#popupPatientNewComplete .cc-picker { top: 3px !important; left: 3px !important; font-size: 13px; padding: 4px 14px 4px 2px !important; border-radius: 5px 20px 20px 5px !important; }
#popupPatientNewComplete .cc-picker .cc-picker-flag { margin-right: 2px !important; }
#popupPatientNewComplete .cc-picker .cc-picker-code { width: 30px; }
#popupPatientNewComplete .cc-picker::after { top: 10px !important; right: 4px !important; }
#popupPatientNewComplete #PatientTelephone { padding-left: 80px !important; }

#popupWhatsappEventsValidator .cc-picker { position: relative; top: 24px !important; left: 0px !important; font-size: 13px; padding: 4px 14px 4px 2px !important; border-radius: 5px 20px 20px 5px !important; }
#popupWhatsappEventsValidator .cc-picker .cc-picker-flag { margin-right: 2px !important; }
#popupWhatsappEventsValidator .cc-picker .cc-picker-code { width: 30px; }
#popupWhatsappEventsValidator .cc-picker::after { top: 10px !important; right: 4px !important; }
#popupWhatsappEventsValidator .whatsapp-list { max-height: 390px; margin-right: -5px; }
#popupWhatsappEventsValidator tr:not(:last-child) { border-bottom: 1px solid #F0F0F0; }
#popupWhatsappEventsValidator td { padding: 2px 10px; }
#popupWhatsappEventsValidator td .title { font-size: 16px; }
#popupWhatsappEventsValidator td .subtitle { color: #666; font-size: 12px; }
#popupWhatsappEventsValidator td .btn-validate { width: 25px; height: 25px; margin-left: 5px; }
#popupWhatsappEventsValidator td .btn-validate i { font-size: 16px; line-height: 18px; }
#popupWhatsappEventsValidator td .btn-no-validate { width: 25px; height: 25px; margin-left: 5px; }
#popupWhatsappEventsValidator td .btn-no-validate i { font-size: 16px; line-height: 18px; }
#popupWhatsappEventsValidator td .icon-check { font-size: 24px; }
#popupWhatsappEventsValidator td .icon-check::before { margin-right: 1px; }
#popupWhatsappEventsValidator td .icon-close { font-size: 24px; }
#popupWhatsappEventsValidator td .icon-close::before { margin-right: 1px; }
#popupWhatsappEventsValidator tr.validated { color: #999; }
#popupWhatsappEventsValidator tr.validated .btn-validate { display: none; }
#popupWhatsappEventsValidator tr.validated .btn-no-validate { display: none; }
#popupWhatsappEventsValidator tr.validated .icon-check { display: unset !important; }
#popupWhatsappEventsValidator tr.validated .icon-close { display: none !important; }
#popupWhatsappEventsValidator tr.no-validated { color: #999; }
#popupWhatsappEventsValidator tr.no-validated .btn-validate { display: none; }
#popupWhatsappEventsValidator tr.no-validated .btn-no-validate { display: none; }
#popupWhatsappEventsValidator tr.no-validated .icon-check { display: none !important; }
#popupWhatsappEventsValidator tr.no-validated .icon-close { display: unset !important; }
#popupWhatsappEventsValidator hr { margin: 5px 0px;}
#popupWhatsappEventsValidator .container-telephone { margin-top: -24px; }
#popupWhatsappEventsValidator .patient_telephone { font-size: 14px; border: 1px solid #DDD; border-radius: 4px; line-height: 28px; margin-top: -6px; margin-left: -2px; padding-left: 75px !important; width: 200px; }
#popupWhatsappEventsValidator table .badge { margin-top: -4px; margin-left: 5px; }
#popupWhatsappEventsValidator .patient_telephone:hover { border: 1px solid #666; }

/*
FULL-SCREEN
body, html { min-height: 100vh; }
body .container { width: 100vw; padding: 0px; }
body .page-container { height: calc(100vh - 100px); margin-top: 95px; }

.col-md-9 { min-width: calc(100% - 300px) !important; }
.col-md-3 { max-width: 300px !important; }
.col-md-8 { min-width: calc(100% - 400px) !important; }
.col-md-4 { max-width: 400px !important; }
.col-md-7 { min-width: calc(100% - 500px) !important; }
.col-md-5 { max-width: 500px !important; }
*/



.dropdown-menu, .popover { font-family: 'Nunito', sans-serif; font-weight: 400; z-index: 100001; }
h1, h2, h3 { font-family: 'Nunito', sans-serif; font-weight: 800; }
h4, h5 { font-family: 'Nunito', sans-serif; font-weight: 600; }
h6 { font-family: 'Nunito', sans-serif; font-weight: 600; font-size: 13px; }
.thin { font-family: 'Nunito', sans-serif; font-weight: 400; }
h4.title { margin: 0; line-height: 55px; font-size: 22px; color: #838798; font-weight: 800; }
h4.title em { color: #31C7B2; font-style: normal; font-weight: 600; font-size: 110%; }

.editable-popup .input-xlarge { max-width: 200px !important; }
.editable-popup textarea { min-width: 350px; }
.editable-textarea-container { border: 1px solid #EEE; margin: 0px 10px; width: calc(100% - 20px); padding: 10px; }
.editable-textarea { white-space: pre-line !important; }

.modal-backdrop { margin-right: 15px; }

.btn-copy-clipboard { cursor: copy !important; }
.btn-copy-clipboard:hover { color: #5C8D80; font-weight: bold !important; text-decoration: underline; }

.btn { font-size: 13px; font-weight: 700; box-shadow: none !important}

table td.valign-center { vertical-align: middle !important; }

.vertical-center-container { display: table; }
.vertical-center-container .vertical-center-content { display: table-cell; vertical-align: middle; }

.has-error .form-control {
    border-color: #ed6b75 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#OldPagesIndex .page-sidebar-wrapper { display: none; }

.no-padding {padding: 0 !important}
.padding-top-20 {padding-top: 20px !important}

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.btn { border-radius: 5px; }
.btn.action-blocked { background-color: #AAA !important; color: #FFF !important }

.btn-spontaneous { background-color: #2986bf !important; color: #FFF !important; margin-right: 5px; }
.btn-spontaneous:hover { background-color: #216792 !important; }
.spontaneous-icon { color: #2986bf !important; font-size: 1.0em; margin-right: 5px; }

.banner-empty {
  margin-top: 35px;
  text-align: center;
}
.banner-empty .ico-section-gray {
  background: none repeat scroll 0 0 #fff;
  border: 8px solid #333;
  border-radius: 50%;
  font-size: 100px;
  height: 200px;
  line-height: 125px;
  opacity: 0.3;
  padding: 25px;
  width: 200px;
}
.banner-empty .ico-section-gray-medium {
  font-size: 50px;
  width: 100px;
  height: 100px;
  line-height: 55px;
  padding: 15px;
  border-width: 5px;
}
.banner-empty .image {
  background: #818286;
  width: 300px;
  height: 300px;
  border: 10px solid #DDD;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.banner-empty .image img {
  left: 50%;
  margin: -30% -20%;
  position: absolute;
  text-align: center;
  top: 50%;
}
.banner-empty p {
  color: #555;
  font-size: 18px;
  line-height: 30px;
  margin-top: 25px;
}
/*.page-spinner-bar > div, .block-spinner-bar > div {
  background: #FFF;
}*/

.form-group.form-md-line-input .form-control.input-sm { padding-bottom: 0px !important; }

.daterangepicker .ranges li { border: 1px solid transparent !important; margin-bottom: 2px; }
.daterangepicker .ranges li.active { border-radius: 4px; background: #2ba599 !important; border: 1px solid #2ba599 !important; }
.daterangepicker .ranges li:hover { border-radius: 4px; background: #FAFAFA !important; color: #2ba599 !important; border: 1px solid #2ba599 !important; }
.daterangepicker td.active { background-color: #2ba599 !important; color: #FFF !important; }

.btn-whatsapp { color: #0CB757; margin: 0px 2px 0px 5px; }
.btn-whatsapp-disabled { color: #9fa4ad !important; cursor: not-allowed; }

.label-consultation-type-videocall { display: inline-block; color: #67809F !important; border: 1px solid #67809F; border-radius: 5px; padding: 1px 6px 0px 6px; margin-right: 10px; }
small.label-consultation-type-videocall { background: #FAFAFA; border-radius: 15px; font-weight: bold; padding: 2px 8px 2px 8px; }
small.btn-vcall-re-send { color: #0CB757; border: 1px solid transparent; background: #FAFAFA; border-radius: 15px; padding: 2px 8px 2px 8px; margin-left: -10px; }

.label-consultation-spontaneous { display: inline-block; color: #2986bf !important; margin-left: 5px; }

.sweet-overlay { z-index: 11000 !important; }

.swal-big { width: 520px !important; }
.swal-big.objectives h2 { margin-bottom: 10px !important; }
.swal-big.objectives .items { margin: 0 60px; }
.swal-big.objectives .item h5 { height: 30px; width: 100px; display: table-cell; vertical-align: middle; text-align: center; }
.swal-big.objectives .item i { color: #CCC; font-size: 45px; border: 2px solid transparent; width: 80px; height: 60px; border-radius: 50%; text-align: center; line-height: 70px; margin-bottom: 5px; }
.swal-big.objectives .item:hover { color: #11bca8; }
.swal-big.objectives .item:hover i { color: #11bca8; /*border: 2px solid #11bca8;*/ }
.swal-big.objectives .item i.fa-plus-square-o { padding-top: 3px; }
.swal-big.objectives .item i.fa-globe { padding-top: 2px; padding-left: 4px; }
.swal-big.objectives .item i.fa-line-chart { font-size: 38px; }
.swal-big.objectives .sa-icon.sa-success { border-color: #11bca8; }
.swal-big.objectives .sa-icon.sa-success .sa-line { background-color: #11bca8; }
.swal-big.objectives .sa-icon.sa-success .sa-placeholder { border-color: rgb(17, 188, 168, 0.4); }

.swal-block { width: 560px !important; padding: 0px; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25); }
.swal-block h2 { display: none; }
.swal-block .swal-block-title-img { display: none; }
.swal-block .swal2-title { display: none }
.swal-block .swal-block-info-logo { position: absolute; top: -15px; right: 20px; opacity: 0.25; }
.swal-block .swal-block-info-logo img { width: 100px; }
.swal-block .swal-block-title { background-color: #3B3F51; padding: 20px 20px 5px 20px; border-bottom: 4px solid #31c7b2; }
.swal-block .swal-block-title .swal-block-title-block { color: #FFF; clear: both }
.swal-block .swal-block-title .swal-block-title-block .swal-block-title-img { float: left }
.swal-block .swal-block-title .swal-block-title-block .swal-block-title-img i { font-size: 92px }
.swal-block .swal-block-title .swal-block-title-block .swal-block-title-text { text-align: left; margin-left: 10px; font-size: 20px; font-weight: 400;}
.swal-block .swal-block-title .swal-block-title-block .swal-block-title-text span { font-size: 24px; font-weight: 600; }
.swal-block .swal-block-title .swal-block-title-block .swal-block-title-text-custom { text-align: left; margin-left: 10px; font-size: 20px; font-weight: 400;}
.swal-block .swal-block-title .swal-block-title-block .swal-block-title-text-custom span { font-size: 26px; font-weight: 600; }
.swal-block .swal-block-subtitle { color: #EEE; font-size: 18px; margin-top: 12px; margin-bottom: 10px; font-weight: 400; text-align: left; margin-left: 9px; }
.swal-block .swal-block-info { padding: 0 30px; text-align: left}
.swal-block .swal-block-info .swal-block-info-title { margin-top: 15px; text-align: left; font-weight: 400; font-size: 18px; }
.swal-block .swal-block-info .swal-block-info-list { margin-top: 20px; }
.swal-block .swal-block-info .swal-block-info-list ul {list-style-type: disc; list-style-position: inside; text-align: left; font-size: 14px; font-weight: 400; margin-left: 20px }
.swal-block .swal-block-info .swal-block-info-list li { list-style: initial; line-height: 22px }
.swal-block .swal-block-info .swal-block-info-more { font-size: 14px; font-weight: 400; color: #999; line-height: 20px; margin-left: 40px; }
.swal-block .swal-block-info-center { padding: 0 30px; text-align: center; }
.swal-block .swal-block-subfooter { margin-top: 20px; text-align: left; padding: 0 30px; font-size: 12px; }
.swal-block .swal-block-subfooter b { color: #333; line-height: 18px; }
.swal-block .swal-block-footer { text-align: left; }
.swal-block .swal-block-footer .btn { margin-top: 32px !important; }
.swal-block .swal-block-price { float:left; width: 50%; text-align: right; padding: 10px; font-size: 12px; }
.swal-block .swal-block-price i { font-size: 25px; padding: 30px; }
.swal-block .swal-block-price .symbol { color: #11bca8; font-size: 18px; }
.swal-block .swal-block-price .price { color: #11bca8; font-size: 50px; }

.swal-block .swal2-confirm { float: right; margin-right: 20px; margin-top: 30px;}
.swal-block .sa-button-container { display: none; }

.div-loading-data { min-height: 300px; }
.div-loading-data i { margin-top: 150px; color: #4b5960; font-size: 60px; }
.div-loading-data .msg { padding-top: 30px; margin-top: 1px; font-size: 20px; color: #4b5960; }

.div-no-data { margin-top: 20px; margin-bottom: 20px; }
.div-no-data img { opacity: 0.5}
.div-no-data .img-responsive { max-width: 60%; display: initial; max-height: 200px; }
.modal .div-no-data .img-responsive { max-width: 40%; display: initial; max-height: 260px; margin-top: 20px }
.div-no-data .div-no-data-message { padding-top: 25px; margin-top: 1px; font-size: 20px; color: #4b5960; }


.div-no-data-new i { font-size: 144px; line-height: 190px; color: #a1a4ae; padding: 20px; }
.div-no-data-new .div-no-data-title { padding-top: 25px; margin-top: 1px; font-size: 22px; color: #4b5960; }
.div-no-data-new .div-no-data-subtitle { font-size: 16px; line-height: 30px; padding-top: 0px; color: #a1a4ae; }


.when-events-max-data { min-height: 300px; }
.when-events-max-data .div-no-data { padding-top: 50px; }

div.disabled {
  position: relative;
}

div.disabled:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  background-color: rgba(255,255,255,.6);
}

.sidebar-doctor { text-align: center; }
.sidebar-doctor img { max-height: 250px; text-align: center; display: inline-block; margin-bottom: 0; margin-top: 25px; max-width: 75%; }
.sidebar-doctor h3 { border-top: 2px solid #DDD; border-bottom: 2px solid #DDD; line-height: 50px; margin-top: 0; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #31c7b2; border: 2px solid rgba(0,0,0,0.05); }

input[type=range] {
  -webkit-appearance: none;
  height: 20px; /* color: punto ampliado */
  padding: 0;
  width: 100%;
  background-color: transparent;
  cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-sizing: content-box;
  border: 4px solid #45B6AF; /* color: punto ampliado */
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #45B6AF; /* color: puntito */
  cursor: ew-resize;
  margin-top: -6px;
  opacity: .7;
}

input[type=range]::-moz-range-thumb {
  border: 4px solid #45B6AF; /* color: punto ampliado */
  height: 8px;
  width: 8px;
  border-radius: 18px;
  background-color: #45B6AF; /* color: puntito */
  cursor: ew-resize;
  margin-top: -6px;
  opacity: .7;
}

input[type=range]::-ms-thumb {
  display: inline-block;
  border: 12px solid #a6d8ef;
  height: 8px;
  width: 8px;
  border-radius: 18px;
  background-color: #45B6AF;
  cursor: ew-resize;
  margin-top: 5px;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  border-color: transparent;
  color: transparent;
  background-color: #DDD;
  /* color: deslizador chrome o webkit */
}
/*input[type=range]::-webkit-slider-runnable-track { background: linear-gradient(90deg,#3fa2bf 50%,#cccccc 26%); }*/
input[type=range]::-moz-range-track {
  height: 3px;
  background-color: #cccccc;
}
input[type=range]::-moz-range-progress {
  background-color: #45B6AF; /* color: deslizador mozilla */
}
input[type=range]:focus {outline: none;}
input[type=range]::-ms-track {
    height: 3px;
    cursor: pointer;
    border-color: transparent;
    color: transparent;
    background-color: transparent;
}
input[type=range]::-ms-fill-lower {background-color: #45B6AF;}
input[type=range]::-ms-tooltip {display: none;}



.input-box { border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 7px; padding: 4px 10px 7px; background: rgba(255, 255, 255, 0.70); }
.input-box.active { border-color: #92D2CC; }
.input-box:hover { border-color: #92D2CC; background: #FFF; }
.input-box small { display: block; margin-bottom: 5px; text-transform: uppercase; color: #BBB; }
.input-box:hover small { color: #92D2CC; }
.input-box a { font-size: 15px; line-height: 34px; }
.input-box .editable-container.editable-inline { display: block; }
.input-box .form-inline .form-group { display: block; }
.input-box .editable-input { display: block; }
.input-box .form-inline .form-control { display: block; width: 100%; border-color: #EEE; }
.input-box span.info { position: absolute; right: 27px; top: 38px; }
.input-box.no-border { border: none !important}

/* Figma spec ("Acerca de mí..." card, ej. node 269:2459): cada fila tiene un primer grupo de
   ancho fijo 452px (a veces partido en 2 campos, ej. 166+274+12 o 220+220+12) y el/los campo(s)
   restantes en flex-1. Las columnas Bootstrap de 12avos no pueden reproducir esas proporciones
   exactas, por eso todas las filas de esta card usan flex+gap con anchos fijos en vez de %. */
.row-fixed-flex { display: flex; gap: 12px; padding: 0 15px; margin-left: -15px; margin-right: -15px; }
.row-fixed-flex:before, .row-fixed-flex:after { content: none; display: none; }
.row-fixed-flex > [class*="col-"] { float: none; padding: 0; width: auto; }
.row-fixed-flex > .col-fixed-166 { flex: 0 0 166px; max-width: 166px; }
.row-fixed-flex > .col-fixed-220 { flex: 0 0 220px; max-width: 220px; }
.row-fixed-flex > .col-fixed-274 { flex: 0 0 274px; max-width: 274px; }
.row-fixed-flex > .col-fixed-452,
.row-fixed-flex > .col-especialidad { flex: 0 0 452px; max-width: 452px; }
.row-fixed-flex > .col-flex-even { flex: 1 1 0; min-width: 0; }

#UsersProfile .input-box #UserProfileBornDate,
#UsersProfile .input-box input.default-date-picker {
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	box-shadow: none;
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	color: #2D3848;
	padding: 8px 12px;
	height: auto;
	min-height: 40px;
	width: 100% !important;
	box-sizing: border-box;
}
#UsersProfile .input-box #UserProfileBornDate:focus,
#UsersProfile .input-box input.default-date-picker:focus {
	border-color: #1560BD;
	outline: none;
	box-shadow: none;
}
#UsersProfile .input-box.wha-input .info {
  right: 5px !important;
  top: 35px !important;
}

/* PROFILE SUMMARY - cards blancas y campos con label arriba (rediseño) */
#UsersProfile .page-content { background: #F4F6FA; }
#UsersProfile .panel-summary { margin-top: 10px; }
#UsersProfile .profile-info { padding-right: 0px !important; }
#UsersProfile .profile-card {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.08);
	padding: 15px;
}
#UsersProfile .profile-card h4.title { line-height: 1.3; margin-bottom: 5px; font-size: 20px; font-weight: 600; color: #0A3572; }
#UsersProfile .profile-card h4.title.margin-top-10 { margin-top: 0; }

#UsersProfile .input-box {
	border: none;
	border-radius: 0;
	padding: 0;
	background: transparent;
}
#UsersProfile .input-box small {
	display: block;
	text-transform: none;
	color: #64709E;
	font-size: 12px;
	margin-bottom: 4px;
}
#UsersProfile .input-box > a {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #2D3848;
	font-weight: 600;
	background: #fff;
}
#UsersProfile .input-box > a:hover,
#UsersProfile .input-box.active > a { border-color: #1560BD; }
#UsersProfile .input-box .two-controls-row { display: block; }
#UsersProfile .input-box.two-controls .two-controls-row { display: flex; align-items: center; gap: 8px; }
#UsersProfile .input-box .two-controls-row > a {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #2D3848;
	font-weight: 600;
	background: #fff;
}
#UsersProfile .input-box .two-controls-row > a:hover { border-color: #1560BD; }
#UsersProfile .input-box.two-controls .two-controls-row a { width: auto; flex: 1 1 0; min-width: 0; }
#UsersProfile .input-box.two-controls .editable-speciality-custom-icon { flex: 0 0 auto; color: #64709E; }
#UsersProfile .input-box.two-controls .two-controls-row .editable-container.editable-inline {
	display: block;
	flex: 1 1 0;
	min-width: 0;
}
#UsersProfile .list-group { margin-bottom: 0px; }

/* Envío de agenda diaria: misma caja con borde que el resto, pero en línea (label + campo + label + campo) */
#UsersProfile .input-box .control-label { vertical-align: middle; margin: 0 8px 0 0; }
#UsersProfile .input-box a.editable-daily-agenda-advance-days,
#UsersProfile .input-box a.editable-daily-agenda-advance {
	display: inline-block;
	width: auto;
	min-height: 40px;
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 22px;
	color: #2D3848;
	font-weight: 600;
	background: #fff;
}
#UsersProfile .input-box a.editable-daily-agenda-advance-days:hover,
#UsersProfile .input-box a.editable-daily-agenda-advance:hover { border-color: #1560BD; }
#UsersProfile .input-box a.editable-daily-agenda-advance-days + .editable-container.editable-inline,
#UsersProfile .input-box a.editable-daily-agenda-advance + .editable-container.editable-inline {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
#UsersProfile .input-box a.editable-daily-agenda-advance-days + .editable-container.editable-inline .form-control,
#UsersProfile .input-box a.editable-daily-agenda-advance + .editable-container.editable-inline .form-control {
	display: inline-block;
	width: auto;
}

/* Modo edición (x-editable): que el input/select/textarea coincida con el alto y la redondez del campo en modo lectura */
#UsersProfile .input-box .form-inline .form-control {
	height: 40px;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	color: #2D3848;
	box-shadow: none;
}
#UsersProfile .input-box .form-inline textarea.form-control { height: auto; min-height: 80px; }
#UsersProfile .input-box .form-inline .form-control:focus { border-color: #1560BD; box-shadow: none; }

#UsersProfile .input-box--readonly h6 {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: none;
	border-radius: 8px;
	padding: 8px 12px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #2D3848;
	background: #F0F2F5;
}
#UsersProfile .input-box .input-box span.info {
    position: absolute;
    right: 2px;
    top: 36px;
}

.list-group.transparent li.list-group-item { background: none; border: 2px solid #E5E5E5; border-top-width: 1px; border-bottom-width: 1px; }
.list-group.transparent li.list-group-item:first-child { border-top-left-radius: 7px; border-top-right-radius: 7px; border-top-width: 2px; }
.list-group.transparent li.list-group-item:last-child { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; margin-bottom: 0; border-bottom-width: 2px; }

#UsersProfile .profile-card .list-group.transparent li.list-group-item { border: none; padding: 0; margin-bottom: 20px; }
#UsersProfile .profile-card .list-group.transparent li.list-group-item:last-child { margin-bottom: 0; }

.tooltip { font-family: 'Montserrat', sans-serif; }

.uppercase {
  text-transform: uppercase!important;
}

.page-header-fixed.page-has-sub-header .page-container { margin-top: 100px; }
.page-header-inner.container .badge { margin: 26px 0 0 20px }
.page-header-inner.container .badge-whatsapp { margin-top: 18px }

.page-header-inner.container .header-support-actions { display: inline-block; margin-top: 24px; margin-left: 35px}
.page-header-inner.container .header-support-actions a div { display: inline-block; color: #FFF; font-size: 14px; margin: 0 5px;  font-weight: 600}
.page-header-inner.container .header-support-actions a div.custom-badge { border-radius: 50% !important; width: 30px; height: 30px;  text-align: center;}
.page-header-inner.container .header-support-actions a div.custom-badge i {line-height: 30px; font-size: 16px; }
.page-header-inner.container .header-support-actions a div.custom-badge.whatsapp { background-color: #25D366; color: #FFF}
.page-header-inner.container .header-support-actions a div.custom-badge.calendly { background-color: #34B7F1; color: #FFF}

.page-header-inner.container .dropdown-config-offices { max-width: 350px !important; width: auto !important; max-height: 400px; overflow-y: scroll;}
.page-header-inner.container .dropdown-config-offices li { background-color: #FFF;   }
.page-header-inner.container .dropdown-config-offices li a { padding: 14px 18px; border-bottom: 1px solid #EEE; }
.page-header-inner.container .dropdown-config-offices li a div.subtitle { font-size: 12px}
.page-header-inner.container .dropdown-config-offices li a div.title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 17px; }
.page-header-inner.container .dropdown-config-offices li.item-simple a {color: #8f8fb3 !important; font-weight: 600; padding: 8px 18px; font-size: 12px;}

.page-header-inner.container .main-search { padding-top: 18px; margin-right: 10px}
.page-header-inner.container .main-search .twitter-typeahead { height: 40px;   }
.page-header-inner.container .main-search .tt-hint { height: 40px; background-color: #ffffff26 !important; border-radius: 7px; }
.page-header-inner.container .main-search #txtMainSearch { height: 40px; width: 260px; border: none !important; font-size: 14px; color: #FFF; background-color: #ffffff26 !important; border-radius: 7px;}

.box-shadow, .md-shadow-z-2, .ver-inline-menu, .panel, .popover, .portlet {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05);
}

.popover.non-working { pointer-events: none; }

.list-group.type-key-value small { margin-left: -110px; float: left; }
.list-group.type-key-value li { padding-left: 130px; }

.content-scroller { max-height: 450px; overflow-y: scroll; padding-right: 10px; }

.editable-pre-wrapped { white-space: normal; }

.editable-click, a.editable-click {
  border-bottom: 1px dashed #CBEAFB;
  text-decoration: none;
}

a.editable-click:hover {
  border-bottom-color: #0088cc;
}

.portlet-header {
  background: #e7ecf1 none repeat scroll 0 0;
  border: none !important;
  margin: -13px -21px 15px;
  padding: 10px 20px;
}
/*.portlet.light { border-radius: 7px !important; box-shadow: none; border: 2px solid #E5E5E5 !important; }*/
.portlet.light { border-radius: 7px !important; box-shadow: 0 0 15px 0 rgba(0,0,0,.15); border: none !important; }
.portlet.light .portlet.light { padding-top: 0px; box-shadow: 0 0 15px 0 rgba(0,0,0,.10); }
.portlet.light .dashboard-stat2 { border-top: 1px solid #eee; }
.portlet.light.with-sub-header { padding-top: 30px !important; }
.portlet-footer { background: #f9f9f9 !important; }

/*.portlet.transparent { background: none; border: 2px solid rgba(0, 0, 0, 0.05) !important; border-radius: 7px !important; box-shadow: none; padding: 10px 15px !important; }*/
.portlet.transparent { background: rgb(255, 255, 255, 0.5); box-shadow: 0 0 15px 0 rgba(0,0,0,.1); border: none !important; border-radius: 7px !important; padding: 10px 15px !important; }
.portlet.transparent .portlet-header { background: none; border-radius: 7px 7px 0 0 !important; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.05); margin: -9px -15px 15px;  }
.portlet-disabled { pointer-events: none; opacity: 0.4}

.portlet.portlet-options .portlet-header { height: 50px; }
.portlet.portlet-options .portlet-header h5 { margin-top: 6px; }
.portlet.portlet-options .portlet-header .bootstrap-switch { margin-left: 10px; }
.portlet.portlet-options.portlet-closed { height: 46px; }
.portlet.portlet-options.portlet-closed .portlet-header { border-radius: 5px !important; }
.portlet.portlet-options.portlet-closed .portlet-body { display: none; }

.nav-tabs > li > a, .nav-pills > li > a {
  border-radius: 6px;
  border: 2px solid #FFF;
}
.nav > li > a:focus, .nav > li > a:hover {
  background-color: #eee;
  border-color: #E8E8E8;
}

.select2-drop {z-index: 10051 !important;}
.select2-choices { min-width: 150px }
.select2-drop .select2-results .select2-highlighted { margin-right: 5px; }

body.layout-msg { background: #7ABBA1; }
body.layout-msg .img-responsive{ max-width: 60%; display: initial }
body.layout-msg .page-sidebar-wrapper { display: none; }
body.layout-msg .msg-content { margin-top: 45px; color: #FFF; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) }
@media (max-width: 480px) {
  .text-xs-center { text-align: center; }
}
body.layout-msg h3 { line-height: 28px; margin-bottom: 25px; }
body.layout-msg .actions { margin-top: 10px; }
body.layout-msg .rounded-select select {
    border: none;
    color: #FFFFFF;
    background: transparent;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    line-height: 1em;
    padding: 7px 45px 7px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    text-indent: .01px;
    text-overflow: '';
    white-space: nowrap;
    cursor: pointer;
    display: block;
    width: 100%;
}
body.layout-msg .rounded-select {
    position: relative;
    margin: 0px 10px 0 0;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
}

body.layout-msg .rounded-select select > option{ color: #666}
body.layout-msg .date-real-container { height: 38px; border: 2px solid transparent; padding: 0px; border-radius: 38px; margin: 10px 0 25px 0;  }
body.layout-msg .date-real-container .md-checkbox { margin: 6px; }
body.layout-msg .date-real-container .md-checkbox label > .box { border-color: #EEE !important; }
body.layout-msg .date-real-container .md-checkbox label > .check { border-color: #EEE !important; }
body.layout-msg .date-real-container.selected { border: 2px solid #FFF; background: rgba(255, 255, 255, 0.1); }
body.layout-msg .date-real-picker-container input { cursor: pointer; padding: 10px; height: 26px; margin: 4px 10px; border-radius: 24px; background: rgb(0, 0, 0, 0.1) !important; color: #FFF; }

.tabbable-line > .nav-tabs > li { font-weight: 700; color: #666}
.tabbable-line > .nav-tabs > li.active { border-bottom: 4px solid #3388ff}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { border-bottom: 4px solid #c5d7ff; }
/* .page-content-wrapper .page-content { padding-top: 0; overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 110px); padding-right: 15px; } */
.page-content-wrapper .page-content { padding-top: 0; overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 80px); padding-right: 15px; }

#PatientsDetail:not(.small-height) .page-container { margin-top: 160px; }
#PatientsDetail .page-content-wrapper .page-content { overflow-y: auto; padding-top: 25px; max-height: calc(100vh - 120px); }
#PatientsDetail:not(.small-height) .page-content-wrapper .page-content { max-height: calc(100vh - 180px); }
#PatientsDetail .page-content-wrapper .page-content.custom-scroll { margin-top: 0px !important; }
#PatientsDetail .page-content-wrapper.no-scroll .page-content { overflow-y: hidden; }
#PatientsDetail .page-content-wrapper #consultation_detail .portlet-body { max-height: calc(100vh - 330px); overflow-y: auto; overflow-x: hidden; }
#PatientsDetail .page-content-wrapper #consultation_detail .portlet-body.in-progress { max-height: calc(100vh - 400px); }
#PatientsDetail .page-content-wrapper #consultation_detail .portlet-body .modifications-list { margin: 1px; }
#PatientsDetail #consultationsList {  max-height: calc(100vh - 340px) !important; overflow-y: auto; overflow-x: hidden; }
/* body.small-height .page-container { margin-top: 95px !important; } */
/* #PatientsDetail .page-content { max-height: calc(100vh - 130px) !important; } */
#PatientsDetail #consultation_detail .portlet-body { max-height: calc(100vh - 340px) !important; }
#PatientsDetail #consultation_detail .portlet-body.in-progress { max-height: calc(100vh - 335px) !important; }

#PatientsDetailInterconsultation:not(.small-height) .page-container { margin-top: 160px; }
#PatientsDetailInterconsultation .page-content-wrapper .page-content { overflow-y: auto; padding-top: 25px; max-height: calc(100vh - 120px); }
#PatientsDetailInterconsultation:not(.small-height) .page-content-wrapper .page-content { max-height: calc(100vh - 200px); }
#PatientsDetailInterconsultation .page-content-wrapper .page-content.custom-scroll { margin-top: 0px !important; }
#PatientsDetailInterconsultation .page-content-wrapper.no-scroll .page-content { overflow-y: hidden; }
#PatientsDetailInterconsultation .page-content-wrapper #consultation_detail .portlet-body { max-height: calc(100vh - 330px); overflow-y: auto; overflow-x: hidden; }
#PatientsDetailInterconsultation .page-content-wrapper #consultation_detail .portlet-body.in-progress { max-height: calc(100vh - 400px); }
#PatientsDetailInterconsultation .page-content-wrapper #consultation_detail .portlet-body .modifications-list { margin: 1px; }
#PatientsDetailInterconsultation #consultationsList {  max-height: calc(100vh - 205px) !important; overflow-y: auto; overflow-x: hidden; }
/* body.small-height .page-container { margin-top: 95px !important; } */
/* #PatientsDetailInterconsultation .page-content { max-height: calc(100vh - 130px) !important; } */
#PatientsDetailInterconsultation #consultation_detail .portlet-body { max-height: calc(100vh - 240px) !important; }
#PatientsDetailInterconsultation #consultation_detail .portlet-body.in-progress { max-height: calc(100vh - 300px) !important; }



#PatientsDetailInterconsultation .page-content-wrapper #consultation_detail .portlet-body { max-height: calc(100vh - 330px); overflow-y: auto; overflow-x: hidden; }

#PatientsDashboard #panelPatientList { margin-top: 10px; }
.search-advanced.portlet { height: 58px; margin-bottom: 10px; }
.search-advanced div[class^="col-"] { padding: 0px 5px; }
.search-advanced label { line-height: 26px; padding: 4px; font-size: 16px; font-weight: 600; }
.search-advanced input { padding: 2px 0px 2px 2px; }
.search-advanced select { padding: 2px; }
.search-advanced-tags label { line-height: 26px; padding: 4px; font-size: 18px; font-weight: 600; }
.search-advanced-tags .label-tag { font-size: 14px; margin-right: 4px; line-height: 35px; }
.search-advanced-tags .label-tag.active { opacity: 1 !important; padding: 4px 6px; line-height: 24px; box-shadow: 1px 1px 5px #0007 !important; }
#PatientsDashboard #SearchText { width: 222px !important; margin-top: 1px; border-radius: 8px; }
.btn-search-advanced-hide { position: absolute; right: 0px; margin-top: -25px; }
.btn-search-advanced { position: relative; z-index: 100; font-weight: 600; top: -24px; right: -10px; margin-bottom: -20px; padding: 3px 8px; border-radius: 15px; background: #FFF; border: 1px solid #DDD; text-decoration: none !important; }
.btn-search-advanced:hover { color: #333; background: #FAFAFA; }
.btn-search-advanced-tags { position: relative; z-index: 100; font-weight: 600; top: -24px; margin-bottom: -20px; padding: 3px 8px; border-radius: 15px; background: #FFF; border: 1px solid #DDD; text-decoration: none !important; }
.btn-search-advanced-tags:hover { color: #333; background: #FAFAFA; }

.event-state-0 { color: #FFF; background: #5C8D80 !important; }
.event-state-1 { color: #FFF; background: #34d4be !important; }
.event-state-2 { color: #FFF; background: #3badf2 !important; }
.event-state-3 { color: #FFF; background: #2986bf !important; }
.event-state-20 { color: #FFF; background: #FF6600 !important; }
.event-state-50 { color: #FFF; background: #444444 !important; }
.event-state-60 { color: #FFF; background: #ff7373 !important; }
.event-state-61 { color: #FFF; background: #ff7373 !important; }
.event-state-80 { color: #FFF; background: #ff7373 !important; }
.event-state-90 { color: #FFF; background: #F00 !important; }

.btn-icon-only > .icon-flat { margin-top: 0; }
.icon-flat { width: 16px; height: 16px; }
.icon-flat.ico-edit { background: url("../../img/ico-edit.png"); }
.icon-flat.ico-folder { background: url("../../img/ico-folder.png"); }

.no-margin-bottom { margin-bottom: 0 !important; }

.central-menu { box-shadow: none; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 7px !important; }
.central-menu .btn { height: 45px; box-shadow: none; color: #888888; background: transparent; }
.central-menu .btn.disabled { font-size: 18px; border-right: 2px solid rgba(0, 0, 0, 0.1) !important; opacity: 1; }
.central-menu .btn.active { background: rgba(255, 255, 255, 0.7); border-left: 1px solid rgba(0, 0, 0, 0.1) !important; border-right: 1px solid rgba(0, 0, 0, 0.1) !important; pointer-events: none; color: #31c7b2; }
.central-menu .btn:hover { color: #444444; }

.transition-fast { transition: all 0.2s ease-in-out; }

/* ---- 00. END GENERAL ---- */

/* ---- 01. TOP / SIDEBAR / FOOTER ---- */

.page-header.navbar.navbar-fixed-top { z-index: 999; box-shadow: none !important; }
.page-footer-fixed .page-footer { z-index: 998; }
.page-sidebar-wrapper { margin-top: -40px; position: fixed; z-index: 100; }

.page-sub-header { display: none; position: fixed; top: 75px; height: 110px; width: 100%; background: #e3e8f2; z-index: 998; }
.page-header-fixed.page-has-sub-header .page-sub-header { display: block; }
.page-sub-header-transition { transition: all 0.5s ease; }
.page-sub-header.small-height { height: 50px; opacity: 0.85; }

.page-sidebar-menu.page-sidebar > li:hover {
  width: auto !important;
}
.page-sidebar-menu a i { font-size: 24px !important; color: #767686 !important; }
.page-sidebar-menu a i.fa-mobile { font-size: 34px !important; }
.page-sidebar-menu li { margin: 0px !important; box-shadow: none; }
.page-sidebar-menu li.item-meducall i { padding-top: 10px; padding: 10px; }
.page-sidebar-menu li.item-meducall:hover i { padding-top: 0px !important; margin: 0px !important; }
.page-sidebar-menu li.item-meducall img { width: 32px; }
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .title { display: none !important; }
.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
  box-shadow: none;
}
.page-sidebar-menu li.fixed-actual { margin: 30px 0 10px 0 !important; pointer-events: none; }
.page-sidebar-menu li.fixed-actual a::after {
  border-top: 15px solid #838798;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  content: "";
  display: inline-block !important;
  position: absolute;
  left: 3px;
  bottom: -15px;
  z-index: 10001;
  height: 15px;
}
.page-sidebar-menu li.fixed-actual a { border-radius: 5px !important; border: none !important;
  width: 50px;
  padding: 0 !important;
  text-align: center;
  line-height: 30px;
  border-top: none !important;
  border-radius: 0;
  pointer-events: none; }
.page-sidebar-menu li.fixed-actual a i { color: #FFF !important; top: 0 !important; margin: 0 !important; }
.page-sidebar-menu li.fixed-actual a i.i-header { font-size: 32px !important; line-height: 55px; }
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
	background-color: transparent; box-shadow: none; width: 45px;
}
.page-sidebar-menu.page-sidebar-menu-closed > li.fixed-actual:hover { background: transparent; box-shadow: none; }
.page-sidebar-menu.page-sidebar-menu-closed > li.fixed-actual:hover a { background: #4884b8; }
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.fixed-actual:hover {
  width: 45px !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
  background: transparent;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i {
  color: #3772A3 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
  background: #FFF !important;
  color: #3772A3 !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
  border-top: none;
}
.page-sidebar .tooltip { white-space: nowrap; font-size: 16px; line-height: 15px; z-index: 500; }
.page-sidebar .tooltip .tooltip-inner { max-width: 500px; padding: 8px 12px; }

.page-sidebar-menu li a { padding: 0 !important; }
.page-sidebar-menu li a i { display: inline-block !important; width: 50px; height: 50px; line-height: 50px; border-radius: 50% !important; text-align: center; }
.page-sidebar-menu li a.selected i:not(.fa-plan2) { background: #3D4050; color: #FFF !important; }
.page-sidebar-menu li a.sidebar-help i {
  background: #F4D03F !important;
  color: #FFF !important;
  width: 32px;
  height: 32px;
  line-height: 28px;
  font-size: 20px !important;
  margin-left: 6px;
  margin-top: 8px;
}
.page-sidebar-menu li a.sidebar-delete-mock i {
  background: #F3565D !important;
  color: #FFF !important;
  width: 32px;
  height: 32px;
  line-height: 28px;
  font-size: 20px !important;
  margin-left: 6px;
  margin-top: 8px;
}


.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover { width: auto !important; }

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo { margin-left: 15px; }
.page-boxed .page-header.navbar .page-actions { margin-left: 15px }
.page-actions .action-label { font-size: 13px; line-height: 20px; }
.page-header.navbar .page-actions .btn-group .btn-sm { margin-top: 3px; }
.page-header.navbar .page-actions .btn-group .btn-header-menu-ppal { max-width: 235px !important; text-transform: none; background-color: transparent; color: #d4d4db; border: 2px solid #d4d4db; border-width: 2px !important; box-shadow: none; padding-right: 10px; }
.page-header.navbar .page-actions .btn-group .btn-header-menu-ppal a { color: #d4d4db; text-decoration: none}
.page-header.navbar .page-actions .btn-group .btn-header-menu-ppal .action-label { font-size: 16px; }
.page-actions li i { font-size: 30px; float: left; line-height: 40px; color: #1FB5AD !important; }
.page-actions li div { margin-left: 50px; font-weight: 500; font-size: 18px; padding-top: 7px; height: 48px; overflow-y: hidden; }
.page-actions li p { font-size: 11px; font-weight: 300; color: #888; }
.page-actions li:hover div, .page-actions li:hover i { color: #088981 !important; }
.page-actions li:hover p { color: #666; }
.page-actions .item-simple { background-color: #F0F0F0; text-align: center; }
.page-actions .item-simple span { color: #088981; }

.page-header-inner .page-actions li:not(.general) div { font-size: 14px; padding-top: 2px; }
.page-header-inner .page-actions li:not(.general) p { font-size: 18px; margin-bottom: 0px; }

.top-menu .dropdown-apps li { background-color: #FFF }
.top-menu .dropdown-apps li i { font-size: 30px; float: left; line-height: 40px; color: #1FB5AD !important; }
.top-menu .dropdown-apps li div { margin-left: 50px; font-weight: 500; font-size: 18px; padding-top: 7px; height: 48px; overflow-y: hidden; }
.top-menu .dropdown-apps li p { font-size: 11px; font-weight: 300; color: #888; }
.top-menu .dropdown-apps li:hover div, .page-actions li:hover i { color: #088981 !important; }
.top-menu .dropdown-apps li:hover p { color: #666; }


.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
  background-color: rgba(49,199,178, 0.15);
  color: #EEE;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover i { color: #EEE; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover .username { color: #EEE; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { color: #d4d4db }
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { color: #d4d4db }

.page-header.navbar .search-form .input-group { border: 1px solid #d4d4db; }
.page-header.navbar .search-form .input-group:hover { border-color: #8C93AD; }
.page-header.navbar .search-form .input-group:hover i { color: #FFF !important; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .page-quick-sidebar-toggler > i { font-size: 24px }
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .page-quick-sidebar-toggler { padding: 30px 12px 22px 12px; }
.page-header.navbar .top-menu .navbar-nav > li.dropdown > a.header-config-offices > i { font-size: 22px }
.page-header.navbar .top-menu .navbar-nav > li.dropdown > a.header-config-offices { padding: 30px 12px 22px 12px; }
.dropdown-whatsapp .badge { width: 16px !important; height: 16px !important; position: absolute; right: 0; margin-top: -12px !important; padding: 2px 0px !important; margin-right: 8px !important; }

.current-consultation-time { font-weight: lighter; font-size: 22px; }

#mainBarStatusConsultation > a.dropdown-toggle { color: #FFFFFF; padding: 8px 12px; background: rgba(255,255,255,0.1); height: 74px; }
#mainBarStatusConsultation > a.dropdown-toggle span.label { margin-bottom: 8px; display: block; }
#mainBarStatusConsultation > a.dropdown-toggle i { color: #FFFFFF; }
/* #mainBarStatusConsultation > a.dropdown-toggle span.time { font-weight: lighter; font-size: 22px; } */

#mainBarStatusConsultation .dropdown-menu.extended { color: #FFF; background: #606683; width: 210px; text-align: center; }
#mainBarStatusConsultation .profile-userpic .back { background: #464A60; display: block; height: 90px; margin-bottom: -80px; }
#mainBarStatusConsultation .profile-userpic { text-align: center; }
#mainBarStatusConsultation .profile-userpic img { float: none !important; display: inline !important; margin-bottom: 10px; border-radius: 50%; width: 100px; height: 100px; border: 3px solid rgba(255,255,255,0.3); }
#mainBarStatusConsultation .profile-usertitle-name { color: #FFF; font-weight: normal; margin-bottom: 2px; font-size: 20px; }
#mainBarStatusConsultation .profile-usertitle-job { color: #DDD; font-weight: normal; margin-bottom: 0; }
#mainBarStatusConsultation .type { color: #51D6C8; }
#mainBarStatusConsultation #btnGoToConsultation { background: #34d4be; color: white; font-weight: 600; margin: 10px; }
#mainBarStatusConsultation #btnGoToConsultation:hover { background: #16a692; }

.page-footer-fixed .page-footer { background-color: #CCC; margin-left: 0; margin-right: 0; height: 40px; }
.page-boxed .page-footer .page-footer-inner { color: #333; display: block; float: none; padding: 3px 30px; }
.page-boxed .page-footer .page-footer-inner a { color: #777; margin: 0 5px; text-decoration: none; }
.page-boxed .page-footer .page-footer-inner a:hover { color: #333; }

.page-header-fixed.page-has-sub-header .page-sidebar-wrapper { margin-top: 15px; }

.tt-dropdown-menu::before {
  border: none;
  border-bottom: 8px solid #FFF;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: block !important;
  position: absolute;
  left: 12px;
  top: -8px;
  color: #FFF;
}
.tt-dropdown-menu { min-width: 160px;
    margin-top: 15px;
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    overflow-y: auto;
    min-width: 350px;
    max-height: 280px;

}
.tt-suggestion.tt-cursor, .tt-suggestion:hover {
    background-color: rgba(31,181,173, 0.15);
}
.tt-highlight { background: rgba(255, 232, 86, 0.4); }
.tt-suggestion .search-result small { font-size: 70%; }

#header_notification_bar > a > span.label { border-radius: 50%; display: block; width: 30px; height: 30px; margin-top: -5px; padding: 5px 0 !important; }
#header_notification_bar > a { padding-bottom: 2px; }
#header_notification_bar > a > span.label i { font-size: 14px; }
#header_notification_bar .dropdown-toggle { padding: 29px 12px 20px; }
#header_notification_bar img { margin-right: 7px; }
#header_notification_bar small { font-size: 10px; display: block; line-height: 13px; color: #31C7B2; }
#header_notification_bar span.patient_derivation_response small { color: #c49f47 }
#header_notification_bar span.patient_interconsultation_response small { color: #c49f47 }

#header_support > a > span.label { border-radius: 50%; display: block; width: 30px; height: 30px; margin-top: -5px; padding: 7px 0 !important; }
#header_support > a { padding: 30px 12px 22px 12px; }
#header_support > a > span.label i { font-size: 14px; }
#header_support .dropdown-menu > li > a > i { display: inline-block; color: #d4d4db}
#header_support .dropdown-menu > li > a > div { display: inline-block;}
#header_support .dropdown-menu > li > a { color: #d4d4db; font-size: 15px; padding: 10px 12px; font-weight: 600;}
#header_support .dropdown-menu > li > a:hover { background: #606683 }

#header_whatsapp_bar .dropdown-toggle { padding: 29px 12px 20px; }
#header_whatsapp_bar > a > span.label { border-radius: 50%; display: block; width: 30px; height: 30px; margin-top: -5px; padding: 5px 0 !important; background: #0CB757; }
#header_whatsapp_bar .label.label-icon > i { font-size: 18px; font-style: normal; font-weight: lighter; }
#header_whatsapp_bar i.icon-whatsapp::before { content: "\f232"; font-family: FontAwesome; }
#header_whatsapp_bar .dropdown-menu-list { color: rgb(218, 220, 228); padding: 10px !important; line-height: 1; }

.pagination > li > a, .pagination > li > span { color: #555; padding: 6px 10px !important; }
li#header_tasks_bar .dropdown-menu {
  max-width: 325px;
  width: 325px;
}
li#header_tasks_bar .dropdown-menu .dropdown-menu-list > li > a .details { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 215px; display: block; }
li#header_tasks_bar .dropdown-menu .dropdown-menu-list > li > a .time { background: #4c5169 none repeat scroll 0 0; max-width: 75px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-weight: 900; }
li#header_tasks_bar .dropdown-menu .dropdown-menu-list > li > a .time .due { width: 10px; height: 10px; background-color: #f3565d; display: inline-block; margin-right: 7px; border-radius: 50%; border: 1px solid #FFF; }
li#header_tasks_bar .btn-new { margin: 10px; color: #FFF; }
li#header_tasks_bar:hover .btn-new { border-radius: 5px !important; }

/* ---- 01. END TOP / SIDEBAR / FOOTER ---- */

/* ---- 05. MODAL, POPUPS, NOTIFICATIONS ---- */
.modal-dialog { position: relative; }
.modal-dialog button.modal-dialog-close { top: 10px; right: 10px; position: absolute; z-index: 1; color: #AAA; border: 1px solid #CCC; border-radius: 50%; width: 30px; height: 30px; padding: 0; }
.modal-dialog .modal-content .modal-header { border-bottom: 1px solid #CCC; }
.modal-dialog .modal-content .modal-header h3 { font-size: 16px !important; font-weight: 600; margin: 0 !important; text-transform: uppercase; }
.modal-dialog .modal-content .modal-header .close { background-color: #aaa !important; background-position: center center; border: 1px solid #666; border-radius: 50% !important; padding: 12px; margin-top: -4px !important; }
.modal-dialog .modal-content .modal-footer { background: #f8f8f8 none repeat scroll 0 0; border-top: 1px solid #EAEAEA !important; }
.modal-dialog .modal-content .modal-footer.modal-footer-loading {  }
.modal-dialog .modal-content .modal-footer.modal-footer-loading button { display: none; }
.modal-dialog .modal-content .modal-footer.modal-footer-loading .modal-footer-loading-text { text-align: center; }
.modal-dialog .modal-content .modal-footer.modal-footer-loading.modal-footer-loading-ok { color: green; background: #D4FFD1; }
.modal-dialog .modal-content .modal-footer.modal-footer-loading.modal-footer-loading-error { color: red; background: #FFEAF0; }
.modal-dialog .modal-full-block { margin: 0 -15px; background: #f8f8f8 none repeat scroll 0 0; border-top: 1px solid #EAEAEA !important; border-bottom: 1px solid #EAEAEA !important; }
.modal-dialog .modal-full-block.light { background: #fefefe none repeat scroll 0 0; border-top: 1px solid #f8f8f8 !important; border-bottom: 1px solid #f8f8f8 !important; }

.modal-dialog .modal-content .modal-body.custom-scroll { margin-top: 0px !important; margin-bottom: 20px !important; margin-right: 10px; overflow-y: visible; padding-top: 10px !important; padding-bottom: 0px !important; }

.modal-confirm .modal-dialog .bootbox-body { text-align: center; color: #888; font-size: 18px; line-height: 30px; padding: 10px 0px; }
.modal-confirm .modal-dialog .modal-footer { text-align: center; }

.modal-confirm .modal-content .modal-body .check-send-notifications { margin-top: 10px; margin-bottom: -20px; text-align: center; }
.modal-confirm .modal-content .modal-body .check-send-notifications div { display: inline-block; }
.modal-confirm .modal-content .modal-body .check-send-notifications div i { cursor: pointer; font-size: 20px; line-height: 26px; margin-right: 5px; }
.modal-confirm .modal-content .modal-body .check-send-notifications label { color: #999; }
.modal-confirm .modal-content .modal-body .check-send-notifications.checked label { color: #333; }

.modal-confirm .modal-content .modal-body .table .check-patient { margin-top: 10px; margin-bottom: -20px; text-align: center; }
.modal-confirm .modal-content .modal-body .table .check-patient div { display: inline-block; }
.modal-confirm .modal-content .modal-body .table .check-patient div i { cursor: pointer; font-size: 20px; line-height: 26px; margin-right: 5px; }
.modal-confirm .modal-content .modal-body .table .check-patient label { color: #999; }
.modal-confirm .modal-content .modal-body .table .check-patient.checked label { color: #333; }

.titlebar { margin-top: -10px; margin-bottom: 5px; }
.titlebar .pull-right { margin-top: 10px; }

/* ---- 05. END MODAL, POPUPS, NOTIFICATIONS ---- */

/* ---- 06. LOCK SCREEN ---- */

#UsersLock .lock-form h4 { text-overflow: ellipsis; white-space: nowrap; max-width: 220px; overflow: hidden; }

/* ---- 06. END LOCK SCREEN ---- */

/* ---- 09. QUICK SIDEBAR ---- */

#floatMessagesList { position: fixed; right: 15px; bottom: 260px; list-style: none; z-index: 1500; }
#floatMessagesList li { margin-top: 5px; opacity: 0.9; margin-left: 10px; transition: all 0.2s ease; }
#floatMessagesList li:hover { opacity: 1; margin-left: 0px; }
#floatMessagesList li a { position: relative; display: block; width: 50px; height: 50px; }
#floatMessagesList li a .badge { position: absolute; left: 0; top: 2px; font-size: 10px !important; width: 15px; height: 15px; background: #206EAA !important; padding: 0px; line-height: 15px; }
#floatMessagesList li img { border: 2px solid #EEE; }

.page-quick-sidebar .page-quick-sidebar-chat-user-messages a { color: #FFF; text-decoration: underline;}

body.is-secretary .page-quick-sidebar-wrapper .network-items h5 { display: none; }

.page-header { width: 100vw; }
.page-sub-header { width: 100vw; }

/* Quick sidebar toggler */
.page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle {
  padding: 17px 10px 9px 10px !important;
}
.page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i {
  top: 0px;
}
.page-quick-sidebar-open .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle i:before {
  content: "\e066";
}

/* Quick sidebar wrapper */
.page-quick-sidebar-wrapper {
    background: rgb(67, 84, 104);
    opacity: 0.85;
    color: #d1d6de;
  transition: right 0.3s, opacity .5s ease-out;
  z-index: 9999999999;
  position: absolute;
  /* top: 74px; */
  top: 0;
  bottom: 0;
  /* right: -325px; */
  transition: left 0.3s, opacity .5s ease-out;
  left: 100vw;
  width: 325px;
  margin: 75px 0 0 0 !important;
}
.page-quick-sidebar-wrapper.open {
  transition: left 0.5s, opacity .5s ease-in;
  left: calc(100vw - 325px);
}

.page-quick-sidebar-wrapper:hover {
  opacity: 1;
}

.page-footer-fixed .page-quick-sidebar-wrapper {
   /* bottom: 40px; */
   bottom: 55px;
}
.page-quick-sidebar-full-height .page-quick-sidebar-wrapper {
  top: 0;
  bottom: 0;
}
.page-quick-sidebar-open .page-quick-sidebar-wrapper {
  transition: right 0.3s, opacity .5s ease-out;
  right: 0;
}
.page-quick-sidebar-wrapper .media { margin-top: 0; }

/***
Quick Sidebar Toggler
***/
.page-quick-sidebar-toggler {
  padding-right: 12px !important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .setting-sound {
  cursor: pointer; float: right; height: 46px; width: 46px; background: transparent; color: #c9ced7; text-align: center; border-left: 1px solid #5d6c7e;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .setting-sound div {
  line-height: 48px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .setting-sound div i {
  font-size: 20px;
  color: #c9ced7;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .setting-sound:not(.audio-off) .icon-on {
  display: unset;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .setting-sound:not(.audio-off) .icon-off {
  display: none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .setting-sound.audio-off .icon-on {
  display: none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .setting-sound.audio-off .icon-off {
  display: unset;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
  background: #576d87 none repeat scroll 0 0;
  color: #c9ced7;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
  background: #4d6178 none repeat scroll 0 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {
  background: #435468 none repeat scroll 0 0;
  border: 0 none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
  border-bottom-color: #495c72;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {
  background: #495c72 none repeat scroll 0 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
  color: #c9ced7;
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
  border-left-color: #576d87;
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
  border-right-color: #576d87;
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
  background: #576d87 none repeat scroll 0 0;
  color: #c9ced7;
}
.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
  color: #bdc4ce;
}

/* quick sidebar top position fix for mobile view */
@media (max-width: 480px) {
  /* 480px */
  .page-quick-sidebar-wrapper {
    top: 92px;
  }

  .page-quick-sidebar-toggler {
    top: 65px;
  }
}
.page-header,
.page-sidebar-wrapper,
.page-content-wrapper,
.page-footer {
  transition: margin 0.3s;
}

/* Quick sidebar with push content */
/* .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  transition: margin-left 0.3s;
  margin-left: -325px;
}
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-content-wrapper {
  transition: margin-left 0.3s;
  margin-left: -325px;
}
.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  transition: margin-right 0.3s;
  margin-right: 325px;
  margin-left: -325px;
} */

/* Page sidebar reversed */
/* .page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  transition: margin-right 0.3s;
  margin-right: 325px;
} */

/* Quick sidebar with full height content */
/* .page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  transition: margin-left 0.3s;
  margin-left: -325px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-footer-fixed:not(.page-quick-sidebar-full-height) .page-footer {
  margin-left: 0;
  margin-right: 0;
} */

/* Quick sidebar with transparent content */
/* .page-quick-sidebar-open.page-quick-sidebar-over-content-transparent .page-quick-sidebar-wrapper {
  opacity: 0.9;
  filter: alpha(opacity=90);
} */

/* Hide the responsive menu if its shown while the quick sidebar opened on mobile  */
@media (max-width: 991px) {
  /* 991px */
  .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
    display: none;
  }
}
/***
Quick Sidebar Content
***/
.page-quick-sidebar-wrapper {
  overflow: hidden; margin: -15px 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar {
  /* Quick sidebar tabs */
  /* Quick sidebar tabs content */
  /* Quick sidebar general list heading */
  /* Quick sidebar general list-items */
  /* Inner content */
  /* Quick sidebar list */
  /* Quick sidebar list item */
  /* Quick sidebar list item shown */
  /* Quick sidebar chat */
  /* Quick sidebar alerts */
  /* Quick sidebar settings */
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified {
  margin: 0;
  padding: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li {
  display: table-cell !important;
  width: 1%  !important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {
  padding: 15px 15px;
  border: 0;
  height: 46px;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a > .badge {
  position: absolute;
  top: 12px;
  right: 3px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {
  border: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {
  margin-top: 8px;
  margin-right: 20px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 19px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 20px;
  display: inline-block !important;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > .tab-content {
  margin: 0;
  padding: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
  font-size: 16px;
  margin: 10px 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {
  margin: 0;
  padding: 10px;
  background: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child {
  border-bottom: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
  border: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
  margin: 10px 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  position: absolute !important;
  width: 325px !important;
  transition: margin 0.3s;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  position: absolute !important;
  width: 325px !important;
  transition: margin 0.3s;
  margin-left: 325px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
  padding: 15px 10px 6px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i {
  font-size: 17px;
  line-height: 17px;
  vertical-align: top;
  margin-right: 3px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  transition: margin 0.3s;
  margin-left: -325px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
  display: none !important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
  transition: margin 0.3s;
  margin-left: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
  padding: 10px 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
  position: relative;
  padding: 12px 10px 11px 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
  border-radius: 50% !important;
  width: 38px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  float: left;
  margin-right: 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
  content: " ";
  display: table;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
  clear: both;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.05);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
  margin: 5px 0 0 0;
  font-size: 14px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
  font-size: 11px;
  text-transform: uppercase;
  height: 18px;
  overflow: hidden;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
  font-size: 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
  top: 35px;
  left: 35px;
  position: absolute;
  display: inline-block;
  z-index: 10;
  display: none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status .badge {
  width: 12px;
  height: 12px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status .badge.badge-success {
  background: #20BF42;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .slimScrollDiv {
  background: #364353;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
  padding: 0 15px 0 10px;
  position: relative;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages.no-scroll {
  position: absolute;
  bottom: 0;
  width: 100% !important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .more-posts a {
  background: rgb(0, 0, 0, 0.1);
  text-align: center;
  display: inherit;
  margin: 0 -15px;
  padding: 5px;
  color: #CCC;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
  transition: display 0.3s;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 12px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
  display: block;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
  width: 38.57143px;
  border-radius: 50% !important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar {
  float: left;
  margin-right: 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar {
  float: right;
  margin-left: 10px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
  font-size: 12px;
  font-weight: 300;
  display: none;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {
  font-size: 10px;
  font-weight: 300;
  font-style: italic;
  line-height: 22px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
  display: block;
  padding: 5px;
  position: relative;
  border-radius: 4px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message {
  text-align: left;
  margin-left: 55px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .datetime {
  margin-left: 55px;
  text-align: left;

}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
  display: block;
  position: absolute;
  top: 9px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right-width: 7px;
  border-right-style: solid;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
  margin-right: 55px;
  text-align: right;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime {
  margin-right: 55px;
  text-align: right;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
  display: block;
  position: absolute;
  top: 9px;
  right: -7px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left-width: 7px;
  border-left-style: solid;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime {
  text-align: right;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
  padding: 5px 5px 5px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form .input-group .form-control {
  font-size: 12px;
  background: none;
  border: none;
  padding: 5px 10px 5px 0;
  color: #FFF;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
  padding: 10px 0;
  position: relative;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .label {
  margin-top: 5px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {
  padding: 0;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
  padding: 10px 0;
  position: relative;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
  margin-top: -3px;
  float: right;
  border: 0;
  min-width: 59px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
  width: 75px !important;
  padding: 4px 4px !important;
  float: right;
  border: 0;
  margin-top: -4px;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
  padding: 4px 0px !important;
}
.page-quick-sidebar-nav h6 { display: inline; }
.page-quick-sidebar-wrapper .network-items h5 { background: rgba(0, 0, 0, 0.1); padding: 10px 15px; margin: 0; }
.page-quick-sidebar-wrapper .network-items h5 small { color: #D1D6DE; }
.page-quick-sidebar-wrapper .network-items .media-list { margin: 0; }
.page-quick-sidebar-wrapper .network-items .media-list .media { margin-bottom: 0; }
.page-quick-sidebar-wrapper .network-items .media-list .media {
  padding: 12px 10px 11px;
  position: relative;
}
.page-quick-sidebar-wrapper .network-items .media-list .media:hover {
  background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
  cursor: pointer;
}
.page-quick-sidebar-wrapper .network-items .media-list .media .media-body .media-heading {
  font-size: 14px;
  margin: 5px 0 0;
}
.page-quick-sidebar-wrapper .network-items .media-list .media .media-body .media-heading-sub {
  font-size: 11px;
  height: 18px;
  overflow: hidden;
  text-transform: uppercase;
}
.page-quick-sidebar-wrapper .network-items img {
  border-radius: 50% !important;
  width: 38px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  float: left;
  margin-right: 10px;
}
.page-quick-sidebar-wrapper .network-items .media-list .media:hover img {
  opacity: 1;
}
.page-quick-sidebar-wrapper .network-items .media-list .media:hover h4 {
  color: #FFF;
}

/* ---- 09. END QUICK SIDEBAR ---- */

/* ---- 10. GENERAL ELEMENTS ---- */

.page-content-header { /*background: rgba(255, 255, 255, 0.10); border-bottom: 1px solid #ddd; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05) !important;*/ margin: -20px -25px 15px; }

.select2-result .item-patient { min-height: 35px; display: block; }
.select2-result .item-patient img { margin-right: 8px; }
.select2-result .item-patient .title { font-weight: 600; color: #333; }
.select2-result .item-patient p { color: #777; margin: 0; }
.select2-result .item-patient i { font-size: 40px; text-align: left; color: #DDD; line-height: 36px; width: 36px; margin-top: 0; margin-right: 7px; }

/* ---- 10. END GENERAL ELEMENTS ---- */

/* ---- GOOGLE ADDRESS POPUP ---- */

.pac-container { z-index: 100000; }

/* ---- GOOGLE ADDRESS POPUP ---- */

/* ---- 11. DOCTORSOFFICE DASHBOARD ---- */

#DoctorsOfficeDashboard .filter-baby { margin-top: -15px; }
#DoctorsOfficeDashboard .filter-baby .md-checkbox label { line-height: 22px; margin-bottom: 0px; }
#DoctorsOfficeDashboard .filter-baby .inc { left: -5px !important; top: -5px !important; height: 30px !important; width: 30px !important; }

#DoctorsOfficeDashboard .table.flip-content>tbody>tr>td, #DoctorsOfficeEventsList .table.flip-content>tbody>tr>td {
	vertical-align: middle
}

#DoctorsOfficeDashboard .table.flip-content tr.td-line-through td, #DoctorsOfficeEventsList .table.flip-content tr.td-line-through td {
	text-decoration: line-through;
	color: #888;
}

.table-events-list { margin-bottom: 0px; }
.table-events-list .tr-patient-list td { line-height: 1.5; }
.table-events-list .tr-patient-list td a:focus { text-decoration: none; }
.table-events-list .tr-patient-list .patient-data { width: 100%;  max-width: 395px; }
.table-events-list .tr-patient-list .patient-data .patient-name { font-size: 16px; font-weight: bold; }
.table-events-list .tr-patient-list .patient-data .profile-photo { margin-right: 10px}
.table-events-list .tr-patient-list .patient-data .badge  { margin-top: 20px; margin-right: 2px !important; margin-left: 5px }
.table-events-list .tr-patient-list .patient-data .badge.pointer:not(.badge-success)  { background-color: #CCC }
.table-events-list .tr-patient-list .patient-data .badge.pointer i { font-size: 9px; line-height: 10px;}
.table-events-list .tr-patient-list .patient-data .web-event  { margin-top: 21px; margin-right: 2px !important;}
.table-events-list .tr-patient-list .patient-data .web-event i { font-size: 22px;}
.table-events-list .tr-patient-list .patient-data .web-event-requested-by { position: absolute; right: 0px; top: 8px; margin-right: 24px !important; width: 15px; height: 15px; padding: 0px 0px 0px 0px; font-size: 15px !important; }
.table-events-list .tr-patient-list .patient-data .web-event.app-patient-event i { font-size: 32px; margin-right: 3px; margin-top: 2px; }
.table-events-list .tr-patient-list .patient-data .web-event.app-event i { font-size: 32px; margin-right: 3px; margin-top: 2px; }
.table-events-list .tr-patient-list .patient-data .label-consultation-type-videocall { padding: 0px 7px; border-radius: 10px; font-weight: bold; line-height: 1.5; background: #FAFAFA; }
.table-events-list .tr-patient-list .event-extra { margin-top: 5px; }
.table-events-list .tr-patient-list i.fa-tag { background: #767676; font-size: 9px; width: 18px; height: 18px; color: #FFF; text-align: center; line-height: 20px; border-radius: 50%; }
.table-events-list .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.table-events-list .tr-patient-list .btn-group a.a-drop-down { padding: 0px; height: 22px; }
.table-events-list .tr-patient-list .btn-group a.a-drop-down .label { padding-right: 20px; top: 4px; }
.table-events-list .tr-patient-list .btn-group i.fa-angle-down { position: absolute; top: 4px; right: 10px; color: #FFF; z-index: 10; pointer-events: none; }


.meducall-banner { font-size: 15px; padding: 15px; margin: -15px 0px 10px; width: 100%; height: 50px; color: #666; background: #EEE; }
.meducall-banner .logo { margin: -5px 10px auto auto; }
.table-events-list tr.video-call-active td .row-config { display: none !important; }
.table-events-list tr.video-consultation-event td { font-size: 15px; text-align: center; padding: 2px 0px 5px 0px; border-top: 1px solid #FFF !important; background: #FFF; }
.table-events-list tr.video-consultation-event:hover td { font-weight: unset; }
.table-events-list .btn-vcall-telephone-validate { background: #FFF !important; padding: 4px 8px 2px 6px; }
.table-events-list .btn-vcall-telephone-only-validate { background: #FFF !important; padding: 4px 8px 2px 6px; }

.finished-work { padding: 10px 0 20px 0; font-size: 18px; text-align: center; }
.finished-work i.fa-thumbs-o-up { font-size: 22px; margin-right: 10px; }

#consultation_type_configForm .form-group.group-value label { padding-right: 0px; line-height: 30px; text-align: right; }
#consultation_type_configForm .form-group.group-value .value-prepend { position: absolute; top: 0; line-height: 35px; font-size: 17px; margin-left: 5px; color: #999; }
#consultation_type_configForm .form-group.group-value input { text-align: center; font-size: 20px; padding-right: 2px; padding-left: 22px; }

#DoctorsOfficeDashboard div.list-no-items {
	font-size: 14px;
	color: #CCC;
	text-align: center;
}

#DoctorsOfficeDashboard div.list-no-items i.fa {
	font-size: 60px;
	margin-top: 20px;
	margin-bottom: 40px;
}

#DoctorsOfficeDashboard div.next-patient-no-item {
	font-size: 14px;
	color: #CCC;
	text-align: center;
  padding: 20px;
}
#DoctorsOfficeDashboard .next-patient-calendar .next-patient-no-item {
  padding-top: 0px;
}

#DoctorsOfficeDashboard div.next-patient-no-item i.fa {
	font-size: 60px;
	margin-top: 20px;
	margin-bottom: 40px;
}

#DoctorsOfficeDashboard .portlet-clock {
	padding: 0px;
	overflow: hidden;
}

#DoctorsOfficeDashboard .portlet-clock .panel {
	border: none;
}

#DoctorsOfficeDashboard .profile-nav .user-heading.clock-row {
	padding: 20px;
}

#DoctorsOfficeDashboard .user-heading.alt {
	display: inline-block;
	width: 100%;
	text-align: left;
}

#DoctorsOfficeDashboard .profile-nav .user-heading {
	color: #fff;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

#DoctorsOfficeDashboard .clock-row {
	text-transform: uppercase;
	min-height: 170px;
}

#DoctorsOfficeDashboard .terques-bg {
	background: #1fb5ad;
}

#DoctorsOfficeDashboard .clock-row h1 {
	font-size: 20px !important;
	font-weight: 400 !important;
	letter-spacing: 1px;
	margin: 0 0 5px 0 !important;
	letter-spacing: 1px;
}

#DoctorsOfficeDashboard .profile-nav .user-heading p {
	font-size: 16px;
	color: #8b8b8b;
	line-height: 25px;
}

#DoctorsOfficeDashboard .clock-row p {
	font-size: 18px;
	font-weight: 300;
	color: #fff !important;
	margin: 0;
}

#DoctorsOfficeDashboard #nextPatient .profile-userpic img {
	float: left;
	margin: 0 20px 0 0;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	margin: 0 20px 0 0;
}

#DoctorsOfficeDashboard #nextPatient .profile-usertitle-name {
	color: #5a7391;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 7px;
}

#DoctorsOfficeDashboard #nextPatient .profile-usertitle-name a {
	color: #5a7391;
	text-decoration: none;
}

#DoctorsOfficeDashboard #nextPatient .profile-usertitle-job {
	text-transform: uppercase;
	color: #5b9bd1;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 7px;
}

#DoctorsOfficeDashboard .panel-right-calendar { padding: 10px; }
#DoctorsOfficeDashboard .panel-right-calendar #nextPatientCalendar { height: 140px; background: #F8F8F8; border-bottom: 1px solid #EEE; margin: -10px -10px 10px -10px; }
#DoctorsOfficeDashboard .panel-right-calendar #nextPatientCalendar img { height: 85px; margin-top: 15px; }
#DoctorsOfficeDashboard .panel-right-calendar #nextPatientCalendar .profile-userpic img { float: left;  margin: 0 10px 0 0; width: 40px; height: 40px;	-webkit-border-radius: 50% !important; -moz-border-radius: 50% !important;	border-radius: 50% !important; }
#DoctorsOfficeDashboard .panel-right-calendar #nextPatientCalendar .portlet-footer { padding-top: 30px; margin-top: -12px; }
#DoctorsOfficeDashboard .panel-right-calendar #nextPatientCalendar h5 { padding: 15px 0 5px 0; margin: -10px -10px 10px -10px; }
#DoctorsOfficeDashboard .panel-right-calendar #calendar { margin-bottom: 10px; }
#DoctorsOfficeDashboard .panel-right-tools { position: absolute; right: 24px; margin-top: -14px; }
#DoctorsOfficeDashboard .panel-right-tools .btn-white { background-color: #31C7B2; color: #FFF; }
#DoctorsOfficeDashboard .panel-right-tools .btn-black { background-color: #EEE; color: #333; }

#DoctorsOfficeDashboard #nextPatientCalendar { padding: 0px; }
#DoctorsOfficeDashboard #nextPatientCalendar .next-patient-data { margin: 0 10px; background: #FCFCFC; border: 1px solid #F0F0F0; border-radius: 10px; padding: 5px; }
#DoctorsOfficeDashboard #nextPatientCalendar .profile-userpic img { float: left; margin: 0 20px 0 0; width: 32px; height: 32px;	-webkit-border-radius: 50% !important; -moz-border-radius: 50% !important;	border-radius: 50% !important; }
#DoctorsOfficeDashboard #nextPatientCalendar .profile-usertitle-name { color: #5a7391; font-size: 12px;	font-weight: 600;	margin-bottom: 7px; }
#DoctorsOfficeDashboard #nextPatientCalendar .profile-usertitle-job { text-transform: uppercase; color: #5b9bd1; font-size: 10px;	font-weight: 400; }

#DoctorsOfficeDashboard #chats .btn.blue {
	border-radius: 0 5px 5px 0 !important;
	background-color: #4b8df8 !important;
}

#DoctorsOfficeDashboard .portlet-doctor img {
	float: left;
}

#DoctorsOfficeDashboard .portlet-doctor .text-doctor {
	margin: 0 0 0 50px;
	line-height: 22px;
}

#DoctorsOfficeDashboard .tasks-widget .task-list>li {
	padding: 5px 5px;
}

#DoctorsOfficeDashboard .table-patient .td-state {
	width: 150px;
}

#DoctorsOfficeDashboard .table-patient .td-button {
	width: 150px;
}

#DoctorsOfficeDashboard .table-patient select {
	padding: 6px 0px 6px 21px;
}

#DoctorsOfficeDashboard .table-patient .event-state-icon {
	margin: -25px 0 6px 9px;
}

#DoctorsOfficeDashboard .table-patient .actual-consultation-time {
    color: #5b9bd1;
    font-size: 14px;
}
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group { display: block; margin: -20px -15px; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group.unique { padding: 7px 15px; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group.unique img { margin-top: 4px; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group.unique .label { margin-top: 15px; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group h5 { font-size: 14px;  margin: 0; margin-top: 7px; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group small { color: #31C7B2; margin: 0; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group button { border: none; display: block; width: 100%; min-height: 58px; padding: 5px 15px; background: none; text-align: left; border-right : 1px solid #eee; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group button i { margin-top: 18px; display: none; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group button.has-data i { display: block; }
#DoctorsOfficeDashboard .dashboard-stat2 .dropdown-menu { min-width: 310px; }
#DoctorsOfficeDashboard .dashboard-stat2 .btn-group.open .dropdown-toggle { box-shadow: none; background: rgba(255, 255, 255, 0.7); }
#DoctorsOfficeDashboard .dashboard-stat2 .dropdown-menu li.active { display: none; }
#DoctorsOfficeDashboard .dashboard-stat2 .col-checkbox { border-right: 1px solid #DDD }
#DoctorsOfficeDashboard .dashboard-stat2 .col-checkbox .md-checkbox-list { margin: -2px 0 -10px 0; }
#DoctorsOfficeDashboard .dashboard-stat2 .col-checkbox .md-checkbox-list .md-checkbox { margin: 0 }
#DoctorsOfficeDashboard .dashboard-stat2 .col-checkbox .md-checkbox-list .md-checkbox label { font-size: 11px; margin-top: 3px; font-weight: 600; color: #AAB5BC }
#DoctorsOfficeDashboard .dashboard-stat2 .col-checkbox .md-checkbox-list .md-checkbox .box { border: 2px solid #BBB; transform: scale(.7); }

#DoctorsOfficeDashboard #eventsList .td-search-patient .form-group { padding: 0}
#DoctorsOfficeDashboard #eventsList .td-search-patient .input-group { padding-top: 0}
#DoctorsOfficeDashboard #eventsList .td-search-patient input, #DoctorsOfficeDashboard #eventsList .td-search-patient .input-group-addon { padding: 0; height: auto; border-radius: 0px !important; font-size: 13px}

#DoctorsOfficeDashboard .modal-confirm .modal-dialog .bootbox-body { line-height: 26px !important; }
/* #DoctorsOfficeDashboard .dashboard-stat2 .dropdown-menu li.active a { pointer-events: none; cursor: default; } */
#DoctorsOfficeDashboard .fc-day-grid tr { height: 20px; }
#DoctorsOfficeDashboard .fc-day-grid .fc-axis.fc-widget-content { text-align: center; }
#DoctorsOfficeDashboard .fc-day-grid .fc-axis.fc-widget-content i { color: #2986bf; font-size: 20px; line-height: 40px; }

@keyframes btn-animate-shake {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-2px);}
  20%, 40%, 60%, 80% {transform: translateX(2px);}
}

#DoctorsOfficeDashboard .count-events { margin-right: 25px; padding: 5px 15px; margin-top: 8px; }
#DoctorsOfficeDashboard .portlet.light { padding: 0px; }
#DoctorsOfficeDashboard .portlet.light .dashboard-stat2 { background: #F8F8F8; margin: -32px 0px 15px; border-bottom: 1px solid #EEE; padding-top: 15px; padding-bottom: 15px; border-radius: 0; }
#DoctorsOfficeDashboard .portlet.light .dashboard-stat2 .progress-info .progress { margin-top: 5px; height: 10px; }
#DoctorsOfficeDashboard .portlet.light .dashboard-stat2 div[class^='col-md-'] { padding: 0px 10px; }
#DoctorsOfficeDashboard .portlet.light .table-events-list  { width: calc(100% + 1px) !important; max-width: calc(100% + 1px) !important; }

#DoctorsOfficeDashboard .lbl-task { display: block; text-align: center; color: #aab5bc; font-size: 11px; font-weight: 600; text-transform: uppercase; line-height: 20px; }

#DoctorsOfficeDashboard .btn-calendar-nav { margin-top: -30px; }

#DoctorsOfficeDashboard #nextPatient { padding: 0 15px 15px; }
#DoctorsOfficeDashboard #nextPatient h4 { margin-top: 0; font-weight: 600; margin-bottom: 0; }
#DoctorsOfficeDashboard #nextPatient .portlet-footer { background: #F8F8F8; border-top-style: dotted; }
#DoctorsOfficeDashboard #nextPatient .portlet-footer .label { box-shadow: none; }
#DoctorsOfficeDashboard #nextPatient .profile-userpic img { border-radius: 50% !important; float: left; height: 45px; margin: 0 10px 0 0; width: 45px; }
#DoctorsOfficeDashboard #nextPatient .profile-usertitle-name { color: #5a7391; font-size: 15px;  font-weight: 600; margin-bottom: 0; }
#DoctorsOfficeDashboard #nextPatient .profile-usertitle-job { color: #999; margin-bottom: 0; font-weight: normal; }
#DoctorsOfficeDashboard #nextPatient .type { color: #000; margin: 5px 10px; display: block; }
#DoctorsOfficeDashboard #nextPatient .delay { margin: 5px 10px; display: block; }
#DoctorsOfficeDashboard #nextPatient .observations { font-size: 12px; background: rgba(255, 255, 255, 0.8); border-radius: 7px; padding: 5px 8px; border: 1px solid #EEE; }

#panelEventList { margin-bottom: 220px; }
#panelEventList .col-patient-list .portlet { padding: 10px; }

.col-patient-list .portlet.light { padding: 0px !important; border-radius: 10px !important; box-shadow: 1px 1px 5px #0003 !important; }

.table-events-list { margin-bottom: 0px; }
.table-events-list .tr-patient-list .label { padding: 4px 6px; }
.table-events-list .tr-patient-list.done-continue .event-state .label::before { content: "\f1da"; font-family: FontAwesome; font-weight: 100; margin-right: 5px; font-size: 15px; }
.table-events-list .tr-patient-list.done-continue .event-state .label { display: none; }
.table-events-list .tr-patient-list .btn-consultation-continue { display: none; }
.table-events-list .tr-patient-list[data-consultation-continue*="/doctors_office/consultation_continue"] .btn-consultation-continue { display: inline !important; }
.table-events-list tr .row-config-btn { margin-top: -1px; }
.table-events-list tr .row-config-btn .dropdown-menu { opacity: 1; }
.table-events-list tr:hover { cursor: pointer; background: rgb(0, 0, 0, 0.1); }
.table-events-list tr h5:hover { font-weight: bold; }
.table-events-list tr:hover .row-config { display: block; margin-bottom: 0 !important; }
.table.table-events-list>tbody>tr>td { vertical-align: middle !important; border-top: none; }
.table.table-events-list>tbody>tr:not(:first-child)>td { border-top: 1px solid #DDD; }
.table-events-list .tr-patient-list .tags-container .label.label-new { font-size: 16px !important; padding-bottom: 5px !important; padding-top: 0px !important; line-height: 16px !important; background: #CCC; color: #FFF; }
.table-events-list .tr-patient-list .tags-container .label.label-new i { font-size: 9px; margin-bottom: -5px; }

.table-events-list .profile-photo { display: inline-block; }
.table-events-list .profile-photo img { height: 46px; width: 46px; margin-top: 6px; }
.table-events-list .profile-photo i { font-size: 40px; color: #999; }
.table-events-list .btn-group.open .dropdown-toggle { box-shadow: none !important; }
.table-events-list a:hover { text-decoration: none; }

.table-events-list .dropdown-menu-info { width: 350px; border-top: 5px solid #31C7B2 !important; margin-top: 8px; }
.table-events-list .dropdown-menu-info::before {
  border-bottom: 7px solid #31C7B2;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block !important;
  position: absolute;
  left: 9px;
  top: -12px;
}
.table-events-list .dropdown-menu-info .divider { margin: 0px; }
.table-events-list .dropdown-menu-box-data { padding: 8px 12px; font-size: 13px; }
.table-events-list .dropdown-menu-box-data label { display: inline-block; width: 60px; font-size: 13px; color: #777; }
.table-events-list .time-wait, #DoctorsOfficeDashboard #eventsList .time-delay { font-size: 14px; color: #999; }
.table-events-list .time-delay i { padding: 0 10px; }
.table-events-list .time-delay { color: red; padding: 0 8px; }
.table-events-list.single-professional .col-professional-abbrev { display: none; }
.table-events-list td.col-professional-abbrev { width: 50px; }
.table-events-list td.col-date { width: 80px; padding: 0px; text-align: center; }
.table-events-list td.col-actons { width: 80px; padding: 0px 5px 0px 10px; }
.table-events-list td.col-actons .border-left { border-left: 1px solid #EEE; min-height: 55px; position: absolute; margin-top: -15px; margin-left: -10px }
.table-events-list td.col-actons .btn-icon-only.btn-sm { width: 24px; height: 24px; }

.table-events-list .btn-print-extra-event { position: absolute; margin-top: -22px; right: 20px; }
/* ---- 11. END DOCTORSOFFICE DASHBOARD ---- */

#DoctorsOfficeEventsList .table-events-list { margin-bottom: 0; }
#DoctorsOfficeEventsList .table-events-list tr:first-child td { border-top: none; }

#DoctorsOfficeEventsList .table-events-list .btn-print-extra-event { right: 0px !important; }

#DoctorsOfficeEventsList .dashboard-stat2 .btn-group { display: block; margin: -10px 0; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group.unique { padding: 7px 15px; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group.unique img { margin-top: 4px; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group.unique .label { margin-top: 15px; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group h5 { font-size: 14px;  margin: 0; margin-top: 7px; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group small { color: #31C7B2; margin: 0; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group button { border: none; display: block; width: 100%; min-height: 58px; padding: 5px 15px; background: none; text-align: left; border-right : 1px solid #eee; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group button i { margin-top: 18px; display: none; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group button.has-data i { display: block; }
#DoctorsOfficeEventsList .dashboard-stat2 .dropdown-menu { min-width: 310px; }
#DoctorsOfficeEventsList .dashboard-stat2 .btn-group.open .dropdown-toggle { box-shadow: none; background: rgba(255, 255, 255, 0.7); }
#DoctorsOfficeEventsList .dashboard-stat2 .dropdown-menu li.active { display: none; }
#DoctorsOfficeEventsList .dashboard-stat2 { background: #f8f8f8 none repeat scroll 0 0; margin: -30px -20px 15px; padding-top: 20px; padding-bottom: 10px; border-radius: 8px 8px 0 0 !important; }
#DoctorsOfficeEventsList .dashboard-stat3 { background: #fbfbfb none repeat scroll 0 0; border-bottom: 1px solid #eee; margin: -15px -20px 15px;}
#DoctorsOfficeEventsList .dashboard-stat3 .row { margin: 0; }
#DoctorsOfficeEventsList .dashboard-stat3 .col-md-8 { padding-right: 0; }
#DoctorsOfficeEventsList .dashboard-stat3 .col-md-4 { padding-left: 0; padding-right: 0; }
#DoctorsOfficeEventsList .dashboard-stat3 .btn-group { display: block; line-height: 40px; margin-top: -5px; padding-right: 10px; }

#DoctorsOfficeEventsList .dashboard-stat3.row-tags-container { padding: 10px 0; }
#DoctorsOfficeEventsList .dashboard-stat3.row-tags-container .search-advanced-tags .label-tag { font-size: 12px; margin-right: 4px; line-height: 16px; }

#DoctorsOfficeEventsList .col-patient-list .portlet.light { border-radius: 0px !important; box-shadow: none !important; border-bottom: 1px solid #DDD !important; padding-top: 3px; padding-bottom: 3px; margin: 0 -20px 10px -20px; }
#DoctorsOfficeEventsList .col-patient-list .portlet.light .table-events-list { width: calc(100% + 1px) !important; max-width: calc(100% + 1px) !important; border-top: 3px solid #DDD; }


.admin-title { margin-top: -9px; font-size: 14px; margin-bottom: 15px; background: #7f8ab9; color: #FFF !important; padding: 7px 16px; border-radius: 4px; }
.admin-title i { float: left; font-size: 20px !important; margin-top: 9px; margin-right: 10px; }

#DoctorsOfficeAdminDashboard .col-patient-list .portlet.light { border-radius: 0px !important; box-shadow: none !important; border-bottom: 1px solid #DDD !important; padding-top: 3px; padding-bottom: 3px; margin: 0 -20px 10px -20px !important; }
#DoctorsOfficeAdminDashboard .col-patient-list .portlet.light .table-events-list { width: calc(100% + 1px) !important; max-width: calc(100% + 1px) !important; border-top: 3px solid #DDD; }
#DoctorsOfficeAdminDashboard #panelReports.disabled { pointer-events: none }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group { display: block; margin: -10px 0; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group.unique { padding: 7px 15px; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group.unique img { margin-top: 4px; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group.unique .label { margin-top: 15px; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group h5 { font-size: 14px;  margin: 0; margin-top: 7px; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group small { color: #31C7B2; margin: 0; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group button { border: none; display: block; width: 100%; min-height: 58px; padding: 5px 15px; background: none; text-align: left; border-right : 1px solid #eee; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group button i { margin-top: 18px; display: none; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group button.has-data i { display: block; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .dropdown-menu { min-width: 310px; }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .btn-group.open .dropdown-toggle { box-shadow: none; background: rgba(255, 255, 255, 0.7); }
#DoctorsOfficeAdminDashboard .dashboard-stat2 .dropdown-menu li.active { display: none; }
#DoctorsOfficeAdminDashboard .portlet-body .dashboard-stat2 { background: #f8f8f8 none repeat scroll 0 0; border-bottom: 1px solid #eee; margin: -30px -20px 15px; padding-top: 20px; padding-bottom: 10px; border-radius: 8px 8px 0 0 !important; }
#DoctorsOfficeAdminDashboard .right-now h1 { font-size: 46px; }

#DoctorsOfficeAdminEventsList .col-patient-list .portlet.light { border-radius: 0px !important; box-shadow: none !important; border-bottom: 1px solid #DDD !important; padding-top: 3px; padding-bottom: 3px; margin: 0 -20px 10px -20px !important; }
#DoctorsOfficeAdminEventsList .col-patient-list .portlet.light .table-events-list { width: calc(100% + 1px) !important; max-width: calc(100% + 1px) !important; border-top: 3px solid #DDD; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group { display: block; margin: -10px 0; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group.unique { padding: 7px 15px; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group.unique img { margin-top: 4px; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group.unique .label { margin-top: 15px; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group h5 { font-size: 14px;  margin: 0; margin-top: 7px; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group small { color: #31C7B2; margin: 0; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group button { border: none; display: block; width: 100%; min-height: 58px; padding: 5px 15px; background: none; text-align: left; border-right : 1px solid #eee; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group button i { margin-top: 18px; display: none; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group button.has-data i { display: block; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .dropdown-menu { min-width: 310px; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .btn-group.open .dropdown-toggle { box-shadow: none; background: rgba(255, 255, 255, 0.7); }
#DoctorsOfficeAdminEventsList .dashboard-stat2 .dropdown-menu li.active { display: none; }
#DoctorsOfficeAdminEventsList .dashboard-stat2 { background: #f8f8f8 none repeat scroll 0 0; border-bottom: 1px solid #eee; margin: -30px -20px 15px; padding-top: 20px; padding-bottom: 10px; border-radius: 8px 8px 0 0 !important; }

#DoctorsOfficeAdminEventsList .dashboard-stat3 .row { margin: 0; }
#DoctorsOfficeAdminEventsList .dashboard-stat3 .col-md-8 { padding-right: 0; }
#DoctorsOfficeAdminEventsList .dashboard-stat3 .col-md-4 { padding-left: 0; padding-right: 0; }
#DoctorsOfficeAdminEventsList .dashboard-stat3 .btn-group { display: block; line-height: 40px; margin-top: -5px; padding-right: 10px; }

#DoctorsOfficeAdminEventsList .dashboard-stat3.row-tags-container { padding: 10px 0; }
#DoctorsOfficeAdminEventsList .dashboard-stat3.row-tags-container .search-advanced-tags .label-tag { font-size: 12px; margin-right: 4px; line-height: 16px; }

/* #DoctorsOfficeAdminEventsList .dashboard-stat3 .btn-group { display: block; line-height: 40px; margin-top: -5px; padding-right: 20px; } */


#DoctorsOfficeAdminEventsList .dashboard-stat3 { padding-top: 5px; background: #fbfbfb none repeat scroll 0 0; border-bottom: 1px solid #eee; margin: -15px -20px 15px;}
#DoctorsOfficeAdminEventsList .col-patient-list .portlet.light { border: none  !important; padding-top: 3px; padding-bottom: 3px}

#PaymentsListContainer .dashboard-stat2 .table-title { font-size: 16px; text-align: center; line-height: 48px; color: #666; }
#PaymentsListContainer .dashboard-stat2 .btn-group { display: block; margin: -10px 0; }
#PaymentsListContainer .dashboard-stat2 .btn-group.unique { padding: 7px 15px; }
#PaymentsListContainer .dashboard-stat2 .btn-group.unique img { margin-top: 4px; }
#PaymentsListContainer .dashboard-stat2 .btn-group.unique .label { margin-top: 15px; }
#PaymentsListContainer .dashboard-stat2 .btn-group h5 { font-size: 14px;  margin: 0; margin-top: 7px; }
#PaymentsListContainer .dashboard-stat2 .btn-group small { color: #31C7B2; margin: 0; }
#PaymentsListContainer .dashboard-stat2 .btn-group button { border: none; display: block; width: 100%; min-height: 58px; padding: 5px 15px; background: none; text-align: left; border-right : 1px solid #eee; }
#PaymentsListContainer .dashboard-stat2 .btn-group button i { margin-top: 18px; display: none; }
#PaymentsListContainer .dashboard-stat2 .btn-group button.has-data i { display: block; }
#PaymentsListContainer .dashboard-stat2 .dropdown-menu { min-width: 310px; }
#PaymentsListContainer .dashboard-stat2 .btn-group.open .dropdown-toggle { box-shadow: none; background: rgba(255, 255, 255, 0.7); }
#PaymentsListContainer .dashboard-stat2 .dropdown-menu li.active { display: none; }
#PaymentsListContainer .dashboard-stat2 .form-md-line-input { margin-bottom: 0px; }
#PaymentsListContainer .dashboard-stat2 { background: #f8f8f8 none repeat scroll 0 0; border-bottom: 1px solid #eee; margin: -30px -20px 15px; padding-top: 20px; padding-bottom: 10px; border-radius: 8px 8px 0 0 !important; }
#PaymentsListContainer .dashboard-stat3 .btn-group { display: block; line-height: 40px; margin-top: -5px; padding-right: 20px; }
#PaymentsListContainer .dashboard-stat3 { background: #fbfbfb none repeat scroll 0 0; border-bottom: 1px solid #eee; margin: -15px -20px 15px;}
#PaymentsListContainer .col-patient-list .portlet.light { border: none  !important; padding: 10px; }
#PaymentsListContainer #panelEventList { margin-bottom: 0px; }
#PaymentsListContainer .portlet { padding-bottom: 0px; }
#PaymentsListContainer .tr-patient-list .profile-photo { margin-right: 10px; }
#PaymentsListContainer .tr-patient-list h4 { font-size: 15px; }
#PaymentsListContainer .tr-patient-list .type-column { width: 32px; height: 32px; line-height: 32px; }
#PaymentsListContainer .tr-patient-list .type-column .type-action { display: none; }
#PaymentsListContainer .tr-patient-list .type-column .type-action i { font-size: 18px; }
#PaymentsListContainer .tr-patient-list:hover .type-icon { display: none; }
#PaymentsListContainer .tr-patient-list:hover .type-action { display: inline; }
#PaymentsListContainer .table-events-list tr:first-child td { border-top: none; }
#PaymentsListContainer .img-responsive { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#PaymentsListContainer .portlet-stats .portlet-body { margin: 5px 0px; padding-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #EAEAEA !important; }
#PaymentsListContainer .portlet-stats .portlet-body:last-child { border-bottom: none !important; }
#PaymentsListContainer .portlet-stats .portlet-body i { font-style: normal !important; margin-left: 5px; }
#rowPaymentsList .portlet.light { border: none !important; }
.font-color-expense-0 { color: #060 !important; }
.font-color-expense-1 { color: #F00 !important; }
.font-color-expense-50 { color: #F60 !important; }
.font-color-expense-5 { color: #9400D3 !important; }

#DoctorsOfficeAdminPayments .div-inputs ul {list-style-type: none;padding: 0px;}

#LiquidationsListContainer .dashboard-stat2 .table-title { font-size: 16px; text-align: center; line-height: 48px; color: #666; }
#LiquidationsListContainer .dashboard-stat2 .btn-group { display: block; margin: -10px 0; }
#LiquidationsListContainer .dashboard-stat2 .btn-group.unique { padding: 7px 15px; }
#LiquidationsListContainer .dashboard-stat2 .btn-group.unique img { margin-top: 4px; }
#LiquidationsListContainer .dashboard-stat2 .btn-group.unique .label { margin-top: 15px; }
#LiquidationsListContainer .dashboard-stat2 .btn-group h5 { font-size: 14px;  margin: 0; margin-top: 7px; }
#LiquidationsListContainer .dashboard-stat2 .btn-group small { color: #31C7B2; margin: 0; }
#LiquidationsListContainer .dashboard-stat2 #cbxMedicalSecurity h5 { margin-top: 0px; }
#LiquidationsListContainer .dashboard-stat2 #cbxMedicalSecurity small { color: #666; margin: 0; }
#LiquidationsListContainer .dashboard-stat2 #cbxMedicalSecurity button i { margin-top: 10px; }
#LiquidationsListContainer .dashboard-stat2 .btn-group button { border: none; display: block; width: 100%; min-height: 58px; padding: 5px 15px; background: none; text-align: left; border-right : 1px solid #eee; }
#LiquidationsListContainer .dashboard-stat2 .btn-group button i { margin-top: 16px; display: none; }
#LiquidationsListContainer .dashboard-stat2 .btn-group button.has-data i { display: block; }
#LiquidationsListContainer .dashboard-stat2 .dropdown-menu { min-width: 310px; }
#LiquidationsListContainer .dashboard-stat2 .btn-group.open .dropdown-toggle { box-shadow: none; background: rgba(255, 255, 255, 0.7); }
#LiquidationsListContainer .dashboard-stat2 .dropdown-menu li.active { display: none; }
#LiquidationsListContainer .dashboard-stat2 .form-md-line-input { margin-bottom: 0px; }
#LiquidationsListContainer .dashboard-stat2 { background: #f8f8f8 none repeat scroll 0 0; border-bottom: 1px solid #eee; margin: -30px -20px 15px; padding-top: 20px; padding-bottom: 10px; border-radius: 8px 8px 0 0 !important; }
#LiquidationsListContainer .table-events-list tr { opacity: 0.75; }
#LiquidationsListContainer .table-events-list tr:hover { cursor: unset; background: unset; opacity: 1; }
#LiquidationsListContainer .table-events-list tr:hover td { font-weight: unset; }
#LiquidationsListContainer .table-events-list tr h5:hover { font-weight: unset; }
#LiquidationsListContainer .os-block { margin-bottom: 10px; }
#LiquidationsListContainer .os-block h5 { margin-top: 0px; margin-bottom: 2px; font-size: 15px; border-bottom: 1px solid #333; }
#LiquidationsListContainer .table-os-list { margin-bottom: 0px; }
#LiquidationsListContainer .table-os-list tr td { border: none; vertical-align: middle; padding: 5px 0px; line-height: 1 !important; }
#LiquidationsListContainer .table-os-list .tr-os-list { border-bottom: 1px solid #DDD; }
#LiquidationsListContainer .table-os-list .tr-os-list input { font-weight: bold; margin-left: 2px; }
#LiquidationsListContainer .table-os-list .tr-os-list input.input-price { border-radius: 3px; border: 1px solid #CCC; font-size: 14px !important; }
#LiquidationsListContainer .table-os-list .tr-os-list .price-data { color: #666; font-size: 12px; line-height: 1; }
#LiquidationsListContainer .table-os-list .tr-os-list .price-data i { color: #5C8D80; }
#LiquidationsListContainer .table-os-list .tr-os-list.old-price input { font-weight: lighter; font-size: 12px; }
#LiquidationsListContainer .table-os-list .tr-os-list .price-data.old i { color: #F60; }
#LiquidationsListContainer .table-os-list .tr-os-list .price-data.empty i { color: #FF7373; }
#LiquidationsListContainer .img-responsive { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#LiquidationsListContainer .btn-save { margin-top: -6px; }
#LiquidationsListContainer .col-date { padding: 0px; }
#LiquidationsListContainer .item-price { font-weight: bold; font-size: 16px; }
#LiquidationsListContainer .portlet-stats { text-align: center; }
#LiquidationsListContainer .portlet-stats .glyphicon { margin-top: -2px; }
#LiquidationsListContainer .medubot-info { margin-bottom: 30px; }
#LiquidationsListContainer #rowLiquidationsConfig .when-no-data .div-no-data .div-no-data-message { margin: 0px; padding-top: unset; margin-top: unset; font-size: 16px; }

#DoctorsOfficeAdminStaff .member-item img { margin-top: 4px; margin-right: 10px; width: 35px; height: 35px; }
#DoctorsOfficeAdminStaff .member-item { height: 90px; padding: 12px; border-bottom: 1px solid #EEE; }
#DoctorsOfficeAdminStaff .member-item .actions a { margin-left: 5px; }
#DoctorsOfficeAdminStaff .member-item:hover { background: #EDF7F9; }
#DoctorsOfficeAdminStaff .member-item:hover .actions { display: inline-block; }
#DoctorsOfficeAdminStaff .member-item .pane-state i { margin: 0; margin-right: 3px; line-height: 35px; }
#DoctorsOfficeAdminStaff .member-item .content { max-width: calc(100% - 100px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
#DoctorsOfficeAdminStaff .member-item h6 { margin: 0 0 -2px; font-size: 14px; padding-top: 3px; }

#DoctorsOfficeAdminConfig #mapAddress {width: 100%; height: 110px; margin-top: 10px}
#DoctorsOfficeAdminConfig .col-bkg-right { padding: 10px 0px; margin: -10px; }
#DoctorsOfficeAdminConfig .list-os-container { height: 250px; background-color: #FFF; overflow-y: scroll;  }
#DoctorsOfficeAdminConfig .list-os-item { line-height: 26px; }
#DoctorsOfficeAdminConfig .list-os-item .title { font-size: 18px; font-weight: 600; float: left; display: inline; width: 225px; }
#DoctorsOfficeAdminConfig .list-os-item .plans { float: right; display: inline; width: 100px; }
#DoctorsOfficeAdminConfig .list-os-item .qty-patients { float: right; display: inline; width: 100px; }
#DoctorsOfficeAdminConfig .list-os-item .badge-os { background-color: #BBB; padding-top: 0px !important; }
#DoctorsOfficeAdminConfig .list-os-item .badge-os .btn_delete_os_plan { color: #FFF; margin-left: 4px; opacity: 0.7; }
#DoctorsOfficeAdminConfig .list-os-item .badge-os .btn_delete_os_plan:hover { opacity: 1; text-decoration: none; }
#DoctorsOfficeAdminConfig .list-tags-container { height: 216px; background-color: #FFF; overflow-y: scroll;  }
#DoctorsOfficeAdminConfig .list-tag-item { line-height: 26px; }
#DoctorsOfficeAdminConfig .list-tag-item .title { font-weight: 600; float: left; display: inline; width: 225px; }
#DoctorsOfficeAdminConfig .list-tag-item .badge { margin-top: 4px; }
#DoctorsOfficeAdminConfig .list-tag-item .qty-patients { float: right; display: inline; width: 100px; }
#DoctorsOfficeAdminConfig .list-tag-item .label { font-size: 13px; }
#DoctorsOfficeAdminConfig .list-tag-item .label .badge { padding: 3px 6px; }


#DoctorsOfficeAdminConfig .form-horizontal .control-label { padding-top: 4px }
#DoctorsOfficeAdminConfig .form-horizontal.form-office-data .form-md-line-input { padding-top: 0}
#DoctorsOfficeAdminConfig .form-horizontal.form-office-data .form-md-line-input .control-label { font-size: 16px; color: #666; }
#DoctorsOfficeAdminConfig .form-horizontal.form-office-data .control-label { font-size: 16px; color: #666; }
#DoctorsOfficeAdminConfig .form-horizontal.form-office-data hr { margin: 10px 0; }
#DoctorsOfficeAdminConfig .form-horizontal.form-office-data .row.sub-item { margin-top: 5px; }
#DoctorsOfficeAdminConfig .form-horizontal.form-office-data .row.sub-item .control-label { font-size: 14px; color: #666; }
#DoctorsOfficeAdminConfig .form-horizontal.form-office-data .row.sub-item .bootstrap-switch { margin-left: 11px; }
#DoctorsOfficeAdminConfig .editable-buttons .btn {padding: 9px 6px 8px 6px}
#DoctorsOfficeAdminConfig .form-group.form-md-line-input.add-os .form-control { border-bottom: none}
#DoctorsOfficeAdminConfig .label-os { padding: 3px 8px; color: #FFF; background-color: #3B3F51; font-size: 11px; border-radius: 5px; margin-top: 5px; display: inline-block}
#DoctorsOfficeAdminConfig .label-os .fa-times { cursor: pointer}
#DoctorsOfficeAdminConfig .editable-slot-calendar .editableform { text-align: center !important; }

#DoctorsOfficeAdminDashboard #panelPrescriptions.disabled { pointer-events: none }

#DoctorsOfficeAdminConfigPrescription .prescription-userpic { text-align: center; }
#DoctorsOfficeAdminConfigPrescription .prescription-userpic img { max-height: 70px; }
#DoctorsOfficeAdminConfigPrescription .bootstrap-switch { margin-top: 4px; }
#DoctorsOfficeAdminConfigPrescription .bootstrap-switch-small { margin-top: 2px; }
#DoctorsOfficeAdminConfigPrescription .input-sm { height: 25px; margin-top: 2px; }
#DoctorsOfficeAdminConfigPrescription label.control-label { font-size: 14px; line-height: 30px; }
#DoctorsOfficeAdminConfigPrescription .only-use-social .input-box small { color: #333; }
#DoctorsOfficeAdminConfigPrescription .only-use-social .fa { font-size: 18px; }

#DoctorsOfficeAdminConfigPrescription .only-use-logo .input-box,
#DoctorsOfficeAdminConfigPrescription .only-use-logo-firm .input-box { height: 69px; }
#DoctorsOfficeAdminConfigPrescription .only-use-logo .input-box .btn-file,
#DoctorsOfficeAdminConfigPrescription .only-use-logo-firm .input-box .btn-file { margin-top: 5px; }

#DoctorsOfficeAdminConfigPrescription .jcrop-container { text-align: -webkit-center; }
#DoctorsOfficeAdminConfigPrescription .jcrop-back-prescription { background: #EEE; max-width: 400px; border-radius: 5px; padding: 20px; margin-top: 20px; }
#DoctorsOfficeAdminConfigPrescription .jcrop-back-prescription-preview { text-align: center; background: #FFF; padding: 5px; margin-top: 10px; }
#DoctorsOfficeAdminConfigPrescription .jcrop-back-prescription-preview canvas { border: 1px solid #DDD; }
#DoctorsOfficeAdminConfigPrescription .jcrop-preview { background-color: #FFF; }
#DoctorsOfficeAdminConfigPrescription #preview-pane { border: none; box-shadow: none; background: none; top: 0px; right: 0px; }
#DoctorsOfficeAdminConfigPrescription #preview-pane .preview-container { border: 4px solid #FFF; }
#DoctorsOfficeAdminConfigPrescription #btnUploadPhotoPrescription { z-index: 10000; padding: 5px 8px; margin: 5px; }

#DoctorsOfficeAdminConfigPrescription .portlet-use-logo-firm .portlet-body { margin: -15px; }
#DoctorsOfficeAdminConfigPrescription .alert { background-color: #ff5723; color: #fff; margin-top: 10px !important; margin-bottom: 20px !important; }
#DoctorsOfficeAdminConfigPrescription .btn-page-config { cursor: pointer; }

#DoctorsOfficeAdminPatientServices .member-item {padding: 10px 5px; border-bottom: 1px solid #EEE; }
#DoctorsOfficeAdminPatientServices .member-item img { margin-right: 10px; width: 35px; height: 35px; }
#DoctorsOfficeAdminPatientServices .member-item .actions div.action-item { text-align: right; padding: 0 5px 2px 0px; margin-left: 10px; }
#DoctorsOfficeAdminPatientServices .member-item .actions div.action-item.item-xl { overflow: hidden; }
#DoctorsOfficeAdminPatientServices .member-item .actions div.action-item .title { color: #999; margin-right: 5px; }
#DoctorsOfficeAdminPatientServices .member-item:hover { background: #EDF7F9; }
/* #DoctorsOfficeAdminPatientServices .member-item:hover .actions { display: inline-block; } */
/*#DoctorsOfficeAdminPatientServices .member-item:hover .actions a { margin-left: 5px; }*/
#DoctorsOfficeAdminPatientServices .member-item .pane-state i { margin: 0; margin-right: 3px; line-height: 35px; }
#DoctorsOfficeAdminPatientServices .member-item h6 { margin: 0 0 -2px; font-size: 14px; padding-top: 3px; }
#DoctorsOfficeAdminPatientServices .editable-textarea-block.disabled { opacity: 0.5; pointer-events: none; }
@media (min-width: 768px) { #DoctorsOfficeAdminPatientServices .form-horizontal .control-label { padding-top: 3px; }  }

#popupAdminNewUser #tblHours thead th { width: 14.30%; text-align: center; font-weight: 400; font-size: 12px; }
#popupAdminNewUser #tblHours tbody td div.badge { display: block; text-align: center; margin-bottom: 5px; height: 25px; line-height: 20px; }
#popupAdminNewUser #tblHours tbody td div.badge i {margin-top: 2px; }
#popupAdminNewUser #tblHours tbody td div.badge i.fa-globe {margin-left: 4px; }
#popupAdminNewUser #tblHours tbody td div.badge i.fa-pencil { display: none; }
#popupAdminNewUser #tblHours tbody td div.badge:hover { cursor: pointer; background-color: #578ebe !important; }
#popupAdminNewUser #tblHours tbody td div.badge:hover i { display: block; }
#popupAdminNewUser #tblHours tbody td div.badge:hover span { display: none; }
#popupAdminNewUser #tblHours tbody td:hover .btn-add-hour { visibility: visible; }
#popupAdminNewUser #tblHours tbody td:hover .btn-add-hour:hover { color: #333; border-color: #DDD; }

#popupAdminNewUser ul.sec-permissions { padding-left: 0px; }
#popupAdminNewUser ul.sec-permissions li { display: inline; }
#popupAdminNewUser ul.sec-permissions li a { color: #333; }
#popupAdminNewUser ul.sec-permissions li.title a { font-size: 13px; color: #888888 !important; line-height: 32px; }


/* ---- 12. DOCTORSOFFICE CALENDAR ---- */

#DoctorsOfficeCalendar .when-page-loading { position: absolute; z-index: 1000; background: #f3f5f9; width: 100%; height: 100vh; margin-top: -30px; }

#DoctorsOfficeCalendar .portlet { margin-bottom: 0; }
#DoctorsOfficeCalendar .titlebar .btn-group { margin-left: 8px; }
#DoctorsOfficeCalendar .titlebar .btn:not(.green) { margin-left: -1px !important; box-shadow: none !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #444; background: rgba(255, 255, 255, 0.8); }
#DoctorsOfficeCalendar .titlebar .btn.blue { color: white; background-color: #3badf2; }
#DoctorsOfficeCalendar .titlebar .btn:hover:not(.green) { background: rgba(255, 255, 255, 0.8); }
#DoctorsOfficeCalendar .titlebar .btn.blue:hover { background-color: #676969; }
#DoctorsOfficeCalendar .titlebar .popover { min-width: 260px; }
#DoctorsOfficeCalendar .titlebar .popover-title { background: none; color: #777; font-weight: normal; }
#DoctorsOfficeCalendar .titlebar .popover-content .editable-checklist label { font-weight: normal; font-size: 13px; }
#DoctorsOfficeCalendar .titlebar .popover-content .editable-buttons {  margin-left: 0; display: block; margin-top: 10px; width: 100%; }
#DoctorsOfficeCalendar .titlebar .btn-group .btn { padding: 9px 6px 8px 6px; }
#DoctorsOfficeCalendar .panel-options .btn.editable { padding: 9px 9px 8px 9px; color: #444; }
#DoctorsOfficeCalendar .panel-options .btn.editable span { font-weight: normal; padding: 0px 5px; }
#DoctorsOfficeCalendar .panel-options .btn.editable.editable-open { background: #FFF; }

#DoctorsOfficeCalendar .blockUI.blockMsg { width: 100% !important; }
#DoctorsOfficeCalendar .blockUI.blockMsg .loading-message { margin-top: calc(25vh - 200px) !important; }

#DoctorsOfficeCalendar .left-calendar-container .selected-date { font-size: 18px; font-weight: bold; }
#DoctorsOfficeCalendar .left-calendar-container .btn-config-minimal { padding: 5px 0px; margin-top: -14px; margin-right: -11px; width: 25px; text-align: center; }

.calendar-doctor-office-title { font-size: 15px; font-weight: 800; }
.calendar-doctor-office { background: #FFFFFF; }
.calendar-doctor-office .fc-resizer { display: none; }
.calendar-doctor-office .fc-event-container { margin: 0 !important; }
.calendar-doctor-office .fc-event { border-radius: 0 !important; padding: 2px 5px !important; font-size: 12px; border: none !important; border-top: 1px solid #ddd !important; /*left: 0 !important;*/ margin-left: 0 !important; margin-right: 0 !important; /*right: 0 !important;*/ min-height: 15px; }
.calendar-doctor-office .fc-event .fc-title { padding: 2px !important; line-height: 16px; padding-left: 4px !important; }
.calendar-doctor-office .fc-event .fc-time { padding: 3px 5px 0 5px !important; }
.calendar-doctor-office .fc-event .fc-time span { display: unset !important; background-color: #333; padding: 2px 7px; border-radius: 10px; margin-left: -5px; }
/* .calendar-doctor-office .fc-event .fc-time::before { background-color: #333; padding: 2px 7px; border-radius: 10px; margin-left: -5px; } */
.calendar-doctor-office .fc-event .fc-time::before { display: none !important; }
.calendar-doctor-office .event-type-videocall .fc-time span { text-shadow: none; background-color: #67809F !important; }
/* .calendar-doctor-office .event-type-videocall .fc-time::before { background-color: #67809F !important; } */
.calendar-doctor-office .event-type-videocall .fc-time::before { text-shadow: none; background-color: #67809F !important; }
.calendar-doctor-office .event-type-videocall .fc-time::after { text-shadow: none; font-weight: lighter; background-color: #67809F !important; font-family: FontAwesome; content: "\f03d"; padding: 3px 7px 5px 4px; margin-left: -7px; border-radius: 0 10px 10px 0; }

/* .calendar-doctor-office .fc-event.btn-event-detail { color: #FFF !important; background: #999 !important; padding: 0px !important; } */
.calendar-doctor-office .fc-event.btn-event-detail { padding: 0px !important; }
/* .calendar-doctor-office .fc-event.event-with-tags::after { font-family: FontAwesome; content: '\f02b'; float: left; background: #333; border-radius: 50%; margin-right: 2px; width: 19px; height: 19px; text-align: center; line-height: 20px; position: absolute; top: 0px; left: 2px; z-index: 10; } */
/* .calendar-doctor-office .fc-event.over-schedule.event-with-tags::after { left: 24px !important; } */
/* .calendar-doctor-office .fc-event.event-with-tags .fc-time { padding-left: 28px !important; } */
.calendar-doctor-office .fc-event.event-with-tags .fa-tag { margin-right: 8px; float: left; margin-top: -3px; background: #333; border-radius: 50%; padding: 2px 3px; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-0 .fc-time span { color: #FFF; background: #5C8D80; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-1 .fc-time span { color: #FFF; background: #34d4be; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-2 .fc-time span { color: #FFF; background: #3badf2; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-3 .fc-time span { color: #FFF; background: #2986bf; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-20 .fc-time span { color: #FFF; background: #FF6600; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-50 .fc-time span { color: #FFF; background: #444444; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-80 .fc-time span { color: #FFF; background: #ff7373; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-90 .fc-time span { color: #FFF; background: #F00; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-0 .fc-time span::before { color: #FFF; background: #5C8D80; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-1 .fc-time span::before { color: #FFF; background: #34d4be; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-2 .fc-time span::before { color: #FFF; background: #3badf2; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-3 .fc-time span::before { color: #FFF; background: #2986bf; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-20 .fc-time span::before { color: #FFF; background: #FF6600; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-50 .fc-time span::before { color: #FFF; background: #444444; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-80 .fc-time span::before { color: #FFF; background: #ff7373; }
.calendar-doctor-office .fc-event.color-mode-2.event-state-90 .fc-time span::before { color: #FFF; background: #F00; }

.calendar-doctor-office .fc-content { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); font-weight: 600; }
.calendar-doctor-office .event-state-disabled { background: #DDD; border-top: none !important; cursor: default; }
.calendar-doctor-office .event-state-disabled .fc-content { display: none; }
.calendar-doctor-office .event-state-disabled .fc-bg { opacity: 1 !important; background-color: #EEE !important; }
.calendar-doctor-office .event-state-disabled { right: 0 !important; left: 0 !important; z-index: 0 !important; margin-right: 0 !important; }
.calendar-doctor-office .event-state-nonworking { border: 1px solid #999 !important; background: rgba(0, 0, 0, 0.3); cursor: default; left: 0px !important; }
.calendar-doctor-office .event-state-nonworking .fc-content { display: none; }
.calendar-doctor-office .event-state-nonworking { right: 0 !important; margin-right: 0 !important; }
.calendar-doctor-office .event-state-nonworking:hover { background: rgba(0, 0, 0, 0.35); box-shadow: none !important; }
.calendar-doctor-office .titlebar .popover { min-width: 310px; }
.calendar-doctor-office .titlebar .popover .popover-title { font-size: 15px; color: #333; background: #EEE !important; border-bottom: 1px solid #DDD; font-weight: normal; }
.calendar-doctor-office .titlebar .popover .popover-title .status { border-radius: 50%; display: block; float: right; width: 10px; height: 10px; margin: 2px 0; }
.calendar-doctor-office .titlebar .popover .popover-content h4 { margin: 0; }
.calendar-doctor-office .titlebar .popover .popover-content h5 { margin: 4px 0; color: #777; font-size: 14px; }
.calendar-doctor-office .titlebar .popover .popover-content h6 { margin: 6px 0; color: #BBB; text-transform: uppercase; font-size: 11px; }
.calendar-doctor-office .titlebar .popover .popover-content hr { margin: 10px 0; padding: 0; border-width: 1px; border-style: solid; border-bottom: none; }
.calendar-doctor-office .titlebar .popover .popover-content img { width: 35px; height: 35px; margin-bottom: 30px; margin-right: 10px; }
.calendar-doctor-office .titlebar .popover .popover-content button { width: 34px; height: 34px; }

#DoctorsOfficeCalendar #calendar .popover { min-width: 320px; }
#DoctorsOfficeCalendar #calendar .popover-title { background: #FFF }

#DoctorsOfficeCalendar .btn-calendar-nav { position: absolute; top: 25px; width: 32px; height: 32px; }
#DoctorsOfficeCalendar .btn-calendar-nav.btn-calendar-nav-left { left: 0px; z-index: 1; }
#DoctorsOfficeCalendar .btn-calendar-nav.btn-calendar-nav-right { right: 0px; z-index: 1; }

#DoctorsOfficeCalendar .btn-calendar-nav.disabled { display: none; /* background-color: #666; opacity: 1.0; */ }
#DoctorsOfficeCalendar .member-item-calendar-col { height: 50px; padding: 8px; border-bottom: 2px solid #AAA !important; }
#DoctorsOfficeCalendar .member-item-calendar-col .prof_name { margin: 2px; }
#DoctorsOfficeCalendar .member-item-calendar-col .prof_speciality { width: calc(100% - 70px); }
#DoctorsOfficeCalendar .member-item-calendar-col .member-item-calendar-tools { position: absolute; right: 20px; top: 2px; text-align: right; }
#DoctorsOfficeCalendar .member-item-calendar-col .member-item-calendar-tools .link-calendar { font-size: 11px; }
#DoctorsOfficeCalendar .member-item-calendar-col img { border: 2px solid #AAA; margin-right: 10px; width: 35px; height: 35px; }

#DoctorsOfficeCalendar #calendar-col-1-container { padding-right: 2px; }
#DoctorsOfficeCalendar #calendar-col-2-container { padding-left: 2px; padding-right: 2px; }
#DoctorsOfficeCalendar #calendar-col-3-container { padding-left: 2px; }

#DoctorsOfficeCalendar .md-checkbox-list-container .md-checkbox-list { list-style-type: none; margin: 0; padding: 0; }
#DoctorsOfficeCalendar #sortable .chk-professionals { background-color: #FFF; /*border: 1px solid #DDD;*/ margin: 4px 0; /*border-radius: 5px;*/ padding-top: 5px; }
#DoctorsOfficeCalendar #sortable .chk-professionals label { font-size: 12px; padding-left: 35px; width: 100%; }
#DoctorsOfficeCalendar #sortable .chk-professionals .fa-reorder { cursor: move; display: none; color: #666; }
#DoctorsOfficeCalendar #sortable .chk-professionals:hover .fa-reorder {  display: inline; }
#DoctorsOfficeCalendar #sortable .md-checkbox label > .box { top: 5px; left: 5px; }
#DoctorsOfficeCalendar #sortable .md-checkbox input[type=checkbox]:checked ~ label > .check { margin-top: 6px; margin-left: 4px; border-color: #2986bf; }
#DoctorsOfficeCalendar #sortable { list-style-type: none; margin: 0; padding: 0; }

#DoctorsOfficeCalendar .calendar-title { min-height: 50px; padding-top: 10px; }
#DoctorsOfficeCalendar .calendar-professional-photo { border: 2px solid #AAA; margin-right: 10px; margin-top: -5px; width: 45px; height: 45px; }
#DoctorsOfficeCalendar .calendar-professional-name { font-size: 16px; line-height: 20px; font-weight: 600; }

#calendar tr.sm { height: 20px; }
#calendar tr.md { height: 40px; }
#calendar tr.xl { height: 60px; }
#calendar-col-1 tr.sm { height: 20px !important; }
#calendar-col-1 tr.md { height: 40px !important; }
#calendar-col-1 tr.xl { height: 60px !important; }
#calendar-col-2 tr.sm { height: 20px !important; }
#calendar-col-2 tr.md { height: 40px !important; }
#calendar-col-2 tr.xl { height: 60px !important; }
#calendar-col-3 tr.sm { height: 20px !important; }
#calendar-col-3 tr.md { height: 40px !important; }
#calendar-col-3 tr.xl { height: 60px !important; }

/*
.calendar-col-prof .fc-v-event[style*="z-index: 1"]:hover .fc-content { margin-left: 45px !important; }
.calendar-col-prof .fc-v-event[style*="z-index: 1"]:hover::after { margin-left: 45px !important; }
.calendar-col-prof .fc-v-event[style*="z-index: 1"]:hover .fc-bg { margin-left: 45px !important; }
.calendar-col-prof .fc-v-event[style*="z-index: 1"] .btn-add-over-shedule { display: none; position: absolute; top: 0px; left: 0px; width: 40px; text-align: center; height: 100%; font-size: 16px; font-weight: bold; background: #F4D33D; color: #333; }
.calendar-col-prof .fc-v-event[style*="z-index: 1"]:hover .btn-add-over-shedule { display: block; }
*/
#calendar .fc .fc-axis { vertical-align: top !important; }

.calendar-col-prof .fc-event:not(.event-state-disabled):hover { left: 0px !important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 3px 3px rgba(0, 0, 0, 0.3); }
.calendar-col-prof .fc-event:not(.event-state-disabled).over-schedule { border-left: 2px solid #F4D33D !important; border-top: 1px solid #F4D33D !important; border-bottom: 1px solid #F4D33D !important; padding-left: 24px !important; padding-top: 0px !important; }
/*.calendar-col-prof .fc-event.over-schedule:hover { left: -15px !important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 3px 3px rgba(0, 0, 0, 0.3); }*/
.calendar-col-prof .fc-event:not(.event-state-disabled).over-schedule::before { content: 'ST'; background-color: #F4D33D; color: #222; position: absolute; top: 0px; left: 0px; padding: 1px 6px 1px 3px; margin: 0px; border-radius: 0px 20px 20px 0px; font-size: 10px; line-height: 18px; font-weight: 600; }
.calendar-col-prof .fc-event.event-state-disabled .over-schedule{ display: none; }
.calendar-col-prof .fc-v-event[data-overshedule="0"]:hover { z-index: 100 !important; }
.calendar-col-prof .fc-v-event[data-overshedule="0"] .btn-add-over-shedule { display: none; position: absolute; top: 0px; left: 0px; width: 40px; text-align: center; height: 100%; font-size: 16px; font-weight: bold; background: #F4D33D; color: #333; }
.calendar-col-prof .fc-v-event[data-overshedule="0"]:hover .btn-add-over-shedule { display: block; }
.calendar-col-prof .fc-v-event[data-overshedule="0"]:hover .fc-content { margin-left: 45px !important; }
.calendar-col-prof .fc-v-event[data-overshedule="0"]:hover::after { margin-left: 45px !important; }
.calendar-col-prof .fc-v-event[data-overshedule="0"]:hover .fc-bg { margin-left: 45px !important; }

.calendar-doctor-office .fc-event:not(.event-state-disabled):hover { left: 0px !important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 3px 3px rgba(0, 0, 0, 0.3); }
.calendar-doctor-office .fc-event:not(.event-state-disabled).over-schedule { border-left: 2px solid #F4D33D !important; border-top: 1px solid #F4D33D !important; border-bottom: 1px solid #F4D33D !important; padding-left: 24px !important; padding-top: 0px !important; }
.calendar-doctor-office .fc-event:not(.event-state-disabled).over-schedule::before { content: 'ST'; background-color: #F4D33D; color: #222; position: absolute; top: 0px; left: 0px; padding: 1px 6px 1px 3px; margin: 0px; border-radius: 0px 20px 20px 0px; font-size: 10px; line-height: 18px; font-weight: 600; }

#DoctorsOfficeCalendar #calendar hr.fc-divider { height: 10000px; background: #f3f5f9; }
#DoctorsOfficeCalendar #calendar td.fc-axis.fc-time.fc-widget-content { background: #f3f5f9; border: none; color: #333; font-weight: bold; }
#DoctorsOfficeCalendar #calendar thead td { background: #f3f5f9; }
#DoctorsOfficeCalendar #calendar .fc-unthemed th,
#DoctorsOfficeCalendar #calendar .fc-unthemed td,
#DoctorsOfficeCalendar #calendar .fc-unthemed thead,
#DoctorsOfficeCalendar #calendar .fc-unthemed tbody,
#DoctorsOfficeCalendar #calendar .fc-unthemed .fc-divider,
#DoctorsOfficeCalendar #calendar .fc-unthemed .fc-row,
#DoctorsOfficeCalendar #calendar .fc-unthemed .fc-popover,
#DoctorsOfficeCalendar #calendar .fc-unthemed .fc-list-view { border-color: #f3f5f9 !important; border: 6px solid #f3f5f9 !important; }
/* #DoctorsOfficeCalendar #calendar .fc-event { border-top: 3px solid #f3f5f9!important; } */

#calendar-col-1.calendar-doctor-office tr { height: 40px; }
#calendar-col-2.calendar-doctor-office tr { height: 40px; }
#calendar-col-3.calendar-doctor-office tr { height: 40px; }

#calendar-col-1.calendar-doctor-office .fc-today { background-color: #FFF; }
#calendar-col-2.calendar-doctor-office .fc-today { background-color: #FFF; }
#calendar-col-3.calendar-doctor-office .fc-today { background-color: #FFF; }
#calendar-col-nodata .banner-empty .ico-section-gray-medium { margin-top: 50px; font-size: 125px; width: 200px; height: 200px; line-height: 145px; padding: 15px; border-width: 8px; }


.calendar-day .fc-list-item { background: #FAFAFA; line-height: 19px; }
.calendar-day .fc-list-item.event-spontaneous-separator { border-left: 5px solid #DDD; background: #EEE; line-height: 25px; border-bottom: 2px solid #DDD; }
.calendar-day .fc-list-item.event-spontaneous-separator:hover td { background: #EEE !important; }
.calendar-day .fc-list-item.event-spontaneous-separator .fc-event-dot { display: none; }
.calendar-day .fc-list-item.event-spontaneous-separator .fc-list-item-title { text-align: center; padding-right: 35px;font-weight: 600; font-size: 16px; }
.calendar-day .fc-list-item.event-spontaneous-disabled { background: #FAFAFA; }
.calendar-day .fc-list-item.event-spontaneous-disabled:first { margin-top: 20px; }
.calendar-day .fc-list-item td { padding: 5px 10px; }
.calendar-day .fc-list-item .fc-list-item-time { display: none; }
.calendar-day .fc-list-heading tr { height: 24px !important; }
.calendar-day .fc-widget-header { background: #FFF; height: 24px !important; line-height: 24px !important; padding: 0px !important; text-align: center; }
.calendar-day tr.fc-list-item:hover td { cursor: pointer; background: rgb(255, 255, 255, 0.5) !important; }
.calendar-day .event-state-0 { color: #333; border-left: 5px solid #5C8D80; }
.calendar-day .event-state-0 .fc-event-dot { background: #5C8D80; }
.calendar-day .event-state-1 { color: #333; border-left: 5px solid #34d4be; }
.calendar-day .event-state-1 .fc-event-dot { background: #34d4be; }
.calendar-day .event-state-2 { color: #333; border-left: 5px solid #3badf2; }
.calendar-day .event-state-2 .fc-event-dot { background: #3badf2; }
.calendar-day .event-state-3 { color: #333; border-left: 5px solid #2986bf; }
.calendar-day .event-state-3 .fc-event-dot { background: #2986bf; }
.calendar-day .event-state-20 { color: #333; border-left: 5px solid #FF6600; }
.calendar-day .event-state-20 .fc-event-dot { background: #FF6600; }
.calendar-day .event-state-50 { color: #999; border-left: 5px solid #444444; }
.calendar-day .event-state-50 .fc-event-dot { background: #444444; }
.calendar-day .event-state-80 { color: #999; border-left: 5px solid #ff7373; }
.calendar-day .event-state-80 .fc-event-dot { background: #ff7373; }
.calendar-day .event-state-90 { color: #999; margin-left: 5px; border-left: 10px solid #F00; }
.calendar-day .event-state-90 .fc-event-dot { background: #F00; }

.ckeckbox-spontaneous { border: 2px solid transparent; padding: 10px 10px 0 15px; margin: 0 -10px; border-radius: 5px; }
.ckeckbox-spontaneous.active { color: #2986bf; border: 2px solid #2986bf; }
.ckeckbox-spontaneous.active i { color: #2986bf; }
.ckeckbox-spontaneous.active .md-checkbox label > .check { border-color: #2986bf; }
.ckeckbox-spontaneous .md-checkbox { margin-bottom: 5px; }
.ckeckbox-spontaneous label { font-size: 16px; }

.spontaneous-view .date-now { font-size: 16px; font-weight: 400 !important; color: #999; }
.spontaneous-view #calendar-spontaneous-sec .fc-listDay-view { border: none; }
.spontaneous-view #calendar-spontaneous-sec .fc-list-heading { display: none; }
.spontaneous-view #calendar-spontaneous-sec .fc-list-item .fc-list-item-time { display: none; }
.spontaneous-view #calendar-spontaneous-sec .fc-list-empty { background: none; color: rgb(85, 85, 85); font-size: 18px; }

.calendar-item h4 { margin: 2px 0; line-height: 16px; font-size: 16px; }
.calendar-item h5 { margin: 2px 0; line-height: 14px; font-size: 14px; }
.calendar-item .col-right { float: right; text-align: right; }
.calendar-item .hour { background: #666; color: #FFF; padding: 0px 10px; border-radius: 20px; }
.calendar-item .data-prof .abr { float: right; padding: 0 10px; min-width: 30px; text-align: center; font-weight: 600; font-size: 16px; }
.calendar-item .data-prof .name { float: right; font-size: 10px; }


.calendar-container .col-md-3 { padding-left: 0px !important; }
.calendar-container .col-md-9 { padding-right: 0px !important; }
.calendar-container .fc-head tr { height: 24px !important; }
.calendar-container .fc-day-header { height: 24px !important; line-height: 24px !important; }
.calendar-container #calendar-spontaneous .btn-spontaneous-hide { padding: 0; margin-right: 5px; color: #999; }

.row-calendar .btn-spontaneous-show { position: absolute; right: 0px; margin-top: 75px; color: #FFF; background: #999 !important; padding: 10px 10px 10px 40px !important; border-radius: 0 20px 20px 0; }
.row-calendar .btn-spontaneous-show:hover { padding-left: 14px; right: -5px; background: #2986bf !important; }
.row-calendar .btn-spontaneous-show i { font-size: 20px; padding-top: 2px; }

#calendarSelectDay .datepicker table tr td.today,
#calendarSelectDay .datepicker table tr td.today:hover,
#calendarSelectDay .datepicker table tr td.today.disabled,
#calendarSelectDay .datepicker table tr td.today.disabled:hover { font-weight: 600 !important; background-color: #EEE !important; font-size: 13px !important; }

#calendarSelectDay .datepicker table tr td.active { background-color: #3598dc !important; font-weight: 600 !important; font-size: 13px !important; color: #fff !important; }
#calendarSelectDay .datepicker table tr td.active:hover { background-color: #2386ca !important; }

/* ---- 12. END DOCTORSOFFICE CALENDAR ---- */

/* ---- 15. PATIENTS DETAIL ---- */
#consultationsList .msg-time-chat.consultation:not(.active):hover::before { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.image:not(.active):hover::before { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.analysis:not(.active):hover::before { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.derivation:not(.active):hover::before { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.interconsultation:not(.active):hover::before { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.consultation:not(.active):hover .text div { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.image:not(.active):hover .text div { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.analysis:not(.active):hover .text div { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.derivation:not(.active):hover .text div { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.interconsultation:not(.active):hover .text div { background: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.consultation:not(.active):hover .arrow { border-right-color: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.image:not(.active):hover .arrow { border-right-color: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.analysis:not(.active):hover .arrow { border-right-color: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.derivation:not(.active):hover .arrow { border-right-color: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.interconsultation:not(.active):hover .arrow { border-right-color: #666 !important; cursor: pointer; }
#consultationsList .msg-time-chat.absent_event .msg-in .text .first { background: none; color: #999}
#consultationsList .msg-time-chat.absent_event .msg-in .text .second { background: none; color: #d05454}
#consultationsList .msg-time-chat.image .msg-in .text .second { background: #8775a7;}
#consultationsList .msg-time-chat.analysis .msg-in .text .second { background: #94A0B2;}
#consultationsList .msg-time-chat.derivation .msg-in .text .second { background: #c49f47; }
#consultationsList .msg-time-chat.interconsultation .msg-in .text .second { background: #78b1ba; }

#consultation_detail .portlet-header { background: #f3f5f9 none repeat scroll 0 0; }
#consultation_detail .row-tags { min-height: 40px; background: #FAFAFA; margin-top: -15px; margin-left: -20px; margin-right: -20px; padding: 0px; padding-bottom: 10px; border-bottom: 1px solid #DDD; }
#consultation_detail .row-tags .tags-container { text-align: left !important; margin-top: -5px !important; }

#consultation_detail .office-selector { min-height: 20px; margin-top: 10px; }
#consultation_detail .office-selector .form-control { font-size: 13px; width: unset !important; height: 26px; margin-left: 6px; margin-top: -4px; padding: 0px 8px; }

#PatientsDetail .page-sub-header { background: #E3E8F2; border-bottom: none; }

#PatientsDetail .patient-header .profile-info { display: inline-block; max-width: 75%; }
#PatientsDetail .patient-header .profile-info h1 { font-size: 25px; line-height: 33px; max-width: 480px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#PatientsDetail .patient-header .profile-info h4 small { font-size: 11px !important; }
#PatientsDetail .patient-header .font-green { color : #026A5B !important; }
#PatientsDetail .patient-header dt, #PatientsDetail .patient-header dd { display: inline-block; width: 49%; font-weight: 400; }
#PatientsDetail .patient-header h4 { margin: 5px 0; }
#PatientsDetail .patient-header h5 { margin: 0px; }
#PatientsDetail .patient-header .label { display: block; font-size: 18px; text-align: center; padding: 12px 15px; }
#PatientsDetail .patient-header .label small { color: #DBEFFF; font-size: 14px; }
#PatientsDetail .patient-header .consultation-status small { text-transform: uppercase; opacity: 0.5; }
#PatientsDetail .patient-header .consultation-status .label a { background: #1AC9B7; float: right; color: #FFF; font-weight: 600; font-size: 12px; line-height: 14px; padding: 12px 15px 12px 10px; margin-top: -10px; margin-right: -13px; border-radius: 0 5px 5px 0; border-left: 1px solid rgba(255,255,255,0.1); text-decoration: none; margin-left: 10px; min-width: 88px; }
#PatientsDetail .patient-header .consultation-status .label a:hover { background: #12BCA8; }
#PatientsDetail .patient-header .consultation-status .label a#btnGotoConsultation { background: #f36a5a; }
#PatientsDetail .patient-header .consultation-status .label a { background: #1AC9B7; color: #FFF; font-weight: 600; font-size: 16px; line-height: 14px; padding: 12px 15px 12px 10px; border-radius: 5px; border-left: 1px solid rgba(255,255,255,0.1); text-decoration: none; margin-left: 10px; min-width: 88px; }
#PatientsDetail .patient-header .consultation-status .label a:hover { background: #12BCA8; }
#PatientsDetail .patient-header .consultation-status .label a#btnGotoConsultation { background: #f36a5a; }
#PatientsDetail .patient-header .profile-featured-info .patient-editable { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}


#PatientsDetail .patient-header .consultation-status .label a#btnGotoConsultation:hover { background: #f3565d; }

#PatientsDetail .patient-header .consultation-status .consultation-btn a:not(.li-option) { width: 70%; margin-top: 0px; }
#PatientsDetail .patient-header .consultation-status .consultation-btn .btn-group { width: 70%; margin-top: 0px; }
#PatientsDetail .patient-header .consultation-status .consultation-btn .btn-group .dropdown-toggle { opacity: 1; }

#PatientsDetail .page-sub-header.small-height .consultation-status .consultation-btn a:not(.li-option) { float: right; margin-left: 10px; width: 100px; padding: 2px 5px; margin-top: 0px; }
#PatientsDetail .page-sub-header.small-height .consultation-status .consultation-btn .btn-group { float: right; margin-left: 10px; width: 100px; padding: 2px 5px; margin-top: 0px; }
#PatientsDetail .page-sub-header.small-height .consultation-status .consultation-btn .btn-group .dropdown-toggle { opacity: 0; }

#PatientsDetail .title-actions .btn { margin-left: 10px; }

#PatientsDetail .profile-image-box img { border-color: #EEE; width: 90px; height: 90px; margin-left: 16px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1); margin-bottom: 0; border: 4px solid #fff; }
#PatientsDetail .profile-image-box { display: inline-block; position: relative; margin-bottom: -25px; vertical-align: top; }
#PatientsDetail .profile-featured-info dl { margin-bottom: 0; }
#PatientsDetail .profile-featured-info { height: 110px; overflow-y: visible; border-left: 1px solid rgba(0,0,0,0.1); padding-bottom: 15px; padding-top: 20px; text-align: left; padding-right: 10px; font-size: 12px }
#PatientsDetail .profile-featured-info.consultation-status { padding-top: 5px; text-align: center; }
#PatientsDetail .profile-featured-info.consultation-status .label.label-success { width: 70%; margin-left: 15%; }
#PatientsDetail .profile-featured-info.consultation-status .consultation-start { margin-top: 5px; margin-bottom: 5px	}
#PatientsDetail .profile-featured-info.consultation-status #time_consultation_save { font-size: 10px; margin-top: 4px; text-align: center; color: #666; }
#PatientsDetail .profile-featured-info .profile-td-title { text-align: right; padding-right: 5px; vertical-align: top }


#PatientsDetail .page-sub-header.small-height .patient-header { height: 50px; }
#PatientsDetail .page-sub-header.small-height .patient-header .row { height: 50px; }
#PatientsDetail .page-sub-header.small-height .patient-header .row div { max-height: 50px; }

#PatientsDetail .page-sub-header.small-height .profile-info { width: 80%; }
#PatientsDetail .page-sub-header.small-height .consultation-status { width: 25%; text-align: right !important; }
#PatientsDetail .page-sub-header.small-height .col-md-4.profile-featured-info { display: none; }
#PatientsDetail .page-sub-header.small-height .profile-image-box img { height: 70px; width: 70px; margin-left: 10px; margin-top: 0px; box-shadow: none; border: 6px solid #e5e9f2; background: #e5e9f2; }
#PatientsDetail .page-sub-header.small-height .profile-image-box { margin-left: 16px; }
#PatientsDetail .page-sub-header.small-height .profile-name { margin: 2px 0; line-height: 1.2; font-size: 22px; display: block; margin-right: 10px; overflow: visible; }
#PatientsDetail .page-sub-header.small-height h4 { margin: 0; font-size: 15px; margin-right: 10px; color: #039680; display: inline-block; }
/*#PatientsDetail .page-sub-header.small-height h4 small { display: none } */
#PatientsDetail .page-sub-header.small-height h5 { margin: 0; font-size: 12px; display: inline-block; margin-right: 10px; color: #555; }
#PatientsDetail .page-sub-header.small-height h5.patient-extra-data { display: inline-block; }
#PatientsDetail .page-sub-header.small-height .profile-featured-info { min-height: 50px; padding: 0; }
#PatientsDetail .page-sub-header.small-height .margin-top-20 { margin-top: 5px !important; }
#PatientsDetail .page-sub-header.small-height .consultation-status { border: none; }
#PatientsDetail .page-sub-header.small-height .consultation-status h4 { display: none; }
#PatientsDetail .page-sub-header.small-height .interconsultation-tools { float: right; margin-top: -3px; }
#PatientsDetail .page-sub-header.small-height .next-event { float: right; margin-right: 15px; }

#PatientsDetail .page-sub-header.small-height .profile-featured-info.consultation-status { text-align: right; padding-right: 40px; }
#PatientsDetail .page-sub-header.small-height .profile-featured-info.consultation-status .label.label-success { width: 200px; position: absolute; top: 0px; right: 0px; height: 42px; margin-top: 4px; }
#PatientsDetail .page-sub-header.small-height .profile-featured-info.consultation-status #time_consultation_save { padding-right: 10px; text-align: right; }
/*
#PatientsDetail .page-sub-header.small-height .profile-featured-info.consultation-status .label a { padding: 1px 0px 1px 0px; }
#PatientsDetail .page-sub-header.small-height .profile-featured-info.consultation-status #time_consultation_save { background: none; width: 50%; top: 20px; }
*/



#PatientsDetail .panel-consultations h4.title { font-size: 14px; }
#PatientsDetail .panel-consultations .toggle-block-has-consultations { height: calc(100vh - 250px)}


#PatientsDetail .btnDeletePatient { margin-left: 5px !important; }

#PatientsDetail .message-body { margin-left: 45px; }
#PatientsDetail .msg-time-chat .msg-in .text .first { width: 95px; }
#PatientsDetail .msg-time-chat .btn-group { display: none; }
#PatientsDetail .msg-time-chat.active .btn-group { display: block; }
#PatientsDetail .msg-time-chat.in-progress { overflow: visible; }
#PatientsDetail .msg-time-chat.in-progress .consultation_date { line-height: 23px; font-size: 14px; }
#PatientsDetail .msg-time-chat.in-progress .btn { margin: 0; background: none; color: #F1F1F1; box-shadow: none; font-size: 12px !important; padding: 2px 8px 3px 8px; }
#PatientsDetail .msg-time-chat.in-progress .btn:hover { background: rgba(0,0,0,0.2); color: #FFF; }
#PatientsDetail .msg-time-chat.in-progress .msg-in .text .first { width: 190px; text-align: left; }
#PatientsDetail .msg-time-chat.in-progress.active::before { background: #f36a5a; }
#PatientsDetail .msg-time-chat.in-progress.active .msg-in .text .first { background: #f36a5a !important; }
#PatientsDetail .msg-time-chat.in-progress.active .msg-in .text .first .dropdown-menu { position: fixed;}
#PatientsDetail .msg-time-chat .msg-in .text .second { margin-left: 100px; font-size: 11px; background: #999; }
#PatientsDetail .msg-time-chat.in-progress .msg-in .text .second { display: none; }
#PatientsDetail .msg-time-chat.active .msg-in .arrow { border-right-color: #12BCA8 !important; }
#PatientsDetail .msg-time-chat.in-progress.active .msg-in .arrow { border-right-color: #f36a5a !important; }
#PatientsDetail .msg-time-chat.active::before { background: #12BCA8; }
#PatientsDetail .msg-time-chat .second.owner { background: #26a69a !important; }
#PatientsDetail .msg-time-chat.active .first, #PatientsDetail .msg-time-chat.active .second { background: #12BCA8 !important; }

#PatientsDetail .locked-video-call { opacity: 0.5 !important; }

#consultation_detail .item-video-call { border: 1px solid #DDD; margin: 0px; border-radius: 10px; margin: 5px 0px 15px 0px; padding: 10px; }
#consultation_detail .item-video-call .contain { min-height: 70px; }
#consultation_detail .item-video-call .message { font-size: 16px; line-height: 1; margin: 5px 0px; }
#consultation_detail .item-video-call .description { margin-top: 10px; clear: both; }
#consultation_detail .item-video-call .btn-action-2 { position: absolute; bottom: 0px; right: 82px; }
#consultation_detail .item-video-call .btn-action-1 { position: absolute; bottom: 0px; right: 0px; }

#consultation_detail .item-video-call .state-13 { min-height: 140px;}
/* #consultation_detail .item-video-call .links { padding: 0px 10px; }
#consultation_detail .item-video-call .links div[class^='col-md-'] { padding: 2px; }
#consultation_detail .item-video-call .link-container { border: 1px solid #26a69a; padding: 10px 2px; border-radius: 10px; min-height: 110px; }
#consultation_detail .item-video-call .link-container.pending { border: 1px solid #DDD; }
#consultation_detail .item-video-call .link-container .title { color: #26a69a; font-weight: 600; font-size: 16px; margin-top: -5px; }
#consultation_detail .item-video-call .link-container .options { padding: 5px 0px; }
#consultation_detail .item-video-call .link-container .options a { text-decoration: none; line-height: 30px; }
#consultation_detail .item-video-call .link-container .options a:hover { color: #26a69a; }
#consultation_detail .item-video-call .link-container .options .btn-copy-clipboard { cursor: pointer !important; }
#consultation_detail .item-video-call .link-container .options .btn-copy-clipboard:hover { font-weight: 400 !important; }
#consultation_detail .item-video-call .link-container .options.options-link a i { font-size: 24px; float: left; line-height: 26px; text-align: center; width: 40px; }
#consultation_detail .item-video-call .link-container .link-data { height: 10px; }
#consultation_detail .item-video-call .link-container .state { margin-top: 10px; border-top: 1px solid #DDD; padding-top: 10px; }
/* #consultation_detail .item-video-call .link-container .state i.fa-check { display: none; font-size: 18px; margin-top: 1px; } */
/* #consultation_detail .item-video-call .link-container .state i.fa-check { display: none; width: 100%; position: absolute; left: 0px; height: 100px; top: 80px; margin: 0px; font-size: 60px; }
#consultation_detail .item-video-call .link-container .state i.fa-spin { margin-right: 5px; }
#consultation_detail .item-video-call .link-container:not(.pending) .options.options-link { opacity: 0.25; pointer-events: none; }
#consultation_detail .item-video-call .link-container:not(.pending) .state { color: #26a69a; font-weight: bold; }
#consultation_detail .item-video-call .link-container:not(.pending) .state i.fa-check { display: block; }
#consultation_detail .item-video-call .link-container:not(.pending) .state i.fa-spin { display: none; } */ */


#consultation_detail .item-video-call .options { padding: 5px 0px; }
#consultation_detail .item-video-call .options a { float: left; margin: 10px 5px; padding: 0px 5px 0px 2px; text-decoration: none; line-height: 30px; border: 1px solid transparent; border-radius: 5px; }
#consultation_detail .item-video-call .options a:hover { color: #26a69a; border-color: #26a69a; }
#consultation_detail .item-video-call .options .btn-copy-clipboard { cursor: pointer !important; }
#consultation_detail .item-video-call .options .btn-copy-clipboard:hover { font-weight: 400 !important; }
#consultation_detail .item-video-call .options.options-link a i { font-size: 24px; float: left; line-height: 26px; text-align: center; width: 30px; }
#consultation_detail .item-video-call .link-data { height: 10px; }

#popupVideoCall { display: none; }
.is-video-call .container { width: 100vw !important; }
.is-video-call .patient-header { margin-right: 400px; }
.is-video-call .screen-panels { width: calc(100vw - 510px); }
.is-video-call #popupVideoCall { display: block !important; position: absolute; z-index: 1000; right: 50px; top: calc( (50vh - 75px) - 266px ); }
.is-video-call #popupVideoCall iframe { width: 300px; height: 532px; }
.is-video-call .nbs { display: none; }








.modal-content #consultation_detail .portlet-header { background: #FAFAFA; }
.modal-content #consultation_detail .portlet-header .info-duration-with-author { max-width: 50%; }
.modal-content #consultation_detail .portlet-header .info-duration-with-author.single { padding: 15px 0px; }
.modal-content #consultation_detail .portlet-header .info-duration-with-author.double { padding: 5px 0px; }
.modal-content #consultation_detail .portlet-header .info-data { text-align: right; }
.modal-content #consultation_detail .portlet-header img { margin-left: 10px; width: 50px; height: 50px; border: 2px solid #CCC; }
.modal-content #consultation_detail .portlet-header .pane-state i { margin: 0; margin-right: 3px; line-height: 35px; }
.modal-content #consultation_detail .portlet-header h4 { cursor: pointer; margin: 0 0 -2px; font-size: 14px; padding-top: 8px; }
.modal-content #consultation_detail .portlet-header h5 { font-style: italic; margin: 0 0 -2px; font-size: 10px; padding-top: 0px; }
.modal-content #consultation_detail .portlet-header .text-ellipsis { width: 126px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#PatientsDetail #consultation_detail .portlet { margin-bottom: 10px; }
#PatientsDetail #consultation_detail .portlet .portlet-title { margin-left: -20px; padding-left: 20px; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions { top: -22px; position: relative; margin: 0px; padding: 0px; right: -12px; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions .btn { margin-left: 10px; padding: 4px 5px; font-size: 13px; line-height: 1.5; height: 27px; width: 27px; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions .btn.with-expense-value { width: auto; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions .btn.btn-consultation-saveclose { width: auto; padding: 4px 10px; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions .btn-group li a { margin-right: 0; font-size: 13px; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions .btn-group li span { display: block; padding: 6px 10px; color: #555; font-size: 13px; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions .btn-group li span i { color: #26A69A; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions ul.dropdown-menu li.selected a { font-weight: bold; pointer-events: none; text-transform: uppercase; }
#PatientsDetail #consultation_detail .portlet .portlet-title .actions ul.dropdown-menu li.selected a:before { font-family: FontAwesome; content: "\f00c"; padding-right: 3px; }


#PatientsDetail #consultation_detail #s2id_cie10 .select2-search-choice { line-height: 20px}
#PatientsDetail #consultation_detail .select2-choices { border: none; border-bottom: 1px solid #CCC }
#PatientsDetail #consultation_detail .select2-container { border-bottom: none}

#PatientsDetail #consultation_detail .consultation-derivation .detail { font-size: 20px; }
#PatientsDetail #consultation_detail .consultation-derivation .img-profile { width: 40px; height: 40px; margin-top: -4px; margin-right: -2px; border: 1px solid #CCC }
#PatientsDetail #consultation_detail .consultation-derivation .description { font-size: 16px; padding: 10px 0px; }
#PatientsDetail #consultation_detail .consultation-derivation .description-title { color: #666; font-size: 14px; padding-top: 20px; border-bottom: 1px solid #CCC; }
#PatientsDetail #consultation_detail .consultation-derivation .description-subtitle { color: #666; font-size: 12px; float: right; margin-right: 5px; }
#PatientsDetail #consultation_detail .consultation-derivation .prof-name { float: right; margin-right: 5px; margin-top: 4px; font-size: 12px; font-weight: 600; }
#PatientsDetail #consultation_detail .consultation-derivation .prof-type { float: right; margin-right: 5px; font-size: 10px; }


#PatientsDetail #consultationsList .msg-time-chat .msg-in .text .first { line-height: 1.15; padding: 8px}

#PatientsDetail #consultation_detail .portlet-header h3 { margin: 0; }
#PatientsDetail #consultation_detail .portlet-header h3 small { color: #AAA; }
#PatientsDetail #consultation_detail .portlet-header .label { height: auto; padding: 7px 10px; margin-left: 8px; background: #949496; }
#PatientsDetail #consultation_detail .widget .row { padding: 4px 0; padding: 5px 0; }
#PatientsDetail #consultation_detail .widget.last .row { border-bottom: none; }
#PatientsDetail #consultation_detail .widget h4 { color: #888; font-size: 14px; margin: 0; line-height: 25px; }
#PatientsDetail #consultation_detail .widget .value { font-size: 18px; margin: 0; }
#PatientsDetail #consultation_detail .widget.widget-wText .value { font-size: 15px; }
#PatientsDetail #consultation_detail .widget.widget-wOptions .form-group { display: flex; flex-wrap: wrap; }
#PatientsDetail #consultation_detail .widget.widget-wOptions .form-group .label { margin: 2px; }
#PatientsDetail #consultation_detail .label.preview-value { color: #777; background: #FFF; box-shadow: none; border: 1px solid #DDD; font-size: 12px; padding: 5px 10px 6px; }
#PatientsDetail #consultation_detail .widget-graph { margin-left: 15px; }
#PatientsDetail #consultation_detail .value .text-muted { color: #BBB; }
#PatientsDetail #consultation_detail .widget textarea { border-radius: 0 !important; }
#PatientsDetail #consultation_detail .widget.widget-wOptions .label { background: #555; padding: 5px 10px; box-shadow: none; margin-right: 3px; }
#PatientsDetail #consultation_detail .form-group.form-md-line-input {padding-top: 0}
#PatientsDetail #consultation_detail .form-group.form-md-line-input .input-group {padding-top: 0}
/*
#PatientsDetail #consultation_detail .widget-percentile .row { background: #EEE; }
#PatientsDetail #consultation_detail .widget-percentile input { color: rgb(38, 166, 154); font-size: 20px; border: none; text-align: right; }
#PatientsDetail #consultation_detail .widget-percentile .input-group-addon { color: rgb(38, 166, 154); padding: 5px; border: none; text-align: left; }
*/
#PatientsDetail #consultation_detail .percentile-graph-title { padding-left: 5px; }
#PatientsDetail #consultation_detail .percentile-graph-footer-left { position: absolute; font-size: 11px; bottom: 0px; left: 0px; margin-left: 30px; margin-bottom: 10px; }
#PatientsDetail #consultation_detail .percentile-graph-footer-right { position: absolute; font-size: 11px; bottom: 0px; right: 0px; margin-right: 30px; margin-bottom: 10px; }
#PatientsDetail #consultation_detail .widget-percentile { margin: 20px -15px; background: #FAFAFC; padding: 10px 25px; border-top: 1px solid #e4e4e4; }
#PatientsDetail #consultation_detail .portlet-body.in-progress .widget-percentile { margin: 20px -20px; }
#PatientsDetail #consultation_detail .widget-percentile .graph-percentile { min-height: 150px; padding: 5px; }
#PatientsDetail #consultation_detail .widget-percentile .graph-percentile canvas { border-left: 1px solid #e2e7f1; border-bottom: 1px solid #e2e7f1; }
#PatientsDetail #consultation_detail .widget-percentile .no-graph { display: flex; align-items: center; color: #999; font-style: italic; }
#PatientsDetail #consultation_detail .widget-percentile .col-percentile { float: right; min-width: 100px; }
#PatientsDetail #consultation_detail .widget-percentile h3 { font-size: 20px; padding: 2px 0px; color: #26a69a; font-weight: bold; margin: 0px; }
#PatientsDetail #consultation_detail .widget-percentile h3.disabled { color: #666; font-size: 11px; font-weight: lighter; }
#PatientsDetail #consultation_detail .widget-percentile h5 { font-size: 10px; padding-bottom: 9px; margin: 10px 6px 0px 6px; }
#PatientsDetail #consultation_detail .widget-percentile i { padding-left: 2px; color: #AAA !important; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-value-container { margin-left: 5px; }
#PatientsDetail #consultation_detail .widget-percentile a { color: #67809F; }
#PatientsDetail #consultation_detail .alert-percentile { margin-top: 10px; font-size: 12px; padding-top: 5px; padding-bottom: 5px; background: #F0F0F0; }
#PatientsDetail #consultation_detail .widget-percentile .widget-percentile-blocked-timeout { background-color: #f2f2f2; border: 1px solid #e2e2e2; border-radius: 10px; position: relative; margin-top: 18px !important; margin-bottom: 10px; padding-top: 30px; margin: 0 -3px; }
#PatientsDetail #consultation_detail .widget-percentile .ribbon { display: none; }
#PatientsDetail #consultation_detail .widget-percentile .widget-percentile-blocked-timeout .ribbon { display: inline; position: absolute; right: 20px;	top: -13px;	background-color: #666;	color: #FFF; padding: 6px 8px; border-radius: 50%; }
#PatientsDetail #consultation_detail .widget-percentile .widget-percentile-blocked-timeout .ribbon:hover { color: #FFF; background: #26a69a; }

#PatientsDetail #consultation_detail .widget-percentile .widget-percentile-graphic { padding: 20px 0px 5px 0px; }
#PatientsDetail #consultation_detail .widget-percentile .widget-percentile-title { font-size: 16px; margin-top: 20px; color: #666; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-graphic-show-hide { font-size: 12px; padding: 5px; line-height: 16px; text-decoration: none; position: absolute; top: 0px; right: 15px; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-graphic-show-hide:hover { text-decoration: underline; }

#PatientsDetail #consultation_detail .widget-percentile .hide-graph-percentil { height: 0px; padding: 0px !important;	overflow: hidden; }
#PatientsDetail #consultation_detail .widget-percentile .percentile .title { text-align: center; width: 300px; float: right; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-bmi .title { text-align: center; width: 280px; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-bmi .col-percentile { width: 140px; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-bmi .percentile-value-container { margin-left: 0px; margin-right: 5px; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-bmi .input-bmi-text.state-0 {  }
#PatientsDetail #consultation_detail .widget-percentile .percentile-bmi .input-bmi-text.state-1 { color: #e2954e; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-bmi .input-bmi-text.state-2 { color: #ea787a; }
#PatientsDetail #consultation_detail .widget-percentile .percentile-bmi .input-bmi-text.state-2-small { color: #ea787a; line-height: 18px; font-size: 14px; padding: 5px; }

#PatientsDetail #consultation_detail .widget-percentile-container.widget-percentile-with-medubot .widget-percentile .row { opacity: 0.6; filter: blur(1px); pointer-events: none; }
#PatientsDetail #consultation_detail .widget-percentile-container.widget-percentile-with-medubot .widget-percentile .medubot-patient-sex .msg { border: 1px solid #DDD; }

/*#PatientsDetail #consultation_detail .consultation-image { height: 200px; max-width: 100%; overflow: hidden; text-align: center; border: 1px solid #DDD; border-radius: 5px; padding: 7px; margin-bottom: 10px}*/
#PatientsDetail #consultation_detail .consultation-image img { width: 100% }
#PatientsDetail #consultation_detail .consultation-image .image-desc { text-align: center; padding: 10px; font-size: 16px; color: #666; margin-bottom: 15px; border: 2px solid #CCC; border-radius: 0 0 10px 10px;}

#PatientsDetail .consultation-edited-item { margin-bottom: 20px; border: 1px solid rgb(0, 0, 0, 0.1); padding: 0px 10px; background: rgb(255, 255, 255, 0.5) }
#PatientsDetail .consultation-edited-item ul { padding: 0px; }
#PatientsDetail .consultation-edited-item ul li { display: block; margin-left: 150px; border-left: 2px solid #CCC; padding: 0px 5px; }
#PatientsDetail .consultation-edited-item ul li.title { float:left; margin-left: 0px; padding-left: 0px; border-left: none; max-width: 150px; }
#PatientsDetail .btn-consultation-edit { margin-left: 10px; margin-top: -5px; width: 30px; height: 30px; padding: 7px; }
#PatientsDetail .btn-consultation-print { margin-left: 0px; margin-top: -5px; width: 30px; height: 30px; padding: 7px; }

#PatientsDetail .table-laboratory .progress-small { height: 8px; margin-top: 5px; }
#PatientsDetail .table-laboratory .name { text-transform: uppercase; }
#PatientsDetail .table-laboratory .badge { background: #FFF !important; border: 1px solid #DDD; color: #777 !important; font-size: 14px !important; height: 25px; box-shadow: none; margin-bottom: 5px; margin-right: 2px; }
#PatientsDetail .table-laboratory .badge .thin { font-size: 11px !important; margin-right: 5px; }
#PatientsDetail .table-laboratory h6 { margin-top: 10px; margin-bottom: 5px; }

#PatientsDetail .info-family h4 { margin-bottom: 0; }
#PatientsDetail .list-hospitalizations .badge { height: auto; font-weight: normal; padding: 3px 12px 3px 3px !important; border-radius: 18px !important; margin-left: 15px; background: #C9EEFF; color: #333; box-shadow: none; }
#PatientsDetail .list-hospitalizations .badge img { margin-right: 5px; }

#PatientsDetail .form-md-line-input input {  border-radius: 0 !important; }
#PatientsDetail .widget-wNumber .form-md-line-input { width: 100px; }
#PatientsDetail .widget-wNumber .form-md-line-input input { text-align: center; }
#PatientsDetail .widget-wNumber .form-md-line-input .input-group-addon { font-size: 85%; }

#PatientsDetail .widget-wOdontogram .table td { padding: 5px; }
#PatientsDetail #formTreatmentType:disabled { color: rgb(42, 180, 192); font-weight: bold; cursor: default !important; }
#PatientsDetail .widget-wOdontogram .portlet-odonto { box-shadow: none }
#PatientsDetail .widget-wOdontogram .portlet-odonto .current-consultation-info { color: #FFF; background: #3B3F51; border-bottom: 1px solid #e9ecf3; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1); }
#PatientsDetail .widget-wOdontogram .portlet-odonto .row-treatments { padding: 0px !important; }
#PatientsDetail .widget-wOdontogram .portlet-odonto .col-left.readonly { background: none; }
/* #PatientsDetail .widget-wOdontogram .portlet-odonto .col-left.readonly #odontograma { background:#F0F0F0; } */
#PatientsDetail .widget-wOdontogram .portlet-odonto .col-right .row { padding: 0px; }
#PatientsDetail .widget-wOdontogram .btn-odonto-open { border: 1px solid transparent !important; position: absolute; top: -35px; right: 15px; padding: 5px 10px; font-size: 11px; }
#PatientsDetail .widget-wOdontogram .btn-odonto-open:hover { border: 1px solid #67809F !important; }
#PatientsDetail .widget-wOdontogram .btn-odonto-close { color: #FFF; border: 1px solid transparent !important; padding: 5px 10px; }
#PatientsDetail .widget-wOdontogram .btn-odonto-close:hover { border: 1px solid #FFF !important; }
#PatientsDetail .widget-wOdontogram .treat-current-container { line-height: 20px; font-size: 15px; color: #999; padding: 10px !important; }
#PatientsDetail .widget-wOdontogram .treat-current { font-size: 22px; font-weight: 600; }
#PatientsDetail .widget-wOdontogram .treat-current.blue { color: #67809F !important; }
#PatientsDetail .widget-wOdontogram .treat-current.red { color: #E26A6A !important; }
#PatientsDetail .widget-wOdontogram .treat-current.green { color: #26a69a !important; }
#PatientsDetail .widget-wOdontogram #formTreatmentColor { font-weight: 600; }
#PatientsDetail .widget-wOdontogram #formTreatmentColor.blue { color: #67809F !important; }
#PatientsDetail .widget-wOdontogram #formTreatmentColor.red { color: #E26A6A !important; }
#PatientsDetail .widget-wOdontogram #formTreatmentColor.green { color: #26a69a !important; }
#PatientsDetail .widget-wOdontogram #formTreatmentColor option.blue { color: #67809F !important; }
#PatientsDetail .widget-wOdontogram #formTreatmentColor option.red { color: #E26A6A !important; }
#PatientsDetail .widget-wOdontogram #formTreatmentColor option.green { color: #26a69a !important; }
#PatientsDetail #odontograma { background: none; padding: 20px 0px 0px 0px; }
#PatientsDetail .odontograma-container { border: 1px solid #EEE; border-radius: 10px; }
#PatientsDetail .odontograma-clickeable { cursor: pointer; }

#PatientsDetail.mask-portlet-fullscreen .select2-treatment-container { border: 1px solid transparent; }
#PatientsDetail.mask-portlet-fullscreen .select2-treatment-container .select2-choice { min-width: 40px; background-image: none; border: 1px solid #DDD; height: 22px; margin-top: -4px; }
#PatientsDetail.mask-portlet-fullscreen .select2-treatment-container .select2-choice .select2-item-selected img { width: 22px; height: 22px; margin-top: -8px; }
#PatientsDetail.mask-portlet-fullscreen .select2-treatment-container .select2-choice .select2-arrow { margin-right: 0px !important; border: none; top: -5px !important; }
#PatientsDetail.mask-portlet-fullscreen .select2-treatment-container .select2-chosen { padding-left: 20px; }

#PatientsDetail.mask-portlet-fullscreen .select2-treatment-dropdown { z-index: 10101 !important; text-align: left; min-width: 500px; margin-right: 500px; font-size: 15px; }
#PatientsDetail.mask-portlet-fullscreen .select2-dropdown-open { border: none !important; }

#PatientsDetail.mask-portlet-fullscreen .select2-drop-mask { background-color: #000; opacity: 0.3 !important; z-index: 10100 !important; }

#PatientsDetail .select2-item { min-height: 32px; clear: both; margin-bottom: 2px; }
#PatientsDetail .select2-item .icon { float: left; min-width: 32px; padding: 2px 6px; }
#PatientsDetail .select2-item .icon img { width: 32px; height: 32px; opacity: 0.5; }
#PatientsDetail .select2-item .detail { float: left; line-height: 34px; padding: 0px 5px; font-weight: 600; }

#PatientsDetail .widget-odontogram .patient-data { font-size: 22px; font-weight: 600; }
#PatientsDetail .widget-odontogram .patient-data::before { content: 'Paciente: '; font-size: 16px; color: #BBB; font-weight: 100; }
#PatientsDetail .widget-odontogram .patient-data small { color: #DDD; font-size: 16px; }
#PatientsDetail .widget-odontogram .patient-data small::before { content: 'Obra Social: '; font-size: 12px; color: #BBB; font-weight: 100; margin-left: 20px; }
#PatientsDetail .widget-odontogram .current-consultation-info .current-consultation-time { font-size: 20px; font-weight: 600; line-height: 26px; margin: 0px 20px 0px 10px; border: 1px solid #FFF; text-align: center; border-radius: 5px; min-width: 100px; background-color: rgb(0, 0, 0, 0.2); }
#PatientsDetail .widget-odontogram .current-consultation-info .current-consultation-time-container::before { content: 'Tiempo de consulta: '; font-size: 12px !important; line-height: 28px; color: #BBB; font-weight: 100; }

#PatientsDetail .widget-odontogram .treatments-list { min-height: 50px; overflow-y: auto; }
#PatientsDetail .widget-odontogram .treatments-list .no-data { text-align: center; padding: 50px; border: 1px solid #EEE; border-radius: 10px; color: #999; }
#PatientsDetail .widget-odontogram .treatments-list .table { margin-bottom: 0px; }
#PatientsDetail .widget-odontogram .table div[style*="color: blue"] { color: #67809F !important; }
#PatientsDetail .widget-odontogram .table div[style*="color: red"] { color: #E26A6A !important; }
#PatientsDetail .widget-odontogram .table div[style*="color: green"] { color: #26a69a !important; }

#PatientsDetail .widget-odontogram .common-treats { min-width: 120px; cursor: pointer; margin-left: 5px; background: #FAFAFA; border: 1px solid #EEE; padding: 6px; float: left; line-height: 20px; height: 40px; border-radius: 5px; font-size: 12px; }
#PatientsDetail .widget-odontogram .common-treats .common-treats-name { color: #999; min-width: 120px; top: 0px; margin-top: -6px; margin-left: -10px; font-size: 11px; position: absolute; }
#PatientsDetail .widget-odontogram .common-treats img { opacity: 0.5; width: 28px; height: 28px; padding: 2px; margin-top: -4px; }
#PatientsDetail .widget-odontogram .common-treats.active img { opacity: 1.0; }
#PatientsDetail .widget-odontogram .common-treats span.common-treats-name-span { font-weight: 400; color: #999; margin-right: 10px; }
#PatientsDetail .widget-odontogram .common-treats .badge { border: 3px solid #fafafa; width: 25px !important; height: 25px !important; margin-top: -3px; margin-left: 1px; box-shadow: none; }
#PatientsDetail .widget-odontogram .common-treats .badge.active { opacity: 1.0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.8); border-color: white; }

#PatientsDetail .widget-odontogram .common-treats .badge.blue { background-color: #9090af; }
#PatientsDetail .widget-odontogram .common-treats .badge.active.blue { background-color: #3c6394 !important; }
#PatientsDetail .widget-odontogram .common-treats .badge.red { background-color: #c77c7c; }
#PatientsDetail .widget-odontogram .common-treats .badge.active.red { background-color: #dc4343 !important; }
#PatientsDetail .widget-odontogram .common-treats .badge.green { background-color: green; }
#PatientsDetail .widget-odontogram .common-treats .badge.active.green { background-color: #26a69a !important; }

#PatientsDetail .widget-odontogram .row-treatments.wide-version .common-treats { padding-top: 8px; }

#PatientsDetail .widget-odontogram .common-treats.active .common-treats-name { color: #333; }
#PatientsDetail .widget-odontogram .common-treats.active span { color: #3e3e3e; }
#PatientsDetail .widget-odontogram .common-treats.active { background: #FFF; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5), 0 0px 5px rgba(0, 0, 0, 0.5); color: #333; }

#PatientsDetail .widget-odontogram .common-treats.others { min-width: 180px; }
#PatientsDetail .widget-odontogram .common-treats.others .common-treats-name { min-width: 180px; }
#PatientsDetail .widget-odontogram .common-treats.others select { color: #333; border: none; background-color: transparent; margin: 0px; }
#PatientsDetail .widget-odontogram .common-treats.others select option::before { content: ''; }
#PatientsDetail .widget-odontogram .common-treats.others select:focus { outline: none; }

#PatientsDetail .widget-odontogram .common-treats.others select.blue { color: blue; }
#PatientsDetail .widget-odontogram .common-treats.others select.red { color: red; }
#PatientsDetail .widget-odontogram .common-treats.others select.green { color: green; }

#PatientsDetail .portlet.light.transparent .tabbable-line > .tab-content { background: none; }
#PatientsDetail .portlet.light.transparent .tabbable-line > .tab-content > .tab-pane { display: block !important; visibility: visible !important; }

#PatientsDetail .images-container .mix-inner .img-responsive { width: 100% }
#PatientsDetail .images-container .div-container { position: absolute; text-align: center; top: 0; height: 100%; width: 100%; overflow: hidden; background-color: #F9F9F9; border-radius: 5px;}
#PatientsDetail .images-container .mix-details { border-radius: 5px;}
#PatientsDetail .images-container .mix-details { background-color: #34d4be; }
#PatientsDetail .images-container .img-full-height { height: 100% }
#PatientsDetail .images-container .mix { padding: 5px 5px 0 5px !important; }
#PatientsDetail .images-container .mix-details h4 { margin-top: 8px; }
#PatientsDetail .images-container .mix-details a.mix-preview { margin-left: -22px; background-color: #34d4be; border-radius: 10px}
#PatientsDetail .images-container.mix-grid .mix {margin-bottom: 5px;}


#PatientsDetail .panel-prescriptions .portlet-drugs h5 {margin-bottom: 0;}
#PatientsDetail .panel-prescriptions .portlet-drugs h6 {margin-bottom: 0;}
#PatientsDetail .panel-prescriptions .portlet-drugs .row.drug-item {border-bottom: 1px dashed #DDD; padding-bottom: 6px; cursor: pointer;}

#PatientsDetail .panel-prescriptions .prescription-newest-hide-button { display: none; }
#PatientsDetail .panel-prescriptions .prescription-newest { background: #FFF; border-top: 2px solid #FFF; }
#PatientsDetail .panel-prescriptions .prescription-newest td { padding-top: 0px !important; }
#PatientsDetail .panel-prescriptions .prescription-newest td.title { padding-top: 20px; padding-bottom: 0px; }
#PatientsDetail .panel-prescriptions .prescription-newest .icon-plan2 { left: -17px !important; }

#PatientsDetail .panel-prescriptions .panel-prescription-drugs .drug-freq-container { margin: 0px 0px 10px 0px; padding: 8px; border-radius: 8px; background: #FAFAFA; border: 1px solid #F0F0F0; }
#PatientsDetail .panel-prescriptions .panel-prescription-drugs h5 { padding: 0px 5px; font-weight: 600; }
#PatientsDetail .panel-prescriptions .panel-prescription-drugs table { margin: 0px; }
#PatientsDetail .panel-prescriptions .panel-prescription-drugs th { font-size: 12px !important; padding: 8px 8px 0px 8px; border-bottom: 1px solid #ddd; }

/* Buscador medicamento/práctica: caja con lupa + RP con borde */
#PatientsDetail .panel-prescriptions .drug-search,
#PatientsDetail .panel-prescriptions .practice-search { position: relative; margin-bottom: 8px; }
#PatientsDetail .panel-prescriptions .select2-drug-container,
#PatientsDetail .panel-prescriptions .select2-practice-container {
	width: 100% !important;
	position: relative;
}
#PatientsDetail .panel-prescriptions .select2-drug-container:before,
#PatientsDetail .panel-prescriptions .select2-practice-container:before {
	content: "\f002";
	font-family: FontAwesome;
	position: absolute;
	left: 14px;
	top: 0;
	bottom: 0;
	width: 16px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #94A3B8;
	font-size: 14px;
	z-index: 2;
	pointer-events: none;
}
#PatientsDetail .panel-prescriptions .select2-drug-container .select2-choice,
#PatientsDetail .panel-prescriptions .select2-practice-container .select2-choice {
	height: 36px;
	line-height: 30px;
	padding-left: 40px;
	border: 1px solid #E2E8F0 !important;
	border-radius: 8px !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #94A3B8;
}
#PatientsDetail .panel-prescriptions .select2-drug-container.select2-container-active .select2-choice,
#PatientsDetail .panel-prescriptions .select2-practice-container.select2-container-active .select2-choice {
	border-color: #1560BD !important;
	box-shadow: 0 0 0 3px rgba(21,96,189,.12) !important;
	color: #2D3848;
}
#PatientsDetail .panel-prescriptions .select2-drug-container.select2-dropdown-open .select2-choice,
#PatientsDetail .panel-prescriptions .select2-practice-container.select2-dropdown-open .select2-choice {
	border-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	color: transparent !important;
}
#PatientsDetail .panel-prescriptions .select2-drug-container.select2-dropdown-open:before,
#PatientsDetail .panel-prescriptions .select2-practice-container.select2-dropdown-open:before {
	display: none;
}
#PatientsDetail .panel-prescriptions .select2-drug-container .select2-choice .select2-arrow,
#PatientsDetail .panel-prescriptions .select2-practice-container .select2-choice .select2-arrow {
	display: none !important;
	border: none !important;
	width: 0 !important;
}
#PatientsDetail .panel-prescriptions .select2-drug-container .select2-chosen,
#PatientsDetail .panel-prescriptions .select2-practice-container .select2-chosen { margin-right: 12px; color: inherit; }
#PatientsDetail .panel-prescriptions .select2-drug-container .select2-default .select2-chosen,
#PatientsDetail .panel-prescriptions .select2-practice-container .select2-default .select2-chosen { color: #94A3B8; }

/* Dropdown select2 medicamento/práctica: solapa el input cerrado, una sola lupa */
.select2-drop.select2-drug-dropdown,
.select2-drop.select2-practice-dropdown {
	margin-top: -36px;
	border: 1px solid #1560BD !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 16px rgba(21,96,189,.08);
	overflow: hidden;
}
.select2-drop.select2-drug-dropdown .select2-search,
.select2-drop.select2-practice-dropdown .select2-search {
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
}
.select2-drop.select2-drug-dropdown .select2-search:before,
.select2-drop.select2-practice-dropdown .select2-search:before {
	content: "\f002";
	font-family: FontAwesome;
	position: absolute;
	left: 14px;
	top: 0;
	width: 16px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #94A3B8;
	font-size: 14px;
	z-index: 2;
	pointer-events: none;
}
.select2-drop.select2-drug-dropdown .select2-search input,
.select2-drop.select2-practice-dropdown .select2-search input {
	border: none !important;
	border-bottom: 1px solid #E2E8F0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: #fff none !important;
	height: 36px !important;
	min-height: 36px !important;
	line-height: 36px;
	padding: 0 12px 0 40px !important;
	margin: 0;
}
.select2-drop.select2-drug-dropdown .select2-results,
.select2-drop.select2-practice-dropdown .select2-results {
	margin: 0;
	padding: 0 0 4px;
}

#PatientsDetail .panel-prescriptions .prescription-rp { margin-top: 4px; }
#PatientsDetail .panel-prescriptions .prescription-rp__label { font-size: 15px; font-weight: 700; color: #2D3848; margin-bottom: 8px; }
#PatientsDetail .panel-prescriptions .prescription-rp__textarea {
	display: block;
	width: 100%;
	min-height: 120px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 10px 12px;
	font-size: 14px;
	color: #2D3848;
	background: #fff;
	box-shadow: none;
	resize: vertical;
}
#PatientsDetail .panel-prescriptions .prescription-rp__textarea:focus {
	outline: 0;
	border-color: #1560BD;
	box-shadow: 0 0 0 3px rgba(21,96,189,.12);
}
#PatientsDetail .panel-prescriptions .prescription-rp__textarea::placeholder { color: #94A3B8; }

#PatientsDetail .panel-prescriptions .indications-title { padding: 5px; }
#PatientsDetail .panel-prescriptions .table-prescription { color: #647D9E; }
#PatientsDetail .panel-prescriptions .table-prescription ul { padding-left: 22px !important; }
#PatientsDetail .panel-prescriptions .table-prescription-drugs { background: transparent; }
#PatientsDetail .panel-prescriptions .table-prescription-drugs td { vertical-align: middle; font-weight: 600; }
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug_obs { margin: 2px 0px; border: 1px solid #CCC; padding: 4px; width: 100%; border-radius: 5px; }

/* Ítem de medicamento (mock diseñador) */
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 10px;
	padding: 8px 14px;
	background: #F2F7FE;
	border-radius: 10px;
	color: #475569;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__qty {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	height: 36px;
	padding: 0 4px;
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-qty-btn {
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #64748B;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-qty-btn:hover { color: #1560BD; }
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-qty-value {
	min-width: 22px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #475569;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__info {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.25;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__name {
	font-size: 14px;
	font-weight: 700;
	color: #475569;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__brand {
	font-weight: 400;
	color: #64748B;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__meta {
	margin-top: 2px;
	font-size: 12px;
	font-weight: 400;
	color: #64748B;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__dosing {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	gap: 8px;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__dosing-label {
	font-size: 13px;
	font-weight: 400;
	color: #94A3B8;
	white-space: nowrap;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__dosing .form-control {
	display: inline-block;
	width: auto;
	min-width: 64px;
  min-height: 32px;
	height: 32px;
	padding: 4px 28px 4px 10px;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	background: #fff;
	box-shadow: none;
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2394A3B8' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__dosing .form-control:focus {
	border-color: #1560BD;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(21,96,189,.12);
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-left: 4px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #EF4444;
	font-size: 16px;
	cursor: pointer;
}
#PatientsDetail .panel-prescriptions .table-prescription-drugs .drug-item__delete:hover { color: #DC2626; }

/* Ítem de práctica (mismo look que medicamento, solo quitar) */
#PatientsDetail .panel-prescriptions .table-prescription-practices { background: transparent; }
#PatientsDetail .panel-prescriptions .table-prescription-practices .practice-item {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 10px;
	padding: 8px 14px;
	background: #F2F7FE;
	border-radius: 10px;
	color: #475569;
}
#PatientsDetail .panel-prescriptions .table-prescription-practices .practice-item__info {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.25;
}
#PatientsDetail .panel-prescriptions .table-prescription-practices .practice-item__name {
	font-size: 14px;
	font-weight: 700;
	color: #475569;
}
#PatientsDetail .panel-prescriptions .table-prescription-practices .practice-item__meta {
	margin-top: 2px;
	font-size: 12px;
	font-weight: 400;
	color: #64748B;
}
#PatientsDetail .panel-prescriptions .table-prescription-practices .practice-item__delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin-left: 4px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #EF4444;
	font-size: 16px;
	cursor: pointer;
}
#PatientsDetail .panel-prescriptions .table-prescription-practices .practice-item__delete:hover { color: #DC2626; }

#PatientsDetail .panel-prescriptions .panel-prescription-practices { margin: 10px 0px; }
#PatientsDetail .panel-prescriptions .practice-order-type-label {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	padding: 5px 14px;
	border: none;
	border-radius: 999px;
	background: #EFF6FF;
	color: #1E3A8A;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 1.2;
}
#PatientsDetail .panel-prescriptions .practice-order-type-label.hide { display: none !important; }

#PatientsDetail .panel-prescriptions .drug-freq { margin-bottom: 5px; padding: 0px; }
#PatientsDetail .panel-prescriptions .drug-freq-item { padding: 3px; }
#PatientsDetail .panel-prescriptions .drug-freq-item .btn-drug-freq { font-weight: lighter; padding: 5px 10px; border: 1px solid #EEE !important; background-color: #FFF;}
#PatientsDetail .panel-prescriptions .drug-freq-item .btn-drug-freq .text-muted { color: #CCC !important; }
#PatientsDetail .panel-prescriptions .cie10-freq,
#PatientsDetail .panel-prescriptions .snomed-freq {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	margin: 0 0 10px;
	position: relative;
	z-index: 2;
}
#PatientsDetail .panel-prescriptions .cie10-freq.hide,
#PatientsDetail .panel-prescriptions .snomed-freq.hide { display: none !important; }
#PatientsDetail .panel-prescriptions .cie10-freq-label {
	flex: 0 0 auto;
	padding: 0;
	margin: 0 4px 0 0;
	font-size: 12px;
	font-weight: 600;
	color: #647D9E;
}
#PatientsDetail .panel-prescriptions .cie10-freq-list,
#PatientsDetail .panel-prescriptions .snomed-freq-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
	flex: 1 1 auto;
	min-width: 0;
}
#PatientsDetail .panel-prescriptions .cie10-freq-item,
#PatientsDetail .panel-prescriptions .snomed-freq-item {
	float: none !important;
	display: inline-block;
	max-width: 30%;
	font-weight: 600;
	padding: 4px 10px;
	border: 1px solid #E2E8F0 !important;
	border-radius: 6px;
	margin: 0 !important;
	background: #fff;
	color: #2D3848;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
#PatientsDetail .panel-prescriptions .cie10-freq-item:hover,
#PatientsDetail .panel-prescriptions .snomed-freq-item:hover {
	border-color: #1560BD !important;
	color: #1560BD;
}

#PatientsDetail .panel-prescriptions #btnSavePrescription { border: 1px solid #1560BD; padding: 9px 26px !important; }

#PatientsDetail .select2-result-label .item-drug p {margin:0px;}
#PatientsDetail .select2-result-label .item-practice p {margin:0px;}

#PatientsDetail .btn-tools { overflow: visible; }
#PatientsDetail .btn-tools.action-blocked .icon-plan2 { left: 0px; }
#PatientsDetail .btn-tools.action-blocked .fa-whatsapp { position: absolute; left: 8px; top: 7px; color: #FFF; }
#PatientsDetail .btn-tools.action-blocked .fa-envelope-o { position: absolute; left: 7px; top: 7px; color: #FFF; }
#PatientsDetail .btn-tools i.fa-check { opacity: 0; position: absolute; bottom: -4px; right: -4px; color: #FFF; background: #1560BD; border-radius: 50%; width: 14px; height: 14px; font-size: 8px; }
#PatientsDetail .btn-tools.sent { border: 1px solid #31C7B2 !important; }
#PatientsDetail .btn-tools.sent i { font-weight: 600; }
#PatientsDetail .btn-tools.sent i.fa-print { font-weight: lighter !important; }
#PatientsDetail .btn-tools.sent i.fa-check { opacity: 1; }
/* #PatientsDetail .panel-prescriptions .table-prescription-drugs .input-group { padding-top: 0px; } */
/* #PatientsDetail .panel-prescriptions .table-prescription-drugs .input-group-addon { padding-left: 0px; } */

/* PRESCRIPCIONES - header con tabs de filtro, buscador y botón de nueva prescripción */
#PatientsDetail .panel-prescriptions .prescriptions-header { margin-bottom: 16px; }
#PatientsDetail .panel-prescriptions .prescriptions-header .title { margin: 0; }
#PatientsDetail .panel-prescriptions .prescriptions-header--new { margin-bottom: 0px; }
#PatientsDetail .panel-prescriptions .prescriptions-header--new .title { color: #0A3572; font-weight: 700; margin-bottom: 0; }
#PatientsDetail .panel-prescriptions .prescriptions-header--new__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 12px; }

/* Template picker (header) */
#PatientsDetail .panel-prescriptions .prescription-template-picker { display: flex; align-items: center; gap: 10px; flex: 0 1 auto; position: relative; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__label { font-size: 13px; color: #647D9E; white-space: nowrap; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__dropdown { position: relative; min-width: 240px; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff; border: 1px solid #D5DCE4; border-radius: 10px; padding: 8px 14px; font-size: 13px; color: #1A2333; cursor: pointer; box-shadow: none; text-align: left; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__toggle:hover,
#PatientsDetail .panel-prescriptions .prescription-template-picker__toggle:focus { border-color: #1560BD; outline: none; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #647D9E; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__value.is-selected { color: #1A2333; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__toggle i { color: #647D9E; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__menu { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 40; background: #fff; border: 1px solid #E2E8F0; border-radius: 12px; box-shadow: 0 8px 24px rgba(26, 35, 51, 0.12); overflow: hidden; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__list { list-style: none; margin: 0; padding: 6px 0; max-height: 220px; overflow-y: auto; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__item { padding: 10px 16px; font-size: 13px; color: #1A2333; cursor: pointer; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__item:hover,
#PatientsDetail .panel-prescriptions .prescription-template-picker__item.is-active { background: #F2F7FE; color: #1560BD; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__empty { padding: 12px 16px; font-size: 13px; color: #94A3B8; cursor: default; pointer-events: none; font-style: italic; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__manage { display: block; width: 100%; border: none; border-top: 1px solid #E2E8F0; background: #fff; color: #1560BD; font-size: 13px; font-weight: 600; text-align: left; padding: 12px 16px; cursor: pointer; }
#PatientsDetail .panel-prescriptions .prescription-template-picker__manage:hover { background: #F8FBFF; }

/* Footer actions */
#PatientsDetail .panel-prescriptions .prescription-form-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; gap: 12px; flex-wrap: wrap; }
#PatientsDetail .panel-prescriptions .prescription-form-actions__right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-left: auto; }
#PatientsDetail .panel-prescriptions .prescription-cancel-btn { background: transparent; border: none; color: #E35B5A; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 9px 6px; border-radius: 0; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; box-shadow: none; }
#PatientsDetail .panel-prescriptions .prescription-cancel-btn:hover,
#PatientsDetail .panel-prescriptions .prescription-cancel-btn:focus { background: transparent; color: #C43C3B; text-decoration: none; }
#PatientsDetail .panel-prescriptions .prescription-template-save-btn { background: #fff; border: 1px solid #1560BD; color: #1560BD; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 9px 18px; border-radius: 999px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; box-shadow: none; white-space: nowrap; }
#PatientsDetail .panel-prescriptions .prescription-template-save-btn:hover,
#PatientsDetail .panel-prescriptions .prescription-template-save-btn:focus { background: #F2F7FE; color: #1560BD; text-decoration: none; }
#PatientsDetail .panel-prescriptions .prescription-template-save-btn.action-blocked { opacity: .55; cursor: not-allowed; }

/* Popup "¿Qué tipo de orden es?" (PracticeOrderCategorySelect) - mismo estilo que
   .prescription-template-save-btn: fondo blanco, borde y letra azul, redondeado grande. */
#popupPracticeOrderCategorySelect .btn-practice-order-category { background: #fff; border: 1px solid #1560BD !important; color: #1560BD; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 8px 18px; border-radius: 999px; margin-bottom: 10px; cursor: pointer; text-decoration: none; box-shadow: none; }
#popupPracticeOrderCategorySelect .btn-practice-order-category:hover,
#popupPracticeOrderCategorySelect .btn-practice-order-category:focus { background: #F2F7FE; color: #1560BD; text-decoration: none; }
#popupPracticeOrderCategorySelect .btn-practice-order-category:last-child { margin-bottom: 0; }
#PatientsDetail .panel-prescriptions .prescription-form-actions .btn-mi-perfil { padding: 9px 22px; }
#PatientsDetail .panel-prescriptions .prescriptions-header__controls { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
#PatientsDetail .panel-prescriptions .prescriptions-header__controls .btn-mi-perfil { font-size: 13px; padding: 9px 14px; }
#PatientsDetail .panel-prescriptions .prescriptions-filter-left { display: flex; gap: 8px; }
#PatientsDetail .panel-prescriptions .prescriptions-filter-tabs { display: flex; gap: 8px; }
#PatientsDetail .panel-prescriptions .prescriptions-filter-tab { border: 1px solid #E2E8F0; color: #647D9E; font-size: 12px; font-weight: 700; letter-spacing: .3px; padding: 9px 18px; border-radius: 999px; cursor: pointer; }
#PatientsDetail .panel-prescriptions .prescriptions-filter-tab:hover { border-color: #1560BD; color: #1560BD; }
#PatientsDetail .panel-prescriptions .prescriptions-filter-tab.active { background: #1560BD; border-color: #1560BD; color: #F2F7FE; }
#PatientsDetail .panel-prescriptions .prescriptions-search { position: relative; }
#PatientsDetail .panel-prescriptions .prescriptions-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #94A3B8; font-size: 13px; }
#PatientsDetail .panel-prescriptions .prescriptions-search input { width: 280px; max-width: 100%; height: 38px; border: 1px solid #D5DCE4; border-radius: 999px; padding: 0 16px 0 36px; font-size: 13px; color: #30485f; box-shadow: none; }
#PatientsDetail .panel-prescriptions .prescriptions-search input:focus { outline: 0; border-color: #1560BD; box-shadow: 0 0 0 3px rgba(21,96,189,.12); }
#PatientsDetail .panel-prescriptions .prescriptions-search input::placeholder { color: #AAB4BE; }
#PatientsDetail .panel-prescriptions .prescriptions-new-btn-group { display: inline-flex; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu { padding: 8px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.15); border: 1px solid #E2E8F0; min-width: 250px; left: auto; right: 0; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu li a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; color: #30485f; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu li a:hover { background: #F0F4FA; text-decoration: none; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu__icon { flex-shrink: 0; width: 20px; text-align: center; font-size: 16px; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu__icon--receta { color: #15803D; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu__icon--orden { color: #7E22CE; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu__icon--pdf { color: #1560BD; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu__text { display: flex; flex-direction: column; line-height: 1.3; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu__text b { font-size: 14px; color: #2D3848; font-weight: 600; }
#PatientsDetail .panel-prescriptions .prescriptions-new-menu__text small { font-size: 12px; color: #647D9E; }

/* PRESCRIPCIONES - lista */
#PatientsDetail .panel-prescriptions .prescriptions-table__head { display: none; }
#PatientsDetail .panel-prescriptions .prescriptions-table > tbody > tr > td { border-top: none; border-bottom: 1px solid #EDF1F5; padding: 16px 8px; vertical-align: top; }
/* Bloque new: sin bordes internos (título + fila de datos + error); el separador queda debajo de la fila de acciones */
#PatientsDetail .panel-prescriptions .prescriptions-table > tbody > tr.prescription-newest > td,
#PatientsDetail .panel-prescriptions .prescriptions-table > tbody > tr.prescription-newest + tr > td { border-bottom: none !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table > tbody > tr.prescription-newest-actions > td { border-bottom: 1px solid #EDF1F5 !important; padding-bottom: 20px; padding-top: 0px !important; }
/* Evita la línea entre el banner de error y los botones Enviar/Imprimir */
#PatientsDetail .panel-prescriptions .prescriptions-table > tbody > tr:has(+ tr.prescription-newest-actions) > td { border-bottom: none !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table > tbody > tr.prescription-row--has-error > td { border-bottom: none; padding-bottom: 0; }
#PatientsDetail .panel-prescriptions .prescription-error-cell { padding-top: 8px !important; }
#PatientsDetail .panel-prescriptions .prescription-item-title { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
#PatientsDetail .panel-prescriptions .prescription-item-title b { font-size: 15px; color: #1C2E3E; }
#PatientsDetail .panel-prescriptions .prescription-type-pill { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
#PatientsDetail .panel-prescriptions .prescription-type-pill--receta { background: #DCFCE7; color: #15803D; }
#PatientsDetail .panel-prescriptions .prescription-type-pill--orden { background: #F3E8FF; color: #7E22CE; }
#PatientsDetail .panel-prescriptions .prescription-tags { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
#PatientsDetail .panel-prescriptions .prescription-tag { display: inline-block; background: #EFF6FF; color: #1E3A8A; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .2px; padding: 4px 10px; border-radius: 999px; }
#PatientsDetail .panel-prescriptions .prescription-error-banner { color: #E35B5A; font-weight: 400; font-size: 11px; text-transform: uppercase; letter-spacing: .2px; }
#PatientsDetail .panel-prescriptions .prescriptions-empty-filtered { text-align: center; padding: 40px 0; color: #94A3B8; }
#PatientsDetail .panel-prescriptions .prescriptions-empty-filtered i { font-size: 28px; margin-bottom: 10px; display: block; }

/* PRESCRIPCIONES - botones de acción de cada item: círculos outline consistentes */
#PatientsDetail .panel-prescriptions .prescriptions-table td.prescriptions-actions {
	width: 1%;
	text-align: right !important;
	vertical-align: middle;
	white-space: nowrap;
}
#PatientsDetail .panel-prescriptions .prescriptions-table td.prescriptions-actions .btn-icon-only.btn-circle {
	float: none !important;
	display: inline-block;
	vertical-align: middle;
	width: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	margin: 0 0 0 6px !important;
	box-shadow: none !important;
	line-height: 28px !important;
}
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp,
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp-manual { background: #fff !important; border: 1px solid #E2E8F0 !important; color: #22C55E !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp:hover,
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp-manual:hover { background: #F0FDF4 !important; color: #16A34A !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp:hover i.fa-whatsapp,
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp-manual:hover i.fa-whatsapp { color: #16A34A !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-email { background: #fff !important; border: 1px solid #E2E8F0 !important; color: #0EA5E9 !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-email:hover { background: #F0F9FF !important; color: #0284C7 !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-print { background: #fff !important; border: 1px solid #E2E8F0 !important; color: #64748B !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-print:hover { background: #F1F5F9 !important; color: #334155 !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-copy-prescription,
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-copy-prescription-innov { background: #fff !important; border: 1px solid #E2E8F0 !important; color: #64748B !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-copy-prescription:hover { background: #F1F5F9 !important; color: #334155 !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-delete-prescription { background: #fff !important; border: 1px solid #E2E8F0 !important; color: #E35B5A !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-delete-prescription:hover { background: #FEF2F2 !important; color: #C0392B !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-tools.sent { border-color: #1560BD !important; color: #1560BD !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp.sent,
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp-manual.sent { border-color: #22C55E !important; color: #22C55E !important; }
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp i.fa-whatsapp,
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp-manual i.fa-whatsapp,
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp.sent i.fa-whatsapp,
#PatientsDetail .panel-prescriptions .prescriptions-table .btn-send-whatsapp-manual.sent i.fa-whatsapp { color: #22C55E !important; opacity: 1 !important; position: static !important; }
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription { padding: 9px 12px 9px 10px; line-height: 1.2; }
#PatientsDetail .panel-prescriptions .btn-no-generic { padding: 9px 12px 9px 10px; line-height: 1.2; }
#PatientsDetail .panel-prescriptions .btn-is-long { padding: 9px 12px 9px 10px; line-height: 1.2; }
#PatientsDetail .panel-prescriptions .btn-anonymous-prescription { padding: 9px 12px 9px 10px; line-height: 1.2; }
#PatientsDetail .panel-prescriptions .nav-tabs { border-bottom: none; display: none; }
#PatientsDetail .panel-prescriptions .nav-tabs>li { margin-bottom: 8px !important;}
#PatientsDetail .panel-prescriptions .nav-tabs>li>a { line-height: 1.25 !important; font-size: 15px; margin-right: 8px !important; border: 3px solid #DDD !important; border-bottom-color: #DDD !important; }
#PatientsDetail .panel-prescriptions .nav-tabs>li.active>a { margin: 0px; color: #67809F !important; border: 3px solid #67809F !important; font-weight: bold; }

/* NEW PRESCRIPTION FORM: card sections */
#PatientsDetail .panel-prescriptions .new-prescription.col-md-10 { background: #F5F7FA; border-radius: 12px; padding: 20px; }
#PatientsDetail .panel-prescriptions .prescription-card { background: #fff; border: 1px solid #E2E8F0; border-radius: 12px; margin-bottom: 16px; overflow: hidden; }
#PatientsDetail .panel-prescriptions .prescription-card:last-child { margin-bottom: 0; }
#PatientsDetail .panel-prescriptions .prescription-card__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #2D3848; background: #fff; padding: 14px 18px; }
#PatientsDetail .panel-prescriptions .prescription-card__title { color: #2D3848; }
#PatientsDetail .panel-prescriptions .prescription-card__body { padding: 0px 18px 16px 18px; }
#PatientsDetail .panel-prescriptions .prescription-card .panel-prescription-drugs,
#PatientsDetail .panel-prescriptions .prescription-card .panel-prescription-practices { margin-top: 0; }

/* Emisor y cobertura: mostrar/ocultar encabezado toggle (top-right of card header) */
#PatientsDetail .panel-prescriptions .prescription-header-toggle { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; color: #1560BD; cursor: pointer; white-space: nowrap; }
#PatientsDetail .panel-prescriptions .prescription-header-toggle .btn-show-hide-header { background: transparent !important; border: none !important; box-shadow: none !important; color: #1560BD !important; width: auto !important; height: auto !important; min-width: 0; padding: 0 !important; margin: 0 !important; font-size: 12px; }
#PatientsDetail .panel-prescriptions .prescription-header-toggle .btn-show-hide-header i { margin: 0; }

/* Doctor/office info box + 4 campos debajo, separados por una línea */
#PatientsDetail .panel-prescriptions .prescription-header-box {
	text-align: center;
	background: transparent;
	border: 1px solid #E2E8F0;
	border-radius: 10px;
	padding: 14px;
	margin-bottom: 16px;
}
#PatientsDetail .panel-prescriptions .prescription-header-box__meta { margin-bottom: 0; }
#PatientsDetail .panel-prescriptions .prescription-header-box .prescription-speciality,
#PatientsDetail .panel-prescriptions .prescription-header-box .prescription-office { color: #647D9E; font-size: 13px; }
#PatientsDetail .panel-prescriptions .prescription-header-box .prescription-field-grid {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #E2E8F0;
	text-align: left;
}

#PatientsDetail .panel-prescriptions .prescription-label { color: #929292 }

/* Fecha / Paciente / Obra social / N° de afiliado — look del diseño (cajas redondeadas) */
#PatientsDetail .panel-prescriptions .prescription-field-grid { display: flex; flex-wrap: wrap; gap: 16px; }
#PatientsDetail .panel-prescriptions .prescription-field-grid .prescription-field { flex: 1 1 160px; min-width: 140px; }
#PatientsDetail .panel-prescriptions .prescription-field-grid .prescription-label { display: block; width: auto; font-size: 12px; font-weight: 500; color: #64709E; text-transform: none; margin-bottom: 4px; }
#PatientsDetail .panel-prescriptions .prescription-field-grid .prescription-field__control {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	color: #2D3848;
	background: #fff;
	box-shadow: none;
}
#PatientsDetail .panel-prescriptions .prescription-field-grid input#prescriptionDate {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px 12px;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	color: #1560BD;
	text-align: left;
	background: #fff;
	box-shadow: none;
	cursor: pointer;
}
#PatientsDetail .panel-prescriptions .prescription-field-grid input#prescriptionDate:focus {
	outline: 0;
	border-color: #1560BD;
	box-shadow: none;
}
#PatientsDetail .panel-prescriptions .prescription-field-grid .prescription-patient-fullname {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	color: #1560BD;
	background: #F8FAFC;
	cursor: default;
}
#PatientsDetail .panel-prescriptions .prescription-field-grid a.editable,
#PatientsDetail .panel-prescriptions .prescription-field-grid a.editable-click {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0 !important;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	color: #2D3848;
	background: #fff;
	text-decoration: none;
	box-shadow: none;
}
#PatientsDetail .panel-prescriptions .prescription-field-grid a.editable:hover,
#PatientsDetail .panel-prescriptions .prescription-field-grid a.editable-click:hover {
	border-color: #1560BD !important;
	color: #2D3848;
}
#PatientsDetail .panel-prescriptions .prescription-field-grid .editable-empty,
#PatientsDetail .panel-prescriptions .prescription-field-grid .editable-empty:hover {
	color: #94A3B8;
}
#PatientsDetail .panel-prescriptions .prescription-field-grid .editable-container.editable-inline {
	display: block;
	width: 100%;
}
#PatientsDetail .panel-prescriptions .prescription-field-grid .editable-container .form-control {
	min-height: 40px;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	box-shadow: none;
}

/* Selects del encabezado: misma redondez 8px del diseño */
#PatientsDetail .panel-prescriptions .new-prescription select.form-control {
	border-radius: 8px;
	border-color: #E2E8F0;
	box-shadow: none;
	min-height: 34px;
}

/* Recetar usando: selectable pill buttons (native radios, dot hidden) */
#PatientsDetail .panel-prescriptions .prescription-coverage-toggle-wrap .md-radio { border: 1px solid #D5DCE4; border-radius: 999px; margin: 0; background: #fff; overflow: hidden; }
#PatientsDetail .panel-prescriptions .prescription-coverage-toggle-wrap .md-radio.checked { border-color: #1560BD; background: #1560BD; }
#PatientsDetail .panel-prescriptions .prescription-coverage-toggle-wrap .md-radio label { display: block; padding: 6px 15px; margin: 0; font-size: 13px; font-weight: 600; color: #647D9E; white-space: nowrap; }
#PatientsDetail .panel-prescriptions .prescription-coverage-toggle-wrap .md-radio.checked label { color: #fff; }
#PatientsDetail .panel-prescriptions .prescription-coverage-toggle-wrap .md-radio label > .inc,
#PatientsDetail .panel-prescriptions .prescription-coverage-toggle-wrap .md-radio label > .check,
#PatientsDetail .panel-prescriptions .prescription-coverage-toggle-wrap .md-radio label > .box { display: none; }
/* .md-radio label > span (components-md.css) pone position:absolute a cualquier span hijo
   directo del label, incluido este; lo devuelvo al flujo normal para que el texto se vea. */
#PatientsDetail .panel-prescriptions .prescription-coverage-toggle-wrap .md-radio label > .prescription-coverage-label-text { display: inline; position: static; }

/* Diagnóstico: CIE10/Manual pill toggle (card header) */
#PatientsDetail .panel-prescriptions .prescription-diag-toggle { display: flex; gap: 8px; }
#PatientsDetail .panel-prescriptions .prescription-diag-toggle .md-radio { border: 1px solid #D5DCE4; border-radius: 999px; margin: 0; background: #fff; overflow: hidden; }
#PatientsDetail .panel-prescriptions .prescription-diag-toggle .md-radio.checked { border-color: #1560BD; background: #1560BD; }
#PatientsDetail .panel-prescriptions .prescription-diag-toggle .md-radio label { display: block; padding: 5px 14px; margin: 0; font-size: 11px; font-weight: 700; color: #647D9E; white-space: nowrap; text-transform: uppercase; letter-spacing: .3px; }
#PatientsDetail .panel-prescriptions .prescription-diag-toggle .md-radio.checked label { color: #fff; }
#PatientsDetail .panel-prescriptions .prescription-diag-toggle .md-radio label > .inc,
#PatientsDetail .panel-prescriptions .prescription-diag-toggle .md-radio label > .check,
#PatientsDetail .panel-prescriptions .prescription-diag-toggle .md-radio label > .box { display: none; }

/* OSDE: prioridad (solo cuando la cobertura es OSDE) */
#PatientsDetail .panel-prescriptions .prescription-osde-required {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 14px 16px 0px;
	background: #F2F7FE;
	border: 1px solid #C8D9F5;
	border-radius: 8px;
}
#PatientsDetail .panel-prescriptions .prescription-osde-required__header {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 12px;
	margin-bottom: 14px;
	border-bottom: 1px solid #C8D9F5;
}
#PatientsDetail .panel-prescriptions .prescription-osde-required__header-text {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #2D3848;
}
#PatientsDetail .panel-prescriptions .prescription-osde-required__logo {
	height: 22px;
	width: auto;
	display: inline-block;
	vertical-align: middle;
  margin-top: -4px;
}
#PatientsDetail .panel-prescriptions .prescription-osde-required__brand {
	font-size: 18px;
	font-weight: 700;
	color: #0033A0;
	letter-spacing: -0.5px;
	line-height: 1;
}
#PatientsDetail .panel-prescriptions .prescription-osde-priority {
	margin-top: 15px;
	margin-bottom: 15px;
}
#PatientsDetail .panel-prescriptions .prescription-osde-priority__label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #475569;
	margin-bottom: 8px;
}
#PatientsDetail .panel-prescriptions .prescription-osde-priority__toggles {
	display: flex;
	gap: 12px;
}
#PatientsDetail .panel-prescriptions .prescription-osde-priority__option {
	position: relative;
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 36px;
	padding: 8px 16px;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .3px;
	text-transform: uppercase;
	color: #94A3B8;
}
#PatientsDetail .panel-prescriptions .prescription-osde-priority__option.is-selected {
	border-color: #1560BD;
	color: #1560BD;
	font-weight: 700;
}
/* Ocultar radio nativo (md-radiobtn evita Uniform); el círculo visual es .__option-circle */
#PatientsDetail .panel-prescriptions .prescription-osde-priority__option > input[type="radio"],
#PatientsDetail .panel-prescriptions .prescription-osde-priority__option-radio {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	pointer-events: none !important;
}
#PatientsDetail .panel-prescriptions .prescription-osde-priority__option-circle {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	border: 2px solid #CBD5E1;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
}
#PatientsDetail .panel-prescriptions .prescription-osde-priority__option.is-selected .prescription-osde-priority__option-circle {
	border-color: #1560BD;
}
#PatientsDetail .panel-prescriptions .prescription-osde-priority__option.is-selected .prescription-osde-priority__option-circle:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #1560BD;
}
/* Notas para el efector: separada del bloque OSDE, aplica a cualquier orden */
#PatientsDetail .panel-prescriptions .prescription-osde-notes {
	margin-top: 10px;
	margin-bottom: 10px;
}
#PatientsDetail .panel-prescriptions .prescription-osde-notes__label {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 700;
	color: #2D3848;
}
#PatientsDetail .panel-prescriptions .prescription-osde-notes__label .fa-info-circle {
	margin-left: 2px;
	color: #94A3B8;
	font-size: 12px;
	font-weight: 400;
}
#PatientsDetail .panel-prescriptions .prescription-osde-notes__textarea {
	display: block;
	width: 100%;
	min-height: 96px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 10px 12px;
	font-size: 14px;
	color: #2D3848;
	background: #fff;
	box-shadow: none;
	resize: vertical;
}
#PatientsDetail .panel-prescriptions .prescription-osde-notes__textarea:focus {
	outline: 0;
	border-color: #1560BD;
	box-shadow: 0 0 0 3px rgba(21,96,189,.12);
}
#PatientsDetail .panel-prescriptions .prescription-osde-notes__textarea::placeholder { color: #94A3B8; }

/* Diagnóstico: search box (CIE10/SNOMED select2 multi + manual) — mismo look que medicamentos */
#PatientsDetail .panel-prescriptions .prescription-diag-search,
#PatientsDetail .panel-prescriptions #prescriptionDiagSnomedPractices,
#PatientsDetail .panel-prescriptions #prescriptionDiagCie10Practices {
	position: relative;
	margin-bottom: 10px;
}
/* Labels/help-block vacíos del patrón form-md-line-input: no deben dejar hueco bajo el select2 */
#PatientsDetail .panel-prescriptions .prescription-diag-search > div > label:empty,
#PatientsDetail .panel-prescriptions #prescriptionDiagSnomedPractices > label:empty,
#PatientsDetail .panel-prescriptions #prescriptionDiagCie10Practices > label:empty,
#PatientsDetail .panel-prescriptions #prescriptionDiagSnomedPractices > .help-block:empty,
#PatientsDetail .panel-prescriptions #prescriptionDiagCie10Practices > .help-block:empty,
#PatientsDetail .panel-prescriptions #prescriptionDiagManual > .help-block:empty {
	display: none;
}
#PatientsDetail .panel-prescriptions .select2-cie-container {
	width: 100% !important;
	position: relative;
}
#PatientsDetail .panel-prescriptions .select2-cie-container:before {
	content: "\f002";
	font-family: FontAwesome;
	position: absolute;
	left: 14px;
	top: 10px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #94A3B8;
	font-size: 14px;
	z-index: 2;
	pointer-events: none;
}
#PatientsDetail .panel-prescriptions .select2-cie-container .select2-choices {
	border: 1px solid #E2E8F0 !important;
	border-radius: 8px !important;
	min-height: 36px;
	padding: 2px 8px 2px 36px !important;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none !important;
}
#PatientsDetail .panel-prescriptions .select2-cie-container.select2-container-active .select2-choices {
	border-color: #1560BD !important;
	box-shadow: 0 0 0 3px rgba(21,96,189,.12) !important;
}
#PatientsDetail .panel-prescriptions .select2-cie-container.select2-dropdown-open .select2-choices {
	border-radius: 8px 8px 0 0 !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
}
#PatientsDetail .panel-prescriptions .select2-cie-container .select2-search-field input {
	font-size: 14px;
	color: #2D3848;
	padding: 6px 4px !important;
	margin: 0;
	background: transparent !important;
}
#PatientsDetail .panel-prescriptions .select2-cie-container .select2-default {
	color: #94A3B8 !important;
}
#PatientsDetail .panel-prescriptions .select2-cie-container .select2-search-choice {
	margin: 3px 6px 3px 0 !important;
	padding: 4px 22px 4px 8px !important;
	font-size: 12px;
	font-weight: 600;
	color: #475569 !important;
	border-radius: 6px !important;
	background: #F2F7FE !important;
	border: 1px solid #E2E8F0 !important;
	box-shadow: none !important;
	line-height: 1.3;
}
#PatientsDetail .panel-prescriptions .select2-cie-container .select2-search-choice .select2-search-choice-close {
	right: 4px;
	left: auto;
	top: 5px;
}
#PatientsDetail .panel-prescriptions .prescription-diag-search textarea.form-control,
#PatientsDetail .panel-prescriptions #prescriptionDiagManual textarea.form-control {
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	box-shadow: none;
	min-height: 36px;
	padding: 8px 12px;
	color: #2D3848;
}
#PatientsDetail .panel-prescriptions .prescription-diag-search textarea.form-control:focus,
#PatientsDetail .panel-prescriptions #prescriptionDiagManual textarea.form-control:focus {
	border-color: #1560BD;
	box-shadow: 0 0 0 3px rgba(21,96,189,.12);
	outline: 0;
}
#PatientsDetail .panel-prescriptions .prescription-diag-search textarea.form-control::placeholder {
	color: #94A3B8;
}

/* Dropdown diagnóstico CIE/SNOMED */
.select2-drop.select2-cie-dropdown {
	margin-top: -1px;
	border: 1px solid #1560BD !important;
	border-top: none !important;
	border-radius: 0 0 8px 8px !important;
	box-shadow: 0 8px 16px rgba(21,96,189,.08);
	overflow: hidden;
}
.select2-drop.select2-cie-dropdown .select2-results {
	margin: 0;
	padding: 4px 0;
}

/* Diagnóstico options: checkbox pills */
#PatientsDetail .panel-prescriptions .prescription-diag-options {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 4px;
}
#PatientsDetail .panel-prescriptions .prescription-diag-options--orden {
	display: flex;
	flex-wrap: wrap;
	margin-top: 4px;
}
#PatientsDetail .panel-prescriptions .prescription-diag-options .btn-no-generic,
#PatientsDetail .panel-prescriptions .prescription-diag-options .btn-duplicate-prescription,
#PatientsDetail .panel-prescriptions .prescription-diag-options .btn-is-long,
#PatientsDetail .panel-prescriptions .prescription-diag-options .btn-anonymous-prescription {
	width: 100%;
	min-width: 0;
	margin: 0 !important;
	text-align: left;
}
#PatientsDetail .panel-prescriptions .btn-no-generic,
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription,
#PatientsDetail .panel-prescriptions .btn-is-long,
#PatientsDetail .panel-prescriptions .btn-anonymous-prescription {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #E2E8F0 !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #94A3B8 !important;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .2px;
	text-transform: none;
	box-shadow: none !important;
}
#PatientsDetail .panel-prescriptions .btn-no-generic.active,
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription.active,
#PatientsDetail .panel-prescriptions .btn-is-long.active,
#PatientsDetail .panel-prescriptions .btn-anonymous-prescription.active {
	border-color: #1560BD !important;
	color: #1560BD !important;
}
#PatientsDetail .panel-prescriptions .prescription-opt-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	border: 1.5px solid #929292;
	border-radius: 3px;
	background: #fff;
	box-sizing: border-box;
	line-height: 1;
}
#PatientsDetail .panel-prescriptions .btn-no-generic.active .prescription-opt-check,
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription.active .prescription-opt-check,
#PatientsDetail .panel-prescriptions .btn-is-long.active .prescription-opt-check,
#PatientsDetail .panel-prescriptions .btn-anonymous-prescription.active .prescription-opt-check {
	border-color: #1560BD;
	background-color: #1560BD;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2L4.8 8.5L9.5 3.5' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px 10px;
}
#PatientsDetail .panel-prescriptions .btn-anonymous-prescription .fa-info-circle {
	margin-left: 2px;
	color: #94A3B8;
	font-size: 13px;
}
#PatientsDetail .panel-prescriptions .btn-anonymous-prescription.active .fa-info-circle {
	color: #1560BD;
}

/* Manage templates modal */
.modal-manage-templates { width: 480px; max-width: 94vw; }
.modal-manage-templates .modal-content { border-radius: 18px; overflow: hidden; border: none; box-shadow: 0 16px 40px rgba(26, 35, 51, 0.18); }
.modal-manage-templates.modal-new-design .modal-header { background: #fff; border-bottom: none; height: auto; padding: 22px 24px 8px; position: relative; }
.modal-manage-templates.modal-new-design .modal-header h3 { font-size: 16px !important; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #475569; margin: 0; }
.modal-manage-templates.modal-new-design .modal-dialog-close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid #CCC;
	border-radius: 50%;
	background: transparent !important;
	color: #AAA;
	opacity: 1;
	line-height: 28px;
	text-align: center;
}
.modal-manage-templates.modal-new-design .modal-dialog-close:hover { color: #4A5B6B; border-color: #AAB4BE; background: #F8FAFC !important; }
.modal-manage-templates.modal-new-design .modal-dialog-close .fa { font-size: 14px; line-height: 28px; }
.modal-manage-templates.modal-new-design .modal-body { padding: 8px 24px 10px; }
.modal-manage-templates .manage-templates-list { max-height: 340px; overflow-y: auto; }
.modal-manage-templates .manage-templates-item { display: flex; align-items: center; gap: 12px; padding: 14px 0; margin: 0; border-bottom: 1px solid #E8EEF5; cursor: pointer; font-weight: 400; position: relative; }
.modal-manage-templates .manage-templates-item--all { border-bottom-color: #D7E3F2; }
.modal-manage-templates .manage-templates-item--all .manage-templates-item__label { color: #1560BD; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: .3px; }
.modal-manage-templates .manage-templates-item__label { flex: 1 1 auto; color: #334155; font-size: 14px; }
#modalManageTemplates .manage-templates-check-input,
.modal-manage-templates .manage-templates-check-input {
	display: none !important;
}
.modal-manage-templates .manage-templates-check-ui {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	border: 1.5px solid #929292;
	border-radius: 3px;
	background: #fff;
	box-sizing: border-box;
	line-height: 1;
}
.modal-manage-templates .manage-templates-check-ui.is-checked {
	border-color: #1560BD !important;
	background-color: #1560BD !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2L4.8 8.5L9.5 3.5' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 14px 14px !important;
}
.modal-manage-templates .manage-templates-check-input:focus-visible + .manage-templates-check-ui {
	box-shadow: 0 0 0 3px rgba(21, 96, 189, 0.18);
}
.modal-manage-templates .manage-templates-item__delete { background: transparent; border: none; color: #E35B5A; padding: 4px 6px; cursor: pointer; font-size: 16px; line-height: 1; flex: 0 0 auto; }
.modal-manage-templates .manage-templates-item__delete:hover { color: #C43C3B; }
.modal-manage-templates.modal-new-design .modal-footer { border-top: none !important; padding: 12px 24px 22px; }
.modal-manage-templates .manage-templates-btn-delete { background: #fff; border: 1px solid #CBD5E1; color: #94A3B8; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; padding: 10px 18px; border-radius: 999px; cursor: not-allowed; }
.modal-manage-templates .manage-templates-btn-delete.is-active { border-color: #E35B5A; color: #E35B5A; cursor: pointer; }
.modal-manage-templates .manage-templates-btn-delete.is-active:hover { background: #FEF2F2; }
.modal-manage-templates.modal-new-design .modal-footer .btn.blue { min-width: 110px; justify-content: center; }

#PatientsDetail .panel-payments .img-responsive {  margin-bottom: 30px; filter: grayscale(100%); }
#PatientsDetail .panel-payments .table-container-payment .row { margin: 0px; }
#PatientsDetail .panel-payments .portlet-budget h5 { color: #999; }
#PatientsDetail .panel-payments .portlet-budget h2 { color: #999; }
#PatientsDetail .panel-payments .portlet-budget h1 { margin-top: 10px; color: #666; }
#PatientsDetail .panel-payments .table-payments tr .btn-edit:not(.green) { color: #999; }
#PatientsDetail .panel-payments .table-payments tr .fancybox-payment-attach-button { opacity: 0; }
#PatientsDetail .panel-payments .table-payments tr:hover { color: #333; }
#PatientsDetail .panel-payments .table-payments tr:hover td { color: #333; background-color: #F0F0F0; }
#PatientsDetail .panel-payments .table-payments tr:hover .btn-edit:not(.green) { color: #333; }
#PatientsDetail .panel-payments .table-payments tr:hover .btn-edit:not(.green) i { font-size: 18px; }
#PatientsDetail .panel-payments .table-payments tr:hover .fancybox-payment-attach-button { opacity: 100; }


#PatientsDetail .modal-content .ms-container { width: 100% }


#PatientsDetail .panel-images .images-container .mix-inner .div-container a.btn { position: absolute; right: 5px; top: 5px; z-index: 5000; border: 2px solid #FFF !important; padding: 7px;}

#PatientsDetail .panel-info .btn-patient-comment { cursor: pointer; text-decoration: none; background-color: #67809F; color: #FFF; padding: 2px 5px; border-radius: 5px; font-size: 11px; font-weight: 900; }
#PatientsDetail .panel-info .list-group-item .patient-editable { white-space: pre-line !important; }

#PatientsDetail .panel-internment .msg-time-chat .second .img-profile { width : 39px; }
#PatientsDetail .panel-internment .msg-time-chat .second .table-user tr td { padding-right : 10px; }
#PatientsDetail .panel-internment .msg-time-chat .msg-in .text .first { width: 100px; }
#PatientsDetail .panel-internment .msg-time-chat .msg-in .text .second { margin-left: 105px; font-size: 13px; background: none !important; color: #333; }
#PatientsDetail .panel-internment .msg-time-chat:not(.active):hover .first { background: #666 !important; cursor: default !important; }
#PatientsDetail .panel-internment .msg-time-chat:not(.active):hover .second { background: #FFF !important; cursor: default !important; }
#PatientsDetail .panel-internment .msg-time-chat:not(.active):hover .arrow { border-right-color: #666 !important; cursor: default !important; }
#PatientsDetail .modal-dialog .table-indications thead tr th { font-size: 13px }
#PatientsDetail .modal-dialog .table-indications tbody tr td input { font-size: 13px }
#PatientsDetail .modal-dialog .table-indications tbody tr td select { font-size: 13px }
#PatientsDetail .modal-dialog .table-indications tbody tr td { padding: 4px }
#PatientsDetail .modal-dialog #tabIndication .form-md-line-input { padding-top: 0 }

#PatientsDetail .screen-panel-item .badge-sidebar-menu { position: absolute; margin-top: -24px; margin-left: 26px; pointer-events: none; font-size: 9px !important; line-height: 12px; font-weight: normal; }

#PatientDerivationPopup .form-body { padding: 5px 10px; }
#PatientDerivationPopup .row-header .col-md-5 { margin: 0px; width: 48%; }
#PatientDerivationPopup .row-header .col-md-5.col-left { padding-right: 5px; }
#PatientDerivationPopup .row-header .col-md-5.col-right { padding-left: 5px; }
#PatientDerivationPopup .row-header .col-md-2 { margin: 0px; padding: 0px; width: 4%; }
#PatientDerivationPopup .person-info { height: 60px; padding: 10px; border: 1px solid #EEE; border-radius: 10px; }
#PatientDerivationPopup .person-info.error { border: 1px solid #F00; }
#PatientDerivationPopup .person-info.error h5 { color: #F00; }
#PatientDerivationPopup .person-info img { margin-right: 10px; width: 40px; height: 40px; }
#PatientDerivationPopup .person-info .actions a { margin-left: 5px; }
#PatientDerivationPopup .person-info:hover { background: #EDF7F9; }
#PatientDerivationPopup .person-info h6 { margin: 0 0 -4px; font-size: 12px; padding-top: 0px; }
#PatientDerivationPopup .person-info h5 { font-size: 16px; padding-top: 2px; }
#PatientDerivationPopup .person-separator i { font-size: 25px; color: #999; line-height: 60px; }
#PatientDerivationPopup .dropdown-toggle { width: 25px; height: 25px; margin-top: 6px; padding: 5px; }
#PatientDerivationPopup .btn-group-users ul { overflow-y: auto; margin-left: -265px; width: 290px; margin-top: 18px; max-height: 170px; overflow-x: hidden; }
#PatientDerivationPopup .btn-group-users ul li .menu-user-new { font-size: 20px; line-height: 40px; margin-right: 10px; }
#PatientDerivationPopup .btn-group-users ul li .menu-user-name { font-size: 16px; padding-top: 4px; }
#PatientDerivationPopup .btn-group-users ul li .menu-user-type { font-size: 12px; }
#PatientDerivationPopup .new-professional-data { margin-bottom: 10px; padding: 15px; border: 1px solid #EEE; border-radius: 10px; }
#PatientDerivationPopup .new-professional-data h5 { margin-top: -5px; margin-bottom: 10px; }
#PatientDerivationPopup .form-group p { background: #FAFAFA; border: 1px solid #F0F0F0; border-radius: 10px; padding: 10px; }
#PatientDerivationPopup .form-group p.empty { color: purple; }
#PatientDerivationPopup .row-abstract-container { margin: 0px 0px 15px 0px; color: #333; background: #FAFAFA; border: 1px solid #34d4be; border-radius: 10px; padding-bottom: 10px; }
#PatientDerivationPopup .row-abstract-container h5 { font-weight: 600; color: #12bca8; }
#PatientDerivationPopup .row-abstract ul { padding: 0px 8px; }
#PatientDerivationPopup .row-abstract li { display: block; margin-bottom: 5px; }

/* ---- 15. END PATIENTS DETAIL ---- */

/* ---- 15-bis. PATIENTS DETAIL INTERCONSULTATION ---- */
#PatientsDetailInterconsultation .screen-panel-item.interconsultation a i { width: 24px; height: 24px; background: #666; color: #FFF !important; border: 1px solid #999 !important; position: absolute; left: 24px; bottom: -2px; font-size: 14px !important; line-height: 22px; }
#PatientsDetailInterconsultation .screen-panel-item.interconsultation a.selected i { border: 2px solid #12bca8 !important; background: #12bca8 !important; color: #FFF !important; } /*border: 2px solid #12bca8 !important; }*/
#PatientsDetailInterconsultation .screen-panel-item.interconsultation a .menu-image { max-width: 60px; max-height: 60px; border: 2px solid #FFF; margin-left: -8px;  }
#PatientsDetailInterconsultation .screen-panel-item.interconsultation a.selected .menu-image { border: 3px solid #12bca8; }

#PatientsDetailInterconsultation .page-sub-header { height: 80px; background-color: #DBECEF; border-bottom: none; }
#PatientsDetailInterconsultation .page-sub-header.small-height { height: 50px; opacity: 0.85; }

#PatientsDetailInterconsultation .patient-header .profile-info { display: inline-block; }
#PatientsDetailInterconsultation .patient-header .profile-info h1 { font-size: 25px; line-height: 28px; max-width: 400px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#PatientsDetailInterconsultation .patient-header .font-green { color : #026A5B !important; }
#PatientsDetailInterconsultation .patient-header dt, #PatientsDetailInterconsultation .patient-header dd { display: inline-block; width: 49%; font-weight: 400; }
#PatientsDetailInterconsultation .patient-header h4 { margin: 5px 0; }
#PatientsDetailInterconsultation .patient-header h5 { margin: 0px; }
#PatientsDetailInterconsultation .patient-header .label { display: block; font-size: 18px; text-align: center; padding: 12px 15px; }
#PatientsDetailInterconsultation .patient-header .label small { color: #DBEFFF; font-size: 14px; }

#PatientsDetailInterconsultation .patient-header .icon-container { position: absolute; left: 0; margin-left: 25px; width: 50%; height: 50px; top: 15px; }
#PatientsDetailInterconsultation .patient-header .icon-container label { display:none; float: right; line-height: 50px; padding-right: 10px; font-weight: 600; }
#PatientsDetailInterconsultation .patient-header .icon-container i { float: right; background: #31C7B2; color: #FFF; border: 2px solid #FAFAFA; border-radius: 50%; font-size: 28px; line-height: 45px; width: 50px; height: 50px; padding-left: 10px; }

#PatientsDetailInterconsultation .profile-image-box img { border-color: #EEE; width: 88px; height: 88px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1); margin-bottom: 0; border: 4px solid #fff; }
#PatientsDetailInterconsultation .profile-image-box { display: inline-block; position: relative; margin-bottom: -25px; vertical-align: top; }
#PatientsDetailInterconsultation .profile-featured-info { height: 80px; overflow-x: hidden; overflow-y: hidden; border-left: 1px solid rgba(0,0,0,0.1); padding-top: 20px; padding-bottom: 0px; font-size: 12px }
#PatientsDetailInterconsultation .profile-featured-info .profile-td-data { padding: 10px; vertical-align: top; }
#PatientsDetailInterconsultation .profile-featured-info .profile-td-data textarea { width: 100%; height: 100%; }
#PatientsDetailInterconsultation .profile-featured-info .col-prof { overflow-y: hidden; padding: 10px 0px; text-align: left; margin-top: -20px; border-right: 1px solid #FFF; }
#PatientsDetailInterconsultation .profile-featured-info .col-prof .profile-image { max-width: 60px; max-height: 60px; border: 2px solid #FFF; margin-left: 60px; margin-top: 0px; }
#PatientsDetailInterconsultation .profile-featured-info .col-prof .title { font-size: 16px; font-weight: 600; padding: 5px; margin-top: 5px; }
#PatientsDetailInterconsultation .profile-featured-info h5 { font-weight: 600; color: #c49f47; }
#PatientsDetailInterconsultation .profile-featured-info .desc { padding-top: 5px; max-height: 60px; height: 60px; overflow-y: auto; }

#PatientsDetailInterconsultation .page-sub-header.small-height .patient-header { height: 50px; }
#PatientsDetailInterconsultation .page-sub-header.small-height .patient-header .row { height: 50px; }
#PatientsDetailInterconsultation .page-sub-header.small-height .patient-header .row div { max-height: 50px; }

#PatientsDetailInterconsultation .page-sub-header.small-height .profile-info { width: 80%; }
#PatientsDetailInterconsultation .page-sub-header.small-height .consultation-status { width: 20%; }
#PatientsDetailInterconsultation .page-sub-header.small-height .col-md-4.profile-featured-info { display: none; }
#PatientsDetailInterconsultation .page-sub-header.small-height .profile-image-box img { height: 70px; width: 70px; margin-left: 10px; margin-top: 0px; box-shadow: none; border: 6px solid #e5e9f2; background: #e5e9f2; }
#PatientsDetailInterconsultation .page-sub-header.small-height .profile-image-box { margin-left: 16px; }
#PatientsDetailInterconsultation .page-sub-header.small-height .profile-name { margin: 0; line-height: 50px; font-size: 22px; display: inline-block; margin-right: 10px; overflow: visible; }
#PatientsDetailInterconsultation .page-sub-header.small-height h4 { margin: 0; font-size: 15px; margin-right: 10px; color: #039680; }
#PatientsDetailInterconsultation .page-sub-header.small-height h5 { margin: 0; font-size: 12px; display: inline-block; margin-right: 10px; color: #555; }
#PatientsDetailInterconsultation .page-sub-header.small-height .profile-featured-info { display: none; }
#PatientsDetailInterconsultation .page-sub-header.small-height .icon-container { left: auto; right: 40px; top: 0px; }
#PatientsDetailInterconsultation .page-sub-header.small-height .icon-container label { display:inline; }
#PatientsDetailInterconsultation .page-sub-header.small-height .icon-container i { font-size: 22px; line-height: 34px; width: 40px; height: 40px; margin-top: 5px; padding-left: 8px; }
#PatientsDetailInterconsultation .page-sub-header.small-height .interconsultation-tools { float: right; margin-top: -3px; }
#PatientsDetailInterconsultation .page-sub-header.small-height .next-event { float: right; margin-right: 15px; }


#PatientsDetailInterconsultation .panel-consultations h4.title { font-size: 14px; }

#PatientsDetailInterconsultation .message-body { margin-left: 45px; }
#PatientsDetailInterconsultation .msg-time-chat .msg-in .text .first { width: 95px; }
#PatientsDetailInterconsultation .msg-time-chat .btn-group { display: none; }
#PatientsDetailInterconsultation .msg-time-chat.active .btn-group { display: block; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress { overflow: visible; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .consultation_date { line-height: 23px; font-size: 14px; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .btn { margin: 0; background: none; color: #F1F1F1; box-shadow: none; font-size: 12px !important; padding: 2px 8px 3px 8px; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .btn:hover { background: rgba(0,0,0,0.2); color: #FFF; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .msg-in .text .first { width: 190px; text-align: left; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .btn-group li a { margin-right: 0; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .btn-group li span { display: block; padding: 6px 10px; color: #555; font-size: 13px; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .btn-group li span i { color: #26A69A; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress.active::before { background: #f36a5a; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress.active .msg-in .text .first { background: #f36a5a !important; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .consultation_date ul.dropdown-menu li.selected a { font-weight: bold; pointer-events: none; text-transform: uppercase; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .consultation_date ul.dropdown-menu li.selected a:before { font-family: FontAwesome; content: "\f00c"; padding-right: 3px; }
#PatientsDetailInterconsultation .msg-time-chat .msg-in .text .second { margin-left: 100px; font-size: 11px; background: #999; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress .msg-in .text .second { display: none; }
#PatientsDetailInterconsultation .msg-time-chat.active .msg-in .arrow { border-right-color: #12BCA8 !important; }
#PatientsDetailInterconsultation .msg-time-chat.in-progress.active .msg-in .arrow { border-right-color: #f36a5a !important; }
#PatientsDetailInterconsultation .msg-time-chat.active::before { background: #12BCA8; }
#PatientsDetailInterconsultation .msg-time-chat .second.owner { background: #26a69a !important; }
#PatientsDetailInterconsultation .msg-time-chat.active .first, #PatientsDetail .msg-time-chat.active .second { background: #12BCA8 !important; }

#PatientsDetailInterconsultation .panel-interconsultation .list-group .list-group-item { padding: 10px 15px; }
#PatientsDetailInterconsultation .panel-interconsultation .list-group .list-group-item .text-muted { font-size: 11px; }
#PatientsDetailInterconsultation .panel-interconsultation .btn-goto-hc { margin-top: 18px; }
#PatientsDetailInterconsultation .panel-interconsultation h5.response-note { line-height: 18px; }
#PatientsDetailInterconsultation .panel-interconsultation h5 a { color: #12BCA8; font-weight: 600; }

#PatientsDetailInterconsultation #consultation_detail #s2id_cie10 .select2-search-choice { line-height: 20px}
#PatientsDetailInterconsultation #consultation_detail .select2-choices { border: none; border-bottom: 1px solid #CCC }
#PatientsDetailInterconsultation #consultation_detail .select2-container { border-bottom: none}

#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .detail { font-size: 20px; }
#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .img-profile { width: 40px; height: 40px; margin-top: -4px; margin-right: -2px; border: 1px solid #CCC }
#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .description { font-size: 16px; padding: 10px 0px; }
#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .description-title { color: #666; font-size: 14px; padding-top: 20px; border-bottom: 1px solid #CCC; }
#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .description-subtitle { color: #666; font-size: 12px; float: right; margin-right: 5px; }
#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .prof-name { float: right; margin-right: 5px; margin-top: 4px; font-size: 12px; font-weight: 600; }
#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .prof-type { float: right; margin-right: 5px; font-size: 10px; }
#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .response-title { color: #666; font-size: 14px; padding-top: 20px; border-bottom: 1px solid #CCC; }
#PatientsDetailInterconsultation #consultation_detail .consultation-derivation .response { font-size: 16px; padding: 10px 0px; }

#PatientsDetailInterconsultation #consultationsList .msg-time-chat .msg-in .text .first { padding: 8px}

#PatientsDetailInterconsultation #consultation_detail .portlet-header h3 { margin: 0; }
#PatientsDetailInterconsultation #consultation_detail .portlet-header h3 small { color: #AAA; }
#PatientsDetailInterconsultation #consultation_detail .portlet-header .label { height: auto; padding: 7px 10px; margin-left: 8px; background: #949496; }
#PatientsDetailInterconsultation #consultation_detail .widget .row { padding: 4px 0; padding: 15px 0; border-bottom: 1px dotted #DDD; }
#PatientsDetailInterconsultation #consultation_detail .widget.last .row { border-bottom: none; }
#PatientsDetailInterconsultation #consultation_detail .widget h4 { color: #888; font-size: 14px; margin: 0; line-height: 25px; }
#PatientsDetailInterconsultation #consultation_detail .widget .value { font-size: 18px; margin: 0; }
#PatientsDetailInterconsultation #consultation_detail .widget.widget-wText .value { font-size: 15px; }
#PatientsDetailInterconsultation #consultation_detail .label.preview-value { color: #777; background: #FFF; box-shadow: none; border: 1px solid #DDD; font-size: 12px; padding: 5px 10px 6px; }
#PatientsDetailInterconsultation #consultation_detail .widget-graph { margin-left: 15px; }
#PatientsDetailInterconsultation #consultation_detail .value .text-muted { color: #BBB; }
#PatientsDetailInterconsultation #consultation_detail .widget textarea { border-radius: 0 !important; }
#PatientsDetailInterconsultation #consultation_detail .widget.widget-wOptions .label { background: #555; padding: 5px 10px; box-shadow: none; margin-right: 3px; }
#PatientsDetailInterconsultation #consultation_detail .form-group.form-md-line-input {padding-top: 0}
#PatientsDetailInterconsultation #consultation_detail .form-group.form-md-line-input .input-group {padding-top: 0}
/*
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .row { background: #EEE; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile input { color: rgb(38, 166, 154); font-size: 20px; border: none; text-align: right; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .input-group-addon { color: rgb(38, 166, 154); padding: 5px; border: none; text-align: left; }
*/
#PatientsDetailInterconsultation #consultation_detail .percentile-graph-title { padding-left: 5px; }
#PatientsDetailInterconsultation #consultation_detail .percentile-graph-footer-left { position: absolute; font-size: 11px; bottom: 0px; left: 0px; margin-left: 30px; margin-bottom: 10px; }
#PatientsDetailInterconsultation #consultation_detail .percentile-graph-footer-right { position: absolute; font-size: 11px; bottom: 0px; right: 0px; margin-right: 30px; margin-bottom: 10px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile { margin: 20px -15px; background: #f3f5f9; padding: 10px 25px; border-top: 1px solid #e4e4e4; }
#PatientsDetailInterconsultation #consultation_detail .portlet-body.in-progress .widget-percentile { margin: 20px -20px; background: #FAFAFC; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .graph-percentile { min-height: 150px; padding: 5px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .graph-percentile canvas { border-left: 1px solid #e2e7f1; border-bottom: 1px solid #e2e7f1; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .no-graph { display: flex; align-items: center; color: #999; font-style: italic; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .col-percentile { float: right; min-width: 100px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile h3 { font-size: 20px; padding: 2px 0px; color: #26a69a; font-weight: bold; margin: 0px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile h3.disabled { color: #666; font-size: 11px; font-weight: lighter; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile h5 { font-size: 10px; padding-bottom: 9px; margin: 10px 6px 0px 6px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile i { padding-left: 2px; color: #AAA !important; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-value-container { margin-left: 5px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile a { color: #26a69a; }
#PatientsDetailInterconsultation #consultation_detail .alert-percentile { margin-top: 10px; font-size: 12px; padding-top: 5px; padding-bottom: 5px; background: #F0F0F0; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .widget-percentile-blocked-timeout { background-color: #f2f2f2; border: 1px solid #e2e2e2; border-radius: 10px; position: relative; margin-top: 18px !important; margin-bottom: 10px; padding-top: 30px; margin: 0 -3px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .ribbon { display: none; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .widget-percentile-blocked-timeout .ribbon { display: inline; position: absolute; right: 20px;	top: -13px;	background-color: #666;	color: #FFF; padding: 6px 8px; border-radius: 50%; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .widget-percentile-blocked-timeout .ribbon:hover { color: #FFF; background: #26a69a; }

#PatientsDetailInterconsultation #consultation_detail .widget-percentile .widget-percentile-graphic { padding: 20px 0px 5px 0px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .widget-percentile-title { font-size: 16px; margin-top: 20px; color: #666; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-graphic-show-hide { font-size: 12px; padding: 5px; line-height: 16px; text-decoration: none; position: absolute; top: 0px; right: 15px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-graphic-show-hide:hover { text-decoration: underline; }

#PatientsDetailInterconsultation #consultation_detail .widget-percentile .hide-graph-percentil { height: 0px;	padding: 0px !important; overflow: hidden; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile .title { text-align: center; width: 300px; float: right; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-bmi .title { text-align: center; width: 280px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-bmi .col-percentile { width: 140px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-bmi .percentile-value-container { margin-left: 0px; margin-right: 5px; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-bmi .input-bmi-text.state-0 {  }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-bmi .input-bmi-text.state-1 { color: #e2954e; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-bmi .input-bmi-text.state-2 { color: #ea787a; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile .percentile-bmi .input-bmi-text.state-2-small { color: #ea787a; line-height: 18px; font-size: 14px; padding: 5px; }

#PatientsDetailInterconsultation #consultation_detail .widget-percentile-container.widget-percentile-with-medubot .widget-percentile .row { opacity: 0.6; filter: blur(1px); pointer-events: none; }
#PatientsDetailInterconsultation #consultation_detail .widget-percentile-container.widget-percentile-with-medubot .widget-percentile .medubot-patient-sex .msg { border: 1px solid #DDD; }

/*#PatientsDetailInterconsultation #consultation_detail .consultation-image { height: 200px; max-width: 100%; overflow: hidden; text-align: center; border: 1px solid #DDD; border-radius: 5px; padding: 7px; margin-bottom: 10px}*/
#PatientsDetailInterconsultation #consultation_detail .consultation-image img { width: 100% }
#PatientsDetailInterconsultation #consultation_detail .consultation-image .image-desc { text-align: center; padding: 10px; font-size: 16px; color: #666; margin-bottom: 15px; border: 2px solid #CCC; border-radius: 0 0 10px 10px;}

#PatientsDetailInterconsultation .consultation-edited-item { margin-bottom: 20px; border: 1px solid rgb(0, 0, 0, 0.1); padding: 0px 10px; background: rgb(255, 255, 255, 0.5) }
#PatientsDetailInterconsultation .consultation-edited-item ul { padding: 0px; }
#PatientsDetailInterconsultation .consultation-edited-item ul li { display: block; margin-left: 150px; border-left: 2px solid #CCC; padding: 0px 5px; }
#PatientsDetailInterconsultation .consultation-edited-item ul li.title { float:left; margin-left: 0px; padding-left: 0px; border-left: none; max-width: 150px; }

#PatientsDetailInterconsultation .table-laboratory .progress-small { height: 8px; margin-top: 5px; }
#PatientsDetailInterconsultation .table-laboratory .name { text-transform: uppercase; }
#PatientsDetailInterconsultation .table-laboratory .badge { background: #FFF !important; border: 1px solid #DDD; color: #777 !important; font-size: 14px !important; height: 25px; box-shadow: none; margin-bottom: 5px; margin-right: 2px; }
#PatientsDetailInterconsultation .table-laboratory .badge .thin { font-size: 11px !important; margin-right: 5px; }
#PatientsDetailInterconsultation .table-laboratory h6 { margin-top: 10px; margin-bottom: 5px; }
#PatientsDetailInterconsultation .table-laboratory .btn-delete-analysis { display: none; }

#PatientsDetailInterconsultation .info-family h4 { margin-bottom: 0; }
#PatientsDetailInterconsultation .list-hospitalizations .badge { height: auto; font-weight: normal; padding: 3px 12px 3px 3px !important; border-radius: 18px !important; margin-left: 15px; background: #C9EEFF; color: #333; box-shadow: none; }
#PatientsDetailInterconsultation .list-hospitalizations .badge img { margin-right: 5px; }

#PatientsDetailInterconsultation .form-md-line-input input {  border-radius: 0 !important; }
#PatientsDetailInterconsultation .widget-wNumber .form-md-line-input { width: 100px; }
#PatientsDetailInterconsultation .widget-wNumber .form-md-line-input input { text-align: center; }
#PatientsDetailInterconsultation .widget-wNumber .form-md-line-input .input-group-addon { font-size: 85%; }

#PatientsDetailInterconsultation .widget-wOdontogram .table td { padding: 5px; }
#PatientsDetailInterconsultation #formTreatmentType:disabled { color: rgb(42, 180, 192); font-weight: bold; cursor: default !important; }
#PatientsDetailInterconsultation #odontograma { background: #F0F0F0; padding: 20px 0px; border: 1px solid #E0E0E0; }

#PatientsDetailInterconsultation .portlet.light.transparent .tabbable-line > .tab-content { background: none; }
#PatientsDetailInterconsultation .portlet.light.transparent .tabbable-line > .tab-content > .tab-pane { display: block !important; visibility: visible !important; }

#PatientsDetailInterconsultation .images-container .mix-inner .img-responsive { width: 100% }
#PatientsDetailInterconsultation .images-container .div-container { position: absolute; text-align: center; top: 0; height: 100%; width: 100%; overflow: hidden; background-color: #F9F9F9; border-radius: 5px;}
#PatientsDetailInterconsultation .images-container .mix-details { border-radius: 5px;}
#PatientsDetailInterconsultation .images-container .mix-details { background-color: #34d4be; }
#PatientsDetailInterconsultation .images-container .img-full-height { height: 100% }
#PatientsDetailInterconsultation .images-container .mix { padding: 5px 5px 0 5px !important; }
#PatientsDetailInterconsultation .images-container .mix-details h4 { margin-top: 8px; }
#PatientsDetailInterconsultation .images-container .mix-details a.mix-preview { margin-left: -22px; background-color: #34d4be; border-radius: 10px}
#PatientsDetailInterconsultation .images-container.mix-grid .mix {margin-bottom: 5px;}

#PatientsDetailInterconsultation .panel-images .images-container .mix-inner .div-container a.btn { position: absolute; right: 5px; top: 5px; z-index: 5000; border: 2px solid #FFF !important; padding: 7px;}

#PatientsDetailInterconsultation .modal-content .ms-container { width: 100% }
#PatientsDetailInterconsultation .modal-dialog .table-indications thead tr th { font-size: 13px }
#PatientsDetailInterconsultation .modal-dialog .table-indications tbody tr td input { font-size: 13px }
#PatientsDetailInterconsultation .modal-dialog .table-indications tbody tr td select { font-size: 13px }
#PatientsDetailInterconsultation .modal-dialog .table-indications tbody tr td { padding: 4px }
#PatientsDetailInterconsultation .modal-dialog #tabIndication .form-md-line-input { padding-top: 0 }
/* ---- 15-bis. END PATIENTS DETAIL INTERCONSULTATION ---- */

/* ---- 16. PATIENTS DASHBOARD ---- */



#PatientsDashboard .pagination .active > a, .pagination .active > a:hover { background: #F0F0F0; border-color: #009999; color: #009999; font-weight: bold; }
#PatientsDashboard .left-pane { line-height: 22px; }

#PatientsDashboard .titlebar button { margin-left: 10px; }
#PatientsDashboard #panelPatientList { margin-bottom: 0; }
#PatientsDashboard #panelPatientList .portlet-body { height: calc(100vh - 255px); }
#PatientsDashboard #panelPatientList .portlet-footer { padding: 5px 20px; height: 48px; }
#PatientsDashboard #panelPatientList .center-pane-content { float: left; text-align: right; padding: 0px; }
#PatientsDashboard #panelPatientList .center-pane-content #SearchPage { font-size: 16px; line-height: 26px; text-align: center;
  padding: 2px 5px; margin-top: 2px; width: 40px;     border-radius: 4px !important; border: 1px solid #ddd; color: #777; }
#PatientsDashboard #patientsList { width: 100%; }
#PatientsDashboard #patientsList .tr-image { margin-right: 10px; }
#PatientsDashboard #patientsList .col-buttons { padding-right: 5px; }
#PatientsDashboard #patientsList .col-buttons .btn { margin-right: 2px; }
#PatientsDashboard #patientsList .label-primary { margin-top: 7px; display: block; line-height: 14px; }
#PatientsDashboard #patientsList .patient-name { font-weight: 800; line-height: 18px; margin: 0; }
#PatientsDashboard #patientsList h5 { margin: 0; line-height: 18px; font-weight: 400; }
#PatientsDashboard #patientsList .progress-small { margin-top: 3px; margin-bottom: 0; }
#PatientsDashboard #patientsList .row-details { width: 16px; height: 16px; }
#PatientsDashboard #patientsList .row-details.row-details-close { background: url("../../img/ico-plus.png"); }
#PatientsDashboard #patientsList .row-details.row-details-open { background: url("../../img/ico-minus.png"); }
#PatientsDashboard div.dataTables_filter { display: none; }
#PatientsDashboard div.dataTables_filter input { width: 150px !important; }
#PatientsDashboard .portlet-derivations a { color: #747f8c; font-size: 14px; font-weight: 600; text-decoration: none; }
#PatientsDashboard .portlet-derivations:hover a { color: #333; }
#PatientsDashboard .patients-export { font-size: 16px; line-height: 32px !important; margin-left: 5px; }

#PatientsDashboard .right-colum .portlet { margin-bottom: 15px !important; }

#PatientsDashboard .animate-shake.animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes btn-patient-new-shake {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-2px);}
  20%, 40%, 60%, 80% {transform: translateX(2px);}
}
#PatientsDashboard .animate-shake.shake { animation-name: btn-patient-new-shake; }
/* ---- 16. PATIENTS DASHBOARD ---- */

/* ---- 21. USERS REQUESTS ---- */

#UsersRequests .timeline-body { background: #FFF; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 6px; }
#UsersRequests .timeline-body-arrow { border-color: transparent #FFF transparent transparent; }
#UsersRequests .timeline-body-arrow.arrow-border { border-color: transparent #E5E5E5 transparent transparent; }
#UsersRequests .request-toanswer .timeline-item.status-1 .timeline-body { background: #C6FCA6; }
#UsersRequests .request-toanswer .timeline-item.status-1 .timeline-body-arrow { border-color: transparent #C6FCA6 transparent transparent; }
#UsersRequests .request-toanswer .timeline-item.status-9 .timeline-body { background: #FFCEC9; }
#UsersRequests .request-toanswer .timeline-item.status-9 .timeline-body-arrow { border-color: transparent #FFCEC9 transparent transparent; }
#UsersRequests .request-toanswer .timeline-item .timeline-body-arrow.arrow-border { top: 27px; border-width: 17px 17px 17px 0; left: -17px; }
#UsersRequests .request-toanswer .timeline-badge-userpic { border-color: #FFF; }
#UsersRequests .request-toanswer .timeline-body-title { font-size: 14px; }
#UsersRequests .request-toanswer .timeline-body-time { font-size: 12px; margin-left: 5px; }
#UsersRequests .request-toanswer .timeline-item:hover .timeline-badge-userpic { border-color: #31C7B2; border-width: 5px; }
#UsersRequests .request-toanswer .timeline-item:hover .timeline-body { border-color: #CCC; }
#UsersRequests .request-toanswer .timeline-item:hover .timeline-body-arrow.arrow-border { border-right-color: #CCC; }
#UsersRequests .request-toanswer .timeline-item:hover .timeline-body-head-actions button { background: #D8D8D8; }

#UsersRequests .tab-historic .timeline-item .font-grey-cascade { color: #777 !important; }
#UsersRequests .tab-historic .timeline-item .timeline-body-title { font-size: 12px; }
#UsersRequests .tab-historic .timeline-item .timeline-body-time { font-size: 10px; margin-left: 0; }
#UsersRequests .tab-historic .timeline-item .timeline-body-content { font-size: 12px; margin-top: 20px; color: #333; }
#UsersRequests .tab-historic .timeline-item .timeline-body { padding: 7px 10px; height: 55px; margin-left: 85px; }
#UsersRequests .tab-historic .timeline-item .timeline-badge { height: 50px; position: relative; }
#UsersRequests .tab-historic .timeline-item .timeline-badge-userpic { width: 55px; border-color: #FFF; margin-left: 15px; border-width: 3px; }
#UsersRequests .tab-historic .timeline-item .timeline-badge-userpic.img-from { display: none; }
#UsersRequests .tab-historic .timeline-item .timeline-body-arrow { top: 10px; border-width: 8px 8px 8px 0; left: -8px; }
#UsersRequests .tab-historic .timeline-item .timeline-body-arrow.arrow-border { top: 7px; border-width: 11px 11px 11px 0; left: -11px; }
#UsersRequests .tab-historic .timeline-item.type-sent .timeline-badge-userpic.img-from { display: block; width: 30px; z-index: 10; position: absolute; top: 5px; left: 0; margin-left: 0; border-width: 2px; }
#UsersRequests .tab-historic .timeline-item.type-sent .timeline-body { background: transparent; border: 2px solid #E5E5E5; }
#UsersRequests .tab-historic .timeline-item.type-sent .timeline-body-arrow { display: none; }
#UsersRequests .tab-historic .pull-right i { font-size: 24px; line-height: 33px; margin: 0; }


/* ---- 21. END USERS REQUESTS ---- */

/* ---- 22. USERS NETS ---- */

#UsersNets .mosaic-list { margin: 35px auto 0; max-width: 1005px; overflow: hidden; }
#UsersNets .net-item { margin: 8px; width: 185px; height: 270px; }
#UsersNets .net-item img { width: 100% !important; border: 4px solid #fff; transition: border-width 0.1s ease-in-out; cursor: pointer; }
#UsersNets .net-item:hover img { border-color: #31C7B2; border-width: 8px; }
#UsersNets .net-item:hover h4 { color: #31C7B2; }

/* ---- 22. END USERS NETS ---- */

/* ---- 23. USERS PROFILE ---- */

/*#UsersProfile .page-sub-header { background-image: url("../img/back_mosaic_1.jpg");   }*/
/* #UsersProfile .page-sub-header { border-bottom-color: #DDD; background: #E6E6E6; } */
#UsersProfile.page-header-fixed.page-has-sub-header .page-content-wrapper { margin-top: 10px; }
#UsersProfile .profile .profile-userpic img { border: 4px solid #fff; width: 70%; margin-top: 28px; }
#UsersProfile .header-title { margin-top: 26px; font-size: 26px; }
#UsersProfile .profile-usertitle-job span { font-size: 12px; }
#UsersProfile .panel-credit { border-left: 1px solid #CCC; }
#UsersProfile #panelResumen .list-separated { margin-top: 13px; }
#UsersProfile:not(.small-height) #panelResumen .list-separated > div { min-height: 85px; }
#UsersProfile.small-height #panelResumen { max-height: 50px; }
#UsersProfile .profile-stat-title { font-size: 40px; color: #555; font-weight: 700; }
#UsersProfile .profile-stat-text { color: #777; }
#UsersProfile .page-sub-header-inner { height: 50px; }
#UsersProfile .page-sub-header-inner .row { height: 50px; }
#UsersProfile .page-sub-header-inner .col-md-4 { margin-left: -35px; }
#UsersProfile.small-height .page-content-wrapper .page-content { max-height: calc(100vh - 110px); }
#UsersProfile #Offices_Detail h3 { border-bottom: 1px solid #eeeeee; margin-top: 8px; padding-bottom: 10px; }
#UsersProfile #Offices_Detail h3 .item-title { line-height: 34px; margin-left: 15px; }
#UsersProfile #Offices_Detail h3 a {  vertical-align: top; }
#UsersProfile #Offices_Detail #infoOffice label { width: 100px; font-size: 13px; }
#UsersProfile #Offices_Detail .pane-hours { border-top: 1px solid #eeeeee; margin: 15px 0; padding: 15px 0 5px; border-bottom: 1px solid #eeeeee; }
#UsersProfile #Offices_Detail .member-item { height: 80px; padding: 12px; border-bottom: 1px solid #EEE; }
#UsersProfile #Offices_Detail .member-item .actions { display: none; }
#UsersProfile #Offices_Detail .member-item .pane-state { display: none; }
#UsersProfile #Offices_Detail .member-item:hover { background: #EDF7F9; }
#UsersProfile #Offices_Detail .member-item:hover .actions { display: inline-block; }
#UsersProfile #Offices_Detail .member-item:hover .actions a { margin-left: 5px; }
#UsersProfile #Offices_Detail .member-item .pane-state i { margin: 0; margin-right: 3px; line-height: 35px; }
#UsersProfile #Offices_Detail .member-item img { margin-right: 10px; width: 35px; height: 35px; }
#UsersProfile #Offices_Detail .member-item h6 { margin: 0 0 -2px; font-size: 14px; padding-top: 3px; }
#UsersProfile #Offices_Detail .member-item .sending-request { display: none; }
#UsersProfile #Offices_Detail .member-item.member-invitation { height: auto; min-height: 60px; }
#UsersProfile #Offices_Detail .member-item.member-invitation h6 { font-size: 13px; }
#UsersProfile #Offices_Detail .member-item.member-invitation .pane-state { display: block; }
#UsersProfile #Offices_Detail .member-item.member-invitation:hover .pane-state { display: none; }
#UsersProfile #Offices_Detail .member-item.sending-countdown .sending-request { display: block; clear: both; background: #EEE; color: #333; text-align: center; margin: 48px -12px -8px; padding: 8px 0px; }
#UsersProfile #Offices_Detail .member-item.sending-countdown .sending-request a { color: #dd1144; }
#UsersProfile #Offices_Detail .member-item.sending-countdown .actions { display: none; }
#UsersProfile #Offices_Detail .member-item.sending-countdown .pane-state { display: none; }
#UsersProfile #Offices_Detail .pane-add-professional { padding: 8px 10px; text-align: left; }
#UsersProfile #Offices_Detail .pane-add-professional .btn { background: #FFF; margin-top: 8px; }
#UsersProfile #Offices_Detail #listSecretaries .member-item.member-invitation h6 { line-height: 28px; }
#UsersProfile #Offices_Detail #listSecretaries .member-item.member-invitation small { display: none; }
#UsersProfile #Offices_Detail #listSecretaries .member-item.member-invitation img { display: none; }
#UsersProfile #ConsultationTypes_List { margin-top: 10px; }
#UsersProfile #ConsultationTypes_List .portlet .portlet-body { margin-left: -8px; padding-top: 15px; }

#UsersProfile .panel-devices #Devices_List .item-device { cursor: pointer; background: #FAFAFA; border: 1px solid #EEE; border-radius: 5px; margin: 0px 5px 5px 2px; }
#UsersProfile .panel-devices #Devices_List .item-device i { font-size: 48px; line-height: 60px; }
#UsersProfile .panel-devices #Devices_List .item-device.selected { border-color: #26a69a; background: rgba(38, 166, 154, 0.1); }
#UsersProfile .panel-devices #Devices_List .item-device.selected i { color: #26a69a; }
#UsersProfile .panel-devices .device-config p.last-connection { font-weight: bold; }
#UsersProfile .panel-devices #Devices_NoList i { background: #FAFAFA; color: #999; width: 180px; height: 180px; padding-top: 10px; font-size: 180px; line-height: 150px; border: 5px solid #AAA; border-radius: 50%; margin: 20px; }

#UsersProfile .panel-meducall p { font-size: 12px; }
#UsersProfile .panel-meducall li b { font-size: 16px; }
#UsersProfile .panel-meducall li p { font-size: 14px; }

#UsersProfile .panel-image .jcrop-preview { background-color: #000; }

#UsersProfile .jcrop-back { background: #EEE; border-radius: 5px; padding: 10px 10px 6px 10px; margin-top: 10px; }
#UsersProfile .jcrop-centered { display: inline-block; }
#UsersProfile #preview-pane { border: none; box-shadow: none; background: none; top: -30px; }
#UsersProfile #preview-pane .preview-container { border: 4px solid #FFF; }
#UsersProfile .avatars ul { list-style: none; margin: 0; padding: 0; }
#UsersProfile .avatars ul li { float: left; width: 20%; padding: 3px; margin-bottom: 2px; }
#UsersProfile .avatars ul li img { border: 2px solid #FFF; transition: border-width 0.1s ease-in-out; }
#UsersProfile .avatars ul li:hover img { border: 5px solid #3A9C95; }
#UsersProfile .page-sub-header.small-height .header-title { font-size: 20px; margin-top: 15px; }
#UsersProfile .page-sub-header.small-height .profile-usertitle-job { display: none; }
#UsersProfile .page-sub-header .profile-usertitle-job-small { opacity: 0; }
#UsersProfile .page-sub-header.small-height .profile-usertitle-job-small { opacity: 1; line-height: 1.5; font-size: 10px; margin-left: 10px; }
#UsersProfile .page-sub-header.small-height #panelResumen { height: 100%; line-height: 50px; padding-right: 30px; }
#UsersProfile .page-sub-header.small-height #panelResumen .profile-stat-title { font-size: 22px; display: inline; margin-left: 15px; }
#UsersProfile .page-sub-header.small-height #panelResumen .profile-stat-text { font-size: 16px; display: inline; }
#UsersProfile .page-sub-header.small-height .row.profile>.col-md-12>.row>.col-md-4 { width: 41.6667%; }
#UsersProfile .page-sub-header.small-height .row.profile>.col-md-12>.row>.col-md-6 { width: 41.6667%; }
#UsersProfile .page-sub-header.small-height .profile-userpic img { width: 64px; border: 5px solid #E5E9F2; box-shadow: none; margin-top: 18px; margin-left: 28px; margin-right: 20px; }
#UsersProfile .page-sub-header.small-height .profile-userpic a { left: 15px; margin-left: 15px; bottom: -15px; }
#UsersProfile .page-sub-header.small-height .profile-userpic:hover a { bottom: -5px; }
#UsersProfile .modal-dialog #consultationFields h4 { color: #888; font-size: 14px; margin: 0; line-height: 25px; }
#UsersProfile .modal-dialog #consultationFields .form-group.form-md-line-input { padding-top: 0}
#UsersProfile .modal-dialog #consultationFields .form-group.form-md-line-input .input-group { padding-top: 0}
#UsersProfile .modal-dialog #consultationFields .well { margin-top: 10px; border-radius: 8px; background: #FFF !important; border: 1px solid #D5DCE4; margin-bottom: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); }
#UsersProfile .modal-dialog #consultationFields textarea { font-size: 14px}
#UsersProfile .modal-dialog #consultationFields .handle-move { margin-right: 2px}
#UsersProfile .modal-dialog #consultationFields .btn-actions .btn { margin-left: 0}
#UsersProfile .modal-dialog #consultationFields .btn-actions .btn.handle-move { margin-right: 2px}
#UsersProfile .modal-dialog .row.add-fields { margin-top: 0px;}
#UsersProfile .modal-dialog .row.add-fields .title-label { line-height: 34px}
#UsersProfile .modal-dialog hr { margin: 14px 0; border: 1px dashed #EEE}
#UsersProfile .modal-dialog .label-horizontal { font-size: 13px; color: #999; padding-top: 8px; text-align: right;}

/* ---- Editor de tipo de práctica: paleta gris/azul, igual que los popups de días laborables/no laborables ---- */
#ConsultationTypeEditor .ct-field { margin-bottom: 0; }
#ConsultationTypeEditor .ct-field__lbl { display: block; font-size: 13px; color: #929292; font-weight: 500; margin-bottom: 6px; }
#ConsultationTypeEditor .ct-field__input {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #D5DCE4;
	border-radius: 8px;
	padding: 9px 12px;
	font-size: 14px;
	color: #30485f;
	background: #fff;
	height: 40px;
}
#ConsultationTypeEditor .ct-field__input:focus { outline: 0; border-color: #1560BD; box-shadow: 0 0 0 3px rgba(21,96,189,0.12); }
#ConsultationTypeEditor .ct-field__input::placeholder { color: #AAB4BE; }
#ConsultationTypeEditor .ct-field__select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
	padding-right: 32px;
	cursor: pointer;
}

#ConsultationTypeEditor .ct-toggle-row { display: flex; align-items: center; height: 40px; margin-top: 25px; gap: 10px; border: 1px solid #D5DCE4; border-radius: 8px; }
#ConsultationTypeEditor .ct-toggle-row__lbl { font-size: 14px; color: #30485f; margin: 10px; font-weight: normal; }
#ConsultationTypeEditor .ct-switch { position: relative; display: inline-block; width: 42px; height: 24px; margin: 0; flex-shrink: 0; }
#ConsultationTypeEditor .ct-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
#ConsultationTypeEditor .ct-switch__track { position: absolute; inset: 0; background: #D5DCE4; border-radius: 999px; transition: background .15s ease; }
#ConsultationTypeEditor .ct-switch__thumb { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .15s ease; }
#ConsultationTypeEditor .ct-switch input:checked + .ct-switch__track { background: #1560BD; }
#ConsultationTypeEditor .ct-switch input:checked + .ct-switch__track .ct-switch__thumb { transform: translateX(18px); }
#ConsultationTypeEditor .ct-switch.action-blocked { cursor: not-allowed; opacity: .6; }
#ConsultationTypeEditor .ct-toggle-row .icon-plan2.icon-plan2-switch { position: static !important; top: auto; left: auto; margin-left: 2px; }

#ConsultationTypeEditor .add-fields .title-label { color: #929292; }
#ConsultationTypeEditor .fields { display: flex; flex-wrap: wrap; gap: 10px; }
#ConsultationTypeEditor .fields .ct-add-field {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 1px solid #1560BD !important;
	color: #1560BD;
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
	cursor: pointer;
	margin: 0;
}
#ConsultationTypeEditor .fields .ct-add-field i { margin-top: -3px; margin-left: 0px; margin-right: 0px; font-size: 14px; }
#ConsultationTypeEditor .fields .ct-add-field:hover,
#ConsultationTypeEditor .fields .ct-add-field:focus {
	background: #F0F4FA;
	color: #1560BD;
}
#ConsultationTypeEditor .fields .ct-add-field.action-blocked {
	background: #F5F7FA !important;
	border-color: #D5DCE4;
	color: #AAB4BE !important;
	cursor: not-allowed;
}

#ConsultationTypeEditor .btn-actions .btn.default.handle-move {
	background: #fff;
	border: 1px solid #D5DCE4;
	color: #8a95a3;
}
#ConsultationTypeEditor .btn-actions .btn.blue.widget-settings {
	background: #fff;
	border: 1px solid #D5DCE4;
	color: #2456A6;
}
#ConsultationTypeEditor .btn-actions .btn.red.widget-delete {
	background: #fff;
	border: 1px solid #D5DCE4;
	color: #E35B5A;
}
#ConsultationTypeEditor .btn-actions .btn.default.handle-move:hover { background: #F5F7FA; border-color: #8a95a3; color: #8a95a3; }
#ConsultationTypeEditor .btn-actions .btn.blue.widget-settings:hover { background: #F0F4FA; border-color: #2456A6; color: #2456A6; }
#ConsultationTypeEditor .btn-actions .btn.red.widget-delete:hover { background: #FDF0EF; border-color: #E35B5A; color: #E35B5A; }
/* El odontograma se rompe si se interactúa con él dentro de la vista previa del editor de práctica */
#ConsultationTypeEditor .widget-odontogram { pointer-events: none; }

/* ---- Configuración del campo (ConsultationTypeWidgetSettings): mismo criterio que el editor de práctica ---- */
.ct-widget-settings .ct-field { margin-bottom: 20px; }
.ct-widget-settings .ct-field:last-child { margin-bottom: 0; }
.ct-widget-settings .ct-field__lbl { display: block; font-size: 13px; color: #929292; font-weight: 500; margin-bottom: 6px; }
.ct-widget-settings .ct-field__input {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #D5DCE4;
	border-radius: 8px;
	padding: 9px 12px;
	font-size: 14px;
	color: #30485f;
	background: #fff;
	height: 40px;
}
.ct-widget-settings .ct-field__input:focus { outline: 0; border-color: #1560BD; box-shadow: 0 0 0 3px rgba(21,96,189,0.12); }
.ct-widget-settings .ct-field__input::placeholder { color: #AAB4BE; }
.ct-widget-settings textarea.ct-field__input { height: auto; min-height: 80px; resize: vertical; }
.ct-widget-settings .ct-name-address-row { display: flex; align-items: flex-start; gap: 16px; }
.ct-widget-settings .ct-name-address-col { flex: 1 1 auto; min-width: 0; }
.ct-widget-settings #mapAddress.ct-map-address { width: auto; flex: 0 0 200px; border: 1px solid #D5DCE4; border-radius: 8px; overflow: hidden; height: 155px; margin-top: 25px; margin-bottom: 0; }
.ct-widget-settings .ct-options-scroll { max-height: 400px; overflow-y: auto; overflow-x: hidden; padding-right: 4px; margin-bottom: 20px; }
.ct-widget-settings .ct-options-scroll .ct-field { margin-bottom: 12px; }
.ct-widget-settings .ct-options-scroll .ct-field:last-child { margin-bottom: 0; }
.ct-widget-settings .ct-toggle-row { display: flex; align-items: center; gap: 10px; margin-top: 4px; }
.ct-widget-settings .ct-toggle-row__lbl { font-size: 14px; color: #30485f; margin: 0; font-weight: normal; }
.ct-widget-settings .ct-switch { position: relative; display: inline-block; width: 42px; height: 24px; margin: 0; flex-shrink: 0; }
.ct-widget-settings .ct-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
.ct-widget-settings .ct-switch__track { position: absolute; inset: 0; background: #D5DCE4; border-radius: 999px; transition: background .15s ease; }
.ct-widget-settings .ct-switch__thumb { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .15s ease; }
.ct-widget-settings .ct-switch input:checked + .ct-switch__track { background: #1560BD; }
.ct-widget-settings .ct-switch input:checked + .ct-switch__track .ct-switch__thumb { transform: translateX(18px); }

#UsersProfile .md-radio-list-container .md-radio { height: 32px; margin-bottom: 0px; }
#UsersProfile .md-radio-list-container .md-radio label { color: #999; line-height: 20px; }
#UsersProfile .md-radio-list-container .md-radio i { font-size: 18px; margin-right: 5px; color: #999; }
#UsersProfile .md-radio-list-container .md-radio i.fa-home { font-size: 24px; margin-left: -4px; margin-top: 2px; }
#UsersProfile .md-radio-list-container .md-radio.checked label { font-weight: 600; font-size: 16px; color: #333; }
#UsersProfile .md-radio-list-container .md-radio.checked i { color: #26a69a; }

#consultation_type_cloneForm .control-label { line-height: 32px; text-align: right; }
/* ---- 23. END USERS PROFILE ---- */

/* ---- 24. USERS TASKS ---- */

#UsersTasks #tasksMenuList { border: 2px solid #e5e5e5; border-radius: 7px; }
#UsersTasks #tasksMenuList .note-name, #UsersTasks #tasksMenuList .note-desc { height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#UsersTasks .list-group-item { cursor: pointer; border-left: none; border-right: none; }
#UsersTasks .list-group-item:first-child { border-top: none; }
#UsersTasks .list-group-item:hover { background-color: #EEE; }
#UsersTasks .list-group-item.active { background: #31c7b2; border-color: rgba(0,0,0,0.05); }
#UsersTasks .list-group-item.active .text-muted { color: rgba(255, 255, 255, 0.75); }
#UsersTasks .list-group-item .btn-delete { height: 27px; width: 27px; }
#UsersTasks .list-group-item .btn-delete i { font-size: 14px; color: #999; margin-top: 2px; }
#UsersTasks .list-group-item:hover .btn-delete i { color: red; }
#UsersTasks #txtNote { padding: 0; border: none; border-radius: 0 !important; line-height: 40px;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(bottom , #E6E6E6 0%, white 4%) repeat scroll 0 0 / 100% 40px;
    background: -webkit-linear-gradient(bottom,#E6E6E6 0%,white 4%) 0 0;
    background: linear-gradient(bottom,#E6E6E6 0%,white 4%) 0 0;
    -webkit-background-size: 100% 40px;
    -moz-background-size: 100% 40px;
    -ms-background-size: 100% 40px;
    background-size: 100% 40px;
}
#UsersTasks .portlet { position: relative; }
#UsersTasks .notif { position: absolute; left: 0; bottom: 0; margin: 10px; border-radius: 5px; padding: 7px 10px; color: #666; }

#popupTasks .tab-content tr.completed { color: #999 !important}
/* ---- 24. END USERS TASKS ---- */

/* ---- 30. POPUP NEW EVENT ---- */

.popup-schedule-calendar.calendar table { border-collapse: collapse; width: 100%; }
.popup-schedule-calendar.calendar table thead { color: #fff; background: #56bd5c; font-size: 13px; text-align: center; }
.popup-schedule-calendar.calendar table thead th {
  font-weight: normal;
  padding: 12px 0;
  vertical-align: middle;
  border-right: solid 1px #93dd7e;
  text-align: center;
}
.popup-schedule-calendar.calendar table thead th.nonWork {
	background-color: #f36a5a !important;
}
.popup-schedule-calendar.calendar table thead th .weekDay {
  text-transform: uppercase;
}

.popup-schedule-calendar.calendar table tr td {
  background: #F4F4F4;
  border-top: 0 solid #fff;
  border-right: solid 1px #fff;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 12%;
  border: 1px solid #EEEEEE;
}
.popup-schedule-calendar.calendar table tr td a {
  display: block;
  font-weight: 600;
}
.popup-schedule-calendar.calendar table tr td a.event:hover {
  background: #FFFFDD;
}
.popup-schedule-calendar.calendar table tr td a.open-close {
  color: #3badf2;
  font-weight : normal;
}
.popup-schedule-calendar.calendar table tr td a.open-close:hover {
  color: #333;
}
.popup-schedule-calendar.calendar table tr td.has-data {
  background: #FFF;
}
.popup-schedule-calendar.calendar table tr td.has-data:hover {
  background: #FFFFFF;
}
.popup-schedule-calendar.calendar table tr td.highlighted {
  background: #F8F8F8;
}
.popup-schedule-calendar.calendar table tr th.highlighted {
  background: #28C930;
}
.popup-schedule-calendar.calendar table tr td.nav.highlighted {
  font-weight: 600;
  background: #E5E5E5;
}
.popup-schedule-calendar.calendar .week-prev, .popup-schedule-calendar.calendar .week-next {
  color: #FFF;
}
.popup-schedule-calendar.calendar table tr td.nav {
  width: 8%;
}
.popup-schedule-calendar.calendar table tbody tr:first-child td {
  padding-top: 5px;
}
.popup-schedule-calendar.calendar table tbody tr td.content a {
  text-decoration: none;
  font-size: 14px;
}
.popup-schedule-calendar.calendar table tbody tr td a.more {
  color: #3e4247;
  font-weight: normal;
}
.popup-schedule-calendar.calendar .schedule-list-showmore {
  text-decoration: underline;
  font-size: 14px;
}
.popup-schedule-calendar.calendar table thead th.prev {
  width: 45px;
}
.popup-schedule-calendar.calendar table thead th.next {
  width: 45px;
}

#popupNewEventComplete .modal-header.over-schedule { background: #F4D33D !important; }
#popupNewEventComplete .modal-full-block { margin-top: -15px; padding: 5px 15px; margin-bottom: 15px; }
/*#popupNewEventComplete .modal-body { min-height: 350px; }*/

/* #popupNewEventComplete ul.selectpicker { max-height: 345px !important; } */
#popupNewEventComplete .cons-type-duration ul.selectpicker { max-height: 210px !important; }

#popupNewEventComplete .dropdown-menu .divider { margin: 4px 0 !important; }

#popupNewEventComplete .select2-choices { border: none; min-height: 0; }
#popupNewEventComplete .select2-container { padding: 0; }
#popupNewEventComplete .select2-container-multi .select2-choices .select2-search-field input { padding: 2px }
#popupNewEventComplete .select2-search-choice { padding-left: 2px; }
#popupNewEventComplete .select2-search-choice div { padding-top: 4px }
#popupNewEventComplete .select2-search-choice a { display: none }
#popupNewEventComplete .select2-search-choice, #popupNewEventComplete .select2-search-field { border: none; margin: 0 }

#popupNewEventComplete #s2id_auto_key
#popupNewEventComplete #s2id_PatientId .select2-choice {     border: 0; border-bottom: 1px solid #e5e5e5; font-size: 18px; }

#popupNewEventComplete .member-item img { margin-top: 6px; margin-right: 8px; width: 35px; height: 35px; }
#popupNewEventComplete .member-item { height: 60px; padding: 4px 8px; border-radius: 5px; cursor: pointer; border: 1px solid #f0f2f3; }
#popupNewEventComplete .member-item:hover { background-color: #f8f8f8  }
#popupNewEventComplete .member-item .pane-state i { margin: 0; margin-right: 3px; line-height: 35px; }
#popupNewEventComplete .member-item h6 { margin: 0 0 -2px; font-size: 14px; padding-top: 3px; }
#popupNewEventComplete .member-item .text-ellipsis	 { width: 140px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#popupNewEventComplete .consultation-type-item { padding: 12px; border-radius: 5px; cursor: pointer }
#popupNewEventComplete .consultation-type-item:hover { background-color: #f8f8f8  }
#popupNewEventComplete .consultation-type-item .pane-state i { margin: 0; margin-right: 3px; line-height: 35px; }
#popupNewEventComplete .consultation-type-item h6 { margin: 0 0 -2px; font-size: 14px; padding-top: 3px; }
#popupNewEventComplete .list-tags-container { min-height: 40px; background: #EEE; margin: 10px 0px -20px 0px; padding: 10px 20px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
#popupNewEventComplete .list-tags-container .title { line-height: 22px; font-weight: bold; }
#popupNewEventComplete .list-tags { float: left; }
#popupNewEventComplete .list-tags .label { margin-left: 5px; }
#popupNewEventComplete .event-patient-data { background-color: #f6f6f6; padding: 15px 0; }
#popupNewEventComplete .timeline.timeline-horizontal { margin-bottom: 0}
#popupNewEventComplete .timeline-horizontal .tooltip { white-space: nowrap}
#popupNewEventComplete .timeline-horizontal .timeline-item {min-width: 100px }

#popupNewEventComplete .when-eventdate-data #btnRepeat { font-size: 10px; line-height: 17px; text-decoration: none; font-weight: 600; }
#popupNewEventComplete .when-eventdate-data #btnNoRepeat { font-size: 10px; line-height: 17px; text-decoration: none; font-weight: 600; }
#popupNewEventComplete .when-eventdate-data-last .event-repetitive { padding-right: 5px; min-height: 100px; border-right: 1px solid #DDD; }
#popupNewEventComplete .when-eventdate-data-last .event-repetitive h5 { font-weight: 600; text-align: center; }
#popupNewEventComplete .when-eventdate-data-last #listRepetitiveEvents { padding: 10px; margin: 10px; max-height: 160px; overflow-y: auto; }
#popupNewEventComplete .when-eventdate-data-last #listRepetitiveEvents .item-session { border: 1px solid #fafafa; text-align: left; line-height: 32px; min-height: 32px; }
#popupNewEventComplete .when-eventdate-data-last #listRepetitiveEvents .item-session span.event-label { padding: 5px; min-width: 100px; font-size: 11px; }
#popupNewEventComplete .when-eventdate-data-last #listRepetitiveEvents .item-session span.event-data { font-weight: bold; }
#popupNewEventComplete .when-eventdate-data-last #listRepetitiveEvents .item-session .btn { display:none; float: right; font-size: 9px; padding: 0px 4px; margin-top: 6px; height: 20px; line-height: 20px; }
#popupNewEventComplete .when-eventdate-data-last #listRepetitiveEvents .item-session:hover .btn { display:inline; }
#popupNewEventComplete .when-eventdate-data-last #listRepetitiveEvents .item-session .over-schedule { color: #f00; }
#popupNewEventComplete .when-eventdate-data-last #listRepetitiveEvents .item-session.non-workday { color: #AAA; }
#popupNewEventComplete .when-patient-no-data div[class^='col-md-'] { padding: 5px; }
/* #popupNewEventComplete .when-patient-no-data input[type="date"]::-webkit-inner-spin-button { display: none; -webkit-appearance: none; } */
#popupNewEventComplete .when-patient-no-data .select2-choice { border: none; padding: 0; height: 27px; text-align: center; }
#popupNewEventComplete .when-patient-no-data .select2-choice .select2-arrow { display: none; }
#popupNewEventComplete .when-patient-no-data .last-no-data { border-bottom: 1px solid #EEE; margin-top: 0px; margin-bottom: 10px; }
#popupNewEventComplete .when-patient-no-data .patient-telephone-container { padding-right: 15px; }
#popupNewEventComplete .when-patient-no-data .patient-telephone-container input { width: calc(100% - 100px); margin-left: 80px; }
#popupNewEventComplete .when-patient-no-data .patient-telephone-container i.fa-info-circle { line-height: 32px; color: #666; }
#popupNewEventComplete .when-patient-no-data .patient-telephone-container i.fa-info-circle:hover { color: #088981; }
#popupNewEventComplete .when-patient-no-data .patient-telephone-container .cc-picker { top: 25px !important; left: 0px !important; padding: 0px 14px 0px 10px; font-size: 14px; }
#popupNewEventComplete .when-patient-no-data .patient-telephone-container .cc-picker .cc-picker-flag { margin-right: 0px; }
#popupNewEventComplete .when-patient-no-data .patient-telephone-container .cc-picker::after { top: 8px; right: 5px; }

#popupNewEventComplete .when-eventdate-no-data .bootstrap-select.btn-group .dropdown-menu { max-height: 348px !important; }
#popupNewEventComplete .when-eventdate-no-data .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 348px !important; }

#popupNewEventComplete .header-patient-data label { font-size: 11px; margin: 0px; }
#popupNewEventComplete .header-patient-data .data { font-size: 13px; margin: 0px; font-weight: 600; color: #333; }
#popupNewEventComplete .btn-patient-comment { cursor: pointer; text-decoration: none; position: absolute; background-color: #67809F; color: #FFF; margin-top: 8px; padding: 2px 5px; border-radius: 5px; right: 45px; font-size: 11px; font-weight: 900; z-index: 9999; }
#popupNewEventComplete .header-patient-data .header-patient-data .btn-patient-comment { right: 15px; margin-top: 8px; }

#popupNewEventComplete .btn-group.bs-select button.selectpicker { background: none; box-shadow: none;}
#popupNewEventComplete .btn-group.bs-select button.selectpicker .filter-option { font-size: 14px; font-weight: 400; text-transform: none}

#popupNewEventComplete .form-body .when-patient-no-data { margin: 0 -50px; }

#popupProfessionalView .modal-body { min-height: 250px; }
#popupProfessionalView .col-md-12 img { display: inline-block; max-width: 50%; }
#popupProfessionalView .col-md-4 img { display: inline-block; max-width: 80%; }
#popupProfessionalView .modal-footer { text-align: center; }
#popupProfessionalView .form-md-line-input { margin-bottom: 5px !important; padding-top: 5px !important; }
#popupProfessionalView textarea { font-size: 14px; }
#popupProfessionalView p { font-size: 12px; color: #777; }

#popupEditEvent .when-next-sessions-exist { font-size: 14px; }
#popupEditEvent .when-next-sessions-exist p { font-size: 14px; }
#popupEditEvent .when-next-sessions-exist hr { margin: 15px 0; }
#popupEditEvent .when-next-sessions-exist .question { font-size: 18px; }
#popupEditEvent .when-next-sessions-exist ul.options { padding: 0px; }
#popupEditEvent .when-next-sessions-exist ul.options li { display: block; font-size: 16px; line-height: 20px; min-height: 30px; }
#popupEditEvent .when-next-sessions-exist ul.options li i { opacity: 0; color: #333; }
#popupEditEvent .when-next-sessions-exist ul.options li a { text-decoration: none; color: #AAA; }
#popupEditEvent .when-next-sessions-exist ul.options li.last { font-size: 14px; text-align: center; }
#popupEditEvent .when-next-sessions-exist ul.options li:not(.last):hover a { color: #333; font-weight: 600; font-size: 18px; }
#popupEditEvent .when-next-sessions-exist ul.options li:hover i { opacity: 1; }
#popupEditEvent .when-next-sessions-exist .change-data-item { margin: 5px; font-size: 15px !important; min-height: 22px; }
/* ---- 30. END POPUP NEW EVENT ---- */

/* ---- 31. POPUP NEW TASK ---- */

/*#NewTaskPopup #TaskDescription { padding: 0; border: none; line-height: 40px;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(bottom , #E6E6E6 0%, white 4%) repeat scroll 0 0 / 100% 40px;
    background: -webkit-linear-gradient(bottom,#E6E6E6 0%,white 4%) 0 0;
    background: linear-gradient(bottom,#E6E6E6 0%,white 4%) 0 0;
    -webkit-background-size: 100% 40px;
    -moz-background-size: 100% 40px;
    -ms-background-size: 100% 40px;
    background-size: 100% 40px;
    }
*/

/* ---- 31. END POPUP NEW TASK AND NEW PATIENT COMMENT ---- */

#popupAddCommentEvent .div-bubble { background-color: #f3f3f3; padding: 10px; border-radius: 7px; color: #666; }
#popupPatientAddComment .div-bubble { background-color: #f3f3f3; padding: 10px; border-radius: 7px; color: #666; }

/* ---- 32. POPUP ANALYSIS ---- */

#items .btnDeleteItem { width: 26px; height: 26px; font-size: 10px; padding: 3px; margin-top: -5px; }
#items #btnAddItem { width: 26px; height: 26px; font-size: 10px; padding: 3px; margin-top: 4px; }

/* ---- 32. POPUP ANALYSIS ---- */

#PatientCreatePopup #s2id_auto_city { padding-left: 0}
#PatientCreatePopup .select2-container { padding: 0}
#PatientCreatePopup .select2-search-choice { border: none}
#PatientCreatePopup .patient-telephone-container .input-icon { margin-right: 20px; }
#PatientCreatePopup .patient-telephone-container i.fa-info-circle { line-height: 32px; color: #666; }
#PatientCreatePopup .patient-telephone-container i.fa-info-circle:hover { color: #088981; }
#PatientCreatePopup #PatientBornDateEdit { position: absolute; top: 8px; left: 125px; cursor: pointer; }
#PatientCreatePopup #divContent.disabled { pointer-events: none; }
#PatientCreatePopup .no-dni:hover { box-shadow: none !important; }


.alert-show-objectives { background-color: #3b3f51; color: #fff; margin-top: 0px !important; margin-bottom: 20px !important; }
.alert-show-objectives strong.big { font-size: 20px; }
.alert-show-objectives .btn { color: #fff; }
.alert-show-objectives .item i { color: #fff; font-size: 45px; border: 2px solid transparent; width: 80px; height: 50px; text-align: center; line-height: 70px; margin-bottom: 5px; }
.alert-show-objectives .item i.fa-plus-square-o { padding-top: 3px; }
.alert-show-objectives .item i.fa-globe { padding-top: 2px; padding-left: 4px; }
.alert-show-objectives .item i.fa-line-chart { font-size: 38px; }



/* ---- 33. POPUP OBJECTIVES ---- */

#popupObjectives hr {margin: 16px 0}
#popupObjectives h4.font-red-sunglo { cursor: pointer}

#daysList tbody td.actions .btn-xs { padding: 3px 4px; }

/* WORKDAYS - header/footer del popup (mismo estilo que "Reglas de cobro") */
#PopupDoctorOfficeWorkdays .modal-header { display: flex; align-items: center; height: 56px; padding: 0 28px; background: #E2E8F0; border-bottom: 1px solid #edf1f4; }
#PopupDoctorOfficeWorkdays .modal-header h3 { font-size: 18px !important; color: #1C2E3E; }
#PopupDoctorOfficeWorkdays .modal-footer { display: flex; align-items: center; background: #E2E8F0; padding: 16px 28px; }
#PopupDoctorOfficeWorkdays .modal-footer > div:not(.dialog-footer-block-error) { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 12px; }
#PopupDoctorOfficeWorkdays .modal-footer .btn-dialog-link-close { background: transparent; border: none; box-shadow: none; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #6B7A88; padding: 10px 16px; border-radius: 6px; }
#PopupDoctorOfficeWorkdays .modal-footer .btn-dialog-link-close:hover { background: #f0f4f8; color: #1C2E3E; text-decoration: none; }
#PopupDoctorOfficeWorkdays .modal-footer .btn.blue { background: #1560BD; border: 1px solid #486A88; border-radius: 50px; padding: 10px 22px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; box-shadow: none; }
#PopupDoctorOfficeWorkdays .modal-footer .btn.blue:hover { background: #3F5E79; border-color: #3F5E79; }

/* MODAL NEW DESIGN - header/footer reutilizable para popups nuevos (agregar settings.dialogClass = 'modal-new-design' al abrir el popup) */
.modal-dialog.modal-new-design .modal-header { display: flex; align-items: center; height: 50px; padding: 0px 20px; background: #F8F8F8; border-bottom: 1px solid #E2E8F0; color: #475569; }
.modal-dialog.modal-new-design .modal-header h3 { font-size: 18px !important; color: #475569; }
.modal-dialog.modal-new-design .modal-footer { display: flex; align-items: center; background: #fff; border-top: 1px solid #E2E8F0 !important; padding: 10px 15px; }
.modal-dialog.modal-new-design .modal-footer > div:not(.dialog-footer-block-error) { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 12px; }
.modal-dialog.modal-new-design .modal-footer .btn-dialog-link-close { background: transparent; border: none; box-shadow: none; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #6B7A88; padding: 10px 16px; border-radius: 6px; }
.modal-dialog.modal-new-design .modal-footer .btn-dialog-link-close:hover { background: #f0f4f8; color: #1C2E3E; text-decoration: none; }
.modal-dialog.modal-new-design .modal-footer .btn.blue { background: #1560BD; border: 1px solid #486A88; border-radius: 50px; padding: 10px 22px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; box-shadow: none; }
.modal-dialog.modal-new-design .modal-footer .btn.blue:hover { background: #3F5E79; border-color: #3F5E79; }
.modal-dialog.modal-new-design .modal-dialog-close { background: transparent !important; border: none; color: #8a95a3; }
.modal-dialog.modal-new-design .modal-dialog-close:hover { color: #4A5B6B; }
.modal-dialog.modal-new-design .form-group.form-md-line-input.has-success .input-group-addon { color: #1560BD; }
.modal-dialog.modal-new-design .md-radio label > .check { background: #1560BD; }
.modal-dialog.modal-new-design .md-checkbox label > .check { border-color: #1560BD; }
.modal-dialog.modal-new-design .block-spinner-bar > div { background: #1560BD; }
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after {
	background: #1560BD;
}

.modal-dialog.modal-new-design .row { margin-right: -5px; margin-left: -5px; }    
.modal-dialog.modal-new-design .col-md-1, 
.modal-dialog.modal-new-design .col-md-2,
.modal-dialog.modal-new-design .col-md-3,
.modal-dialog.modal-new-design .col-md-4,
.modal-dialog.modal-new-design .col-md-5,
.modal-dialog.modal-new-design .col-md-6,
.modal-dialog.modal-new-design .col-md-7,
.modal-dialog.modal-new-design .col-md-8,
.modal-dialog.modal-new-design .col-md-9,
.modal-dialog.modal-new-design .col-md-10,
.modal-dialog.modal-new-design .col-md-11,
.modal-dialog.modal-new-design .col-md-12 { padding-left: 5px; padding-right: 5px; }


/* WORKDAYS */
#DoctorOfficeWorkdays { padding-top: 6px; }
#DoctorOfficeWorkdays > .row { display: flex; }
#DoctorOfficeWorkdays > .row > [class*="col-"] { display: flex; flex-direction: column; float: none; }
#DoctorOfficeWorkdays .panel-right { border-left: 1px solid #EEF1F5; padding-left: 20px; }
#DoctorOfficeWorkdays #daysList { margin-bottom: 0px !important; margin-right: 16px; border-collapse: separate; border-spacing: 0; display: flex; flex-direction: column; flex: 1; min-height: 0; }
#DoctorOfficeWorkdays #daysList thead { flex: 0 0 auto; }
#DoctorOfficeWorkdays #daysList thead th { border: none; padding: 0 0 10px 0; font-size: 12px; font-weight: 600; color: #8a95a3; text-transform: none; }
#DoctorOfficeWorkdays #daysList tbody { padding-right: 8px; display:block; flex: 1; min-height: 0; height: auto; max-height: 360px; overflow-y:auto; overflow-x: hidden; }
#DoctorOfficeWorkdays #daysList thead, #DoctorOfficeWorkdays #daysList tbody tr { display:table; width:100%; table-layout:fixed; }
#DoctorOfficeWorkdays #daysList tbody tr.trDay { background: #fff; border-bottom: 1px solid #EEF1F5; }
#DoctorOfficeWorkdays #daysList tbody tr.trDay:first-child { border-top: 1px solid #EEF1F5; }
#DoctorOfficeWorkdays #daysList tbody td { border: none; padding: 4px 0px; }
#DoctorOfficeWorkdays #daysList tbody td.actions { text-align: right; padding-right: 10px; }
#DoctorOfficeWorkdays #daysList tbody tr.trEmpty { background: transparent; border: none; box-shadow: none; }

/* WORKDAYS - badges (nuevo / online) */
#DoctorOfficeWorkdays .wd-badge { display: inline-block; margin-left: 6px; padding: 2px 10px; border-radius: 999px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; vertical-align: middle; }
#DoctorOfficeWorkdays .wd-badge--new { background: #E8F0FE; color: #2456A6; }
#DoctorOfficeWorkdays .wd-day-practices { color: #2456A6; }
#DoctorOfficeWorkdays .wd-online-status i { font-size: 12px; }
#DoctorOfficeWorkdays .wd-online-status--on { color: #1B8A4C; }
#DoctorOfficeWorkdays .wd-online-status--off { color: #8a95a3; }

/* WORKDAYS - eliminar día */
#DoctorOfficeWorkdays #daysList .btn-delete { background: #FDEEF0; border: none; color: #E2495B; width: 28px; height: 28px; line-height: 24px; }
#DoctorOfficeWorkdays #daysList .btn-delete i { font-size: 13px; }
#DoctorOfficeWorkdays #daysList .btn-delete:hover { background: #FBDCE0; color: #c22; }

/* WORKDAYS - campos del formulario */
#DoctorOfficeWorkdays .wd-field { margin-bottom: 18px; }
#DoctorOfficeWorkdays .wd-field__lbl { font-size: 12px; color: #8a95a3; font-weight: 500; margin-bottom: 4px; }
#DoctorOfficeWorkdays .wd-text-input,
#DoctorOfficeWorkdays .wd-readonly-box { width: 100%; box-sizing: border-box; border: 1px solid #D5DCE4; border-radius: 8px; padding: 6px 8px; font-size: 14px; color: #30485f; background: #fff; }
#DoctorOfficeWorkdays .wd-text-input:focus { outline: 0; border-color: #486A88; box-shadow: 0 0 0 3px rgba(72,106,136,0.12); }
#DoctorOfficeWorkdays .wd-readonly-box { background: #F5F7FA; font-weight: 600; }
#DoctorOfficeWorkdays .wd-row-3 { display: flex; gap: 12px; }
#DoctorOfficeWorkdays .wd-row-3 .wd-field { flex: 1; min-width: 0; }
#DoctorOfficeWorkdays .wd-row-3 .wd-field:first-child { flex: 2; }

/* WORKDAYS - toggle habilitado online */
#DoctorOfficeWorkdays .wd-toggle-row { display: flex; align-items: center; justify-content: space-between; border: 1px solid #D5DCE4; border-radius: 8px; padding: 6px 8px; margin-bottom: 10px; }
#DoctorOfficeWorkdays .wd-toggle-row__lbl { font-size: 14px; color: #30485f; margin: 0; font-weight: normal; }
#DoctorOfficeWorkdays .wd-switch { position: relative; display: inline-block; width: 42px; height: 24px; margin: 0; }
#DoctorOfficeWorkdays .wd-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
#DoctorOfficeWorkdays .wd-switch__track { position: absolute; inset: 0; background: #D5DCE4; border-radius: 999px; transition: background .15s ease; }
#DoctorOfficeWorkdays .wd-switch__thumb { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .15s ease; }
#DoctorOfficeWorkdays .wd-switch input:checked + .wd-switch__track { background: #3B7DDD; }
#DoctorOfficeWorkdays .wd-switch input:checked + .wd-switch__track .wd-switch__thumb { transform: translateX(18px); }

/* WORKDAYS - botón agregar fecha */
#DoctorOfficeWorkdays .wd-btn-add-wrap { text-align: right; }
#DoctorOfficeWorkdays .wd-btn-add { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; padding: 6px 16px; border-radius: 999px; border: 1px solid #2456A6; color: #2456A6; background: #fff; font-weight: 700; font-size: 13px; letter-spacing: .3px; text-transform: uppercase; cursor: pointer; }
#DoctorOfficeWorkdays .wd-btn-add:hover { background: #F0F4FA; color: #2456A6; text-decoration: none; }

/* WORKDAYS - selector de prácticas (Select2, mismo estilo que Reglas de cobro) */
#DoctorOfficeWorkdays select#ConsultationTypeIds { display: none; }
#DoctorOfficeWorkdays .select2-container-multi { width: 100% !important; }
#DoctorOfficeWorkdays .select2-container-multi .select2-choices { border: 1px solid #D5DCE4; border-radius: 8px; min-height: 32px; padding-top: 2px; background: #fff; box-shadow: none; }
#DoctorOfficeWorkdays .select2-container-multi.select2-container-active .select2-choices { border-color: #486A88; box-shadow: 0 0 0 3px rgba(72,106,136,0.12); outline: 0; }
#DoctorOfficeWorkdays .select2-container-multi .select2-search-field input { font-size: 14px; color: #333; padding: 6px 4px; }
#DoctorOfficeWorkdays .select2-container-multi .select2-search-choice { margin: 3px 6px 3px 0 !important; padding: 5px 26px 5px 10px !important; font-size: 13px; font-weight: 500; color: #30485f; border-radius: 12px; background: #F7F9FC !important; border-color: #e9eaeb !important; }
#DoctorOfficeWorkdays .select2-search-choice-close { right: 6px; left: unset; }
#DoctorOfficeWorkdays .select2-results .select2-result-label .mp-select2-meta-label { color: #1a5d2e; font-weight: 800; }
#DoctorOfficeWorkdays .wd-field--disabled { opacity: .45; pointer-events: none; }
#DoctorOfficeWorkdays .wd-field--disabled .select2-container-multi .select2-choices { background: #F5F7FA; }
#DoctorOfficeWorkdays .select2-results .select2-highlighted .select2-result-label .mp-select2-meta-label { color: #fff; }
#DoctorOfficeWorkdays .select2-results .mp-select2-meta-result .select2-result-label { color: #1a5d2e; font-weight: 700; }
#DoctorOfficeWorkdays .select2-results .select2-highlighted.mp-select2-meta-result .select2-result-label { color: #fff; }
#DoctorOfficeWorkdays .select2-search-choice.mp-select2-meta-choice { background: #F7F9FC !important; border-color: #e9eaeb !important; border-radius: 12px; padding: 5px 26px 5px 10px !important; }
#DoctorOfficeWorkdays .select2-search-choice.mp-select2-meta-choice > div { color: #475569; font-weight: 400; }

/* NON WORKDAYS */
#DoctorOfficeNonWorkdays #daysList tbody { display:block; height:320px; overflow-y:auto; overflow-x: hidden; }
#DoctorOfficeNonWorkdays #daysList thead, #DoctorOfficeNonWorkdays #daysList tbody tr { display:table; width:100%; table-layout:fixed; }
#DoctorOfficeNonWorkdays #daysList tbody td.actions { text-align: right; padding-right: 5px; }
#DoctorOfficeNonWorkdays .form-group { margin-bottom: 20px; }
#DoctorOfficeNonWorkdays .form-group-hours { padding-top: 0px; }
#DoctorOfficeNonWorkdays .form-group-hours .title { margin-bottom: 0; font-size: 13px; color: #888; }
#DoctorOfficeNonWorkdays .form-group-hours label { font-size: 13px; }
#DoctorOfficeNonWorkdays .panel-right { border-left: 1px solid #CCC; }

/* DERIVATIONS */
#PatientsDerivationsList .portlet-body { min-height: 200px; }
#PatientsDerivationsList .portlet-body .row-title { margin-top: 20px; padding-left: 5px; font-size: 16px; font-weight: bold; }
#PatientsDerivationsList .portlet-body .row-title .badge { font-size: 11px !important; font-weight: 100; text-transform: none; background: #F0F0F0; color: #333; }
#PatientsDerivationsList .derivation-item { color: #666; border-bottom: 1px solid #EEE; padding: 6px 5px 5px 5px; margin: 0px; }
#PatientsDerivationsList .derivation-item .col-left { min-height: 40px; padding-left: 0px; padding-right: 0px; }
#PatientsDerivationsList .derivation-item .btn-view { background-color: #F0F0F0; color: #333; }
#PatientsDerivationsList .derivation-item .date { min-width: 60px; padding: 2px 5px 0px 5px; border-right: 1px solid #EEE; margin-right: 5px; }
#PatientsDerivationsList .derivation-item .img { min-width: 36px; }
#PatientsDerivationsList .derivation-item .img-circle { margin-top: 5px; width: 30px; height: 30px; }
#PatientsDerivationsList .derivation-item .doc { width: 120px; font-size: 12px; padding: 2px 10px 0px 0px; }
#PatientsDerivationsList .derivation-item .data { font-size: 12px; padding: 2px 5px 0px 5px; border-left: 1px solid #EEE; margin-left: 10px; }
#PatientsDerivationsList .derivation-item .derivation-state { font-size: 11px; line-height: 38px; min-width: 70px; text-align: center; }
#PatientsDerivationsList .derivation-item .derivation-actions { line-height: 35px; margin-left: 5px; }
#PatientsDerivationsList .derivation-item.derivation-state-0 { color: #000; background: #FFF; }
#PatientsDerivationsList .derivation-item.derivation-state-0 .derivation-state { color: #67809F; }
#PatientsDerivationsList .derivation-item.derivation-state-0 .btn-view { color: #67809F; }
#PatientsDerivationsList .derivation-item.derivation-state-0 .btn-open { background-color: #12bca8; color: #FFF; }
#PatientsDerivationsList .derivation-item.derivation-state-1 .derivation-state { color: #1BBC9B; }
#PatientsDerivationsList .derivation-item.derivation-state-2 .derivation-state { color: #E26A6A; }
#PatientsDerivationsList .derivation-item.derivation-state-99 .derivation-state { color: gray; }
#PatientsDerivationsList .derivation-item.derivation-state-99 .btn-view { display:none; }
#PatientsDerivationsList .derivation-item-container { height: 210px; min-height: 210px; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #FAFAFA; }
#PatientsDerivationsList .derivation-item-container .derivation-no-item { height: 200px; }
#PatientsDerivationsList .derivation-item-container .derivation-no-item .div-no-data-message { font-size: 16px; padding-top: 80px; }
#PatientsDerivationsList .derivation-item-container.pending { height: auto; min-height: 105px; overflow-y: visible; }
#PatientsDerivationsList .derivation-item-container.pending .derivation-no-item { height: 100px; }
#PatientsDerivationsList .derivation-item-container.pending .derivation-no-item .div-no-data-message { font-size: 16px; padding-top: 25px; }

/* USERS ACCOUNT */
#UsersAccount .div-inputs ul {list-style-type: none;padding: 0px;}
#UsersAccount #divPrices h3 {margin-top: 0;}
#UsersAccount #divPrices .total-padding {padding-top: 14px;}
#UsersAccount #divBalance.compressed h1 { font-size: 24px; margin-top: 6px }
#UsersAccount #divBalance.compressed .desc-text { font-size: 13px}


/* ADMIN */

#AdminUsers .search-user img { width: 40% }
#AdminUsers .search-user-row img { width: 60% }
#AdminUsers .search-user-row:hover { cursor: pointer; }
#AdminUsers #btnConfirmEmail.confirmed {  color: #26A69A !important; font-weight: bold !important; }
#AdminUsers #btnConfirmEmail.confirmed:after { content: '\2713'; display: inline-block; color: #26A69A; padding: 0 0 0 6px; }
#AdminUsers #divExtraUserData .form-horizontal .form-group { margin-bottom: 0 !important }
#AdminUsers #divExtraUserData .form-horizontal .form-group .form-control-static { padding-bottom: 0  !important  }

/* Email editor styles */
#AdminUsers .email-container { position: relative; }
#AdminUsers .btn-edit-email { text-decoration: none;  transition: color 0.3s ease; }
#AdminUsers .btn-edit-email:hover { color: #23527c !important; }
#AdminUsers .email-edit-container { margin: 10px 15px; padding: 10px; background-color: #f9f9f9; border-radius: 8px; border: 1px solid #e5e5e5; }
#AdminUsers .email-edit-container .input-group { margin-bottom: 0; }
#AdminUsers .email-edit-container .btn { border-radius: 0; }
#AdminUsers .email-edit-container .btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
#AdminUsers .email-edit-container .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

#AdminConsultations #consultation_detail .portlet-header h3 { margin: 0; }
#AdminConsultations #consultation_detail .portlet-header h3 small { color: #AAA; }
#AdminConsultations #consultation_detail .portlet-header .label { height: auto; padding: 7px 10px; margin-left: 8px; background: #12bca8; }
#AdminConsultations #consultation_detail .widget .row { padding: 4px 0; padding: 15px 0; border-bottom: 1px dotted #DDD; }
#AdminConsultations #consultation_detail .widget.last .row { border-bottom: none; }
#AdminConsultations #consultation_detail .widget h4 { color: #888; font-size: 14px; margin: 0; line-height: 25px; }
#AdminConsultations #consultation_detail .widget .value { font-size: 18px; margin: 0; }
#AdminConsultations #consultation_detail .widget.widget-wText .value { font-size: 15px; }
#AdminConsultations #consultation_detail .label.preview-value { color: #777; background: #FFF; box-shadow: none; border: 1px solid #DDD; font-size: 12px; padding: 5px 10px 6px; }
#AdminConsultations #consultation_detail .widget-graph { margin-left: 15px; }
#AdminConsultations #consultation_detail .value .text-muted { color: #BBB; }
#AdminConsultations #consultation_detail .widget textarea { border-radius: 0 !important; }
#AdminConsultations #consultation_detail .widget.widget-wOptions .label { background: #555; padding: 5px 10px; box-shadow: none; margin-right: 3px; }
#AdminConsultations #consultation_detail .form-group.form-md-line-input {padding-top: 0}
#AdminConsultations #consultation_detail .form-group.form-md-line-input .input-group {padding-top: 0}

#AdminConsultations #consultation_detail img {width: 60%}

#AdminOffices .page-content img {width: 100%}
#AdminOffices .table th {padding: 4px; font-size: 12px;}
#AdminOffices .table td {padding: 4px; font-size: 12px;}
#AdminOffices .container { width: auto !important }

#AdminEvents .portlet { margin-bottom: 0; }
#AdminEvents .titlebar .btn-group { margin-left: 8px; }
#AdminEvents .titlebar .btn { margin-left: -1px !important; box-shadow: none !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: #444; background: rgba(255, 255, 255, 0.8); }
#AdminEvents .titlebar .btn:hover { background: rgba(255, 255, 255, 0.8); }
#AdminEvents .titlebar .popover { min-width: 260px; }
#AdminEvents .titlebar .popover-title { background: none; color: #777; font-weight: normal; }
#AdminEvents .titlebar .popover-content .editable-checklist label { font-weight: normal; font-size: 13px; }
#AdminEvents .titlebar .popover-content .editable-buttons {  margin-left: 0; display: block; margin-top: 10px; width: 100%; }
#AdminEvents .panel-options .btn.editable { padding: 9px 9px 8px 9px; color: #444; }
#AdminEvents .panel-options .btn.editable span { font-weight: normal; padding: 0px 5px; }
#AdminEvents .panel-options .btn.editable.editable-open { background: #FFF; }
#AdminEvents #calendar { background: #FFFFFF; }
#AdminEvents #calendar .fc-resizer { display: none; }
#AdminEvents #calendar .fc-event-container { margin: 0 !important; }
#AdminEvents #calendar .fc-event { border-radius: 0 !important; padding: 2px 5px !important; font-size: 12px; border: none !important; left: 0 !important; margin-left: 0 !important; margin-right: 0 !important; right: 0 !important; min-height: 15px; }
#AdminEvents #calendar .event-state-disabled { background: rgba(0, 0, 0, 0.1); cursor: default }
#AdminEvents #calendar .event-state-disabled .fc-content { display: none; }
#AdminEvents #calendar .event-state-disabled { right: 0 !important; margin-right: 0 !important; }
#AdminEvents #calendar .popover { min-width: 310px; }
#AdminEvents #calendar .popover .popover-title { font-size: 15px; color: #333; background: #EEE; border-bottom: 1px solid #DDD; font-weight: normal; }
#AdminEvents #calendar .popover .popover-title .status { border-radius: 50%; display: block; float: right; width: 10px; height: 10px; margin: 2px 0; }
#AdminEvents #calendar .popover .popover-content h4 { margin: 0; }
#AdminEvents #calendar .popover .popover-content h5 { margin: 4px 0; color: #777; font-size: 14px; }
#AdminEvents #calendar .popover .popover-content h6 { margin: 6px 0; color: #BBB; text-transform: uppercase; font-size: 11px; }
#AdminEvents #calendar .popover .popover-content hr { margin: 10px 0; padding: 0; border-width: 1px; border-style: solid; border-bottom: none; }
#AdminEvents #calendar .popover .popover-content img { width: 35px; height: 35px; margin-bottom: 30px; margin-right: 10px; }
#AdminEvents #calendar .popover .popover-content button { width: 34px; height: 34px; }

#AdminWhatsapps .user-data img { float: left; width: 40px; margin-right: 5px; border-radius: 50%; }
#AdminWhatsapps .user-data .data { float: left; }
#AdminWhatsapps .user-data .data h5 { margin: 0px; }
#AdminWhatsapps .user-data .data h5.title { font-weight: bold; }

/* LABORATORIES */
#LaboratoriesIndex.login { background-color: #FFF !important}
#LaboratoriesIndex.login .content {background: none; background-color: #CCC}
#LaboratoriesIndex.login .login-form h3 {color: #FFF}
#LaboratoriesIndex.login .copyright {color: #999}

#LaboratoriesListing .table.table-hover tr {cursor: pointer}
#LaboratoriesListingApp .table.table-hover tr {cursor: pointer}


/* FRONTEND EVENTS */
#FrontendEventsIndex .user-login-5 .form-group.has-error { border-bottom: 0 !important}
#FrontendEventsIndex .form-group.form-md-line-input.has-error .form-control:not([readonly]) ~ label { color: #F3565D; }
#FrontendEventsIndex .form-group .form-control:disabled { color: #AAA; }

#FrontendEventsIndex .select2-results .select2-disabled { background: #FFF !important; color: #CCC !important}

#FrontendEventsIndex .professional-note { color: #777; padding: 0px 10px; font-weight: 800; font-size: 16px; word-wrap: break-word; overflow-wrap: break-word; }
#FrontendEventsIndex .professional-note-collapsed { 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#FrontendEventsIndex .professional-note-expanded {
	display: block;
	max-height: calc(100vh - 550px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 1023px) {
	#FrontendEventsIndex .professional-note-collapsed {
		-webkit-line-clamp: 2;
	}
	#FrontendEventsIndex .professional-note-expanded {
		max-height: 200px;
	}
}
#FrontendEventsIndex { background-color: #FFF !important}
#FrontendEventsIndex .div-table .tr-select-date { cursor: pointer;}
#FrontendEventsIndex .editable { border: 1px dashed #999; border-radius: 10px;}
#FrontendEventsIndex .span-title.editable { padding: 10px; position: relative}
#FrontendEventsIndex .span-title.editable .btn-editable { right: -15px; }
#FrontendEventsIndex .office-description .editable { padding: 10px; }
#FrontendEventsIndex .btn-editable { position: absolute; top: -15px; right: 0px; }
#FrontendEventsIndex .login-bg.editable .btn-editable { top: 50%; left: -15px; }
#FrontendEventsIndex .img-content-right { float: right }
#FrontendEventsIndex .img-content-right .img-content { display: table-cell; vertical-align: middle; height: 100px; }
#FrontendEventsIndex .img-content-right .img-content .logo { max-height: 100px; max-width: 250px }
#FrontendEventsIndex .btn-edit-logo {  overflow: hidden; }
#FrontendEventsIndex .btn-edit-logo input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
#FrontendEventsIndex .login-content { margin-top: 30px}
#FrontendEventsIndex .div-select { margin-top: 90px}
#FrontendEventsIndex .office-description { margin-top: 100px; text-align: justify}
#FrontendEventsIndex .office-description p { color: #666;}
#FrontendEventsIndex .office-description .editable-container.editable-inline, #FrontendEventsIndex .office-description .editable-container.editable-inline .form-group, #FrontendEventsIndex .office-description .editable-container.editable-inline .form-group .editable-input, #FrontendEventsIndex .office-description .editable-container.editable-inline .form-group textarea { width: 100%;}
#FrontendEventsIndex .form-group.form-md-line-input:last-child { margin-bottom: 20px; }
#FrontendEventsIndex .schedule-data-items.table > tbody > tr > td { vertical-align: middle;}
#FrontendEventsIndex .schedule-data-no-items { vertical-align: middle; color: #333; min-height: 200px; padding-top: 100px; font-size: 18px; line-height: 26px; border-top: 1px solid #EEE; }
#FrontendEventsIndex .schedule-data-no-items a { font-size: 14px; color: #999; }
#FrontendEventsIndex .div-table { overflow-y: auto }
#FrontendEventsIndex .div-event-to-change { border: 2px solid #CCC; padding: 10px; border-radius: 9px; margin: 40px 0 0 0;}
#FrontendEventsIndex .div-event-to-change .i-container { max-height: 0px; }
#FrontendEventsIndex .div-event-to-change i { font-size: 26px; margin-top: 18px; color: #CCC; }
#FrontendEventsIndex .div-selected-date { border: 2px solid #CCC; padding: 10px; border-radius: 9px; margin: 25px 0;}
#FrontendEventsIndex #btnCloseEdit { position : absolute; bottom: 20px; right: 20px }
#FrontendEventsIndex .login-copyright p { font-size: 11px }
#FrontendEventsIndex .container-btn-reminder-pass { margin-top: -30px; }
#FrontendEventsIndex #pacSearch .form-group { padding-top: 0px; }
#FrontendEventsIndex #pacSearch .step-1 .btn-access { font-size: 12px; line-height: 30px; }
#FrontendEventsIndex #pacSearch .step-1 .btn-access[data-type="whatsapp"] { border: 1px solid #34d4be !important; }
#FrontendEventsIndex #pacSearch .step-1 .btn-access[data-type="email"] { border: 1px solid #3badf2 !important; }
#FrontendEventsIndex #pacSearch .step-1 .btn-access i { font-size: 35px; float: left; line-height: 30px; margin-left: -5px; }
#FrontendEventsIndex #pacSearch .step-2-content i { display: none; font-size: 15px; position: absolute; top: 42px; right: 20px; z-index: 1; }
#FrontendEventsIndex #pacSearch.email-search i.fa-spinner { display: inline; }
#FrontendEventsIndex #pacSearch.email-search i.fa-check { display: none !important; }
#FrontendEventsIndex #pacSearch.email-search i.fa-warning { display: none !important; }
#FrontendEventsIndex #pacSearch.email-ok i.fa-check { display: inline; color: #31C7B2; }
#FrontendEventsIndex #pacSearch.email-error i.fa-check { display: none; }
#FrontendEventsIndex #pacSearch.email-ok i.fa-warning { display: none; color: #333; }
#FrontendEventsIndex #pacSearch.email-error i.fa-warning { display: inline; }
#FrontendEventsIndex #pacNew { margin-top: 20px; margin-bottom: 20px; }
#FrontendEventsIndex #pacLogin { margin-top: 20px; margin-bottom: 20px; }
#FrontendEventsIndex #pacRecipient { margin-top: 20px; margin-bottom: 20px; }
#FrontendEventsIndex #pacUserData { margin-bottom: 20px; }
#FrontendEventsIndex #pacRelationships .relationship-member { cursor: pointer; padding: 3px 8px; margin: 3px -12px; border: 1px solid #DDD; border-radius: 5px; font-size: 12px; }
#FrontendEventsIndex #pacRelationships .relationship-member .name { color: #333; font-size: 14px; font-weight: 600; }
#FrontendEventsIndex #pacRelationships .relationship-member.empty .name { color: #999; line-height: 34px; font-weight: 400; }
#FrontendEventsIndex #pacRelationships .relationship-member.selected { padding: 2px 7px; border: 2px solid #31C7B2; }
#FrontendEventsIndex #pacRelationships .relationship-member.selected .name { color: #31C7B2; }
#FrontendEventsIndex #pacRelationships .relationship-member .relationship { color: #999; font-size: 11px; }
#FrontendEventsIndex #pacUserData .user-container { padding: 10px 0px; line-height: 20px; }
#FrontendEventsIndex #pacUserData .user-name { font-size: 14px; font-weight: 600; }
#FrontendEventsIndex #pacUserData .btn-change-user { line-height: 14px; margin-left: 5px; margin-top: -4px; }
/* Selectores turnos: sin doble caja (solo .select2-choice visible); color en index.ctp */
#FrontendEventsIndex .div-select .form-group.form-md-line-input .select2-container,
#FrontendEventsIndex .div-select .form-group.form-md-line-input .form-control.select2-container {
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	min-height: 0 !important;
}
#FrontendEventsIndex .div-select .form-control .select2-choice,
#FrontendEventsIndex .div-select .select2-container .select2-choice {
	background-color: #f0faf9 !important;
	border: 1px solid #31C7B2 !important;
	border-radius: 6px !important;
	box-shadow: none !important;
}
#FrontendEventsIndex .div-select .select2-container-active .select2-choice,
#FrontendEventsIndex .div-select .select2-container .select2-choice:hover {
	border-color: #31C7B2 !important;
	background-color: #e8f7f5 !important;
}

#FrontendEventsIndex .custom-scroll { margin: 0px !important; padding: 0px !important; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 380px); }

#FrontendEventsIndex #popupBackstretchConfig .btn-upload {  overflow: hidden; }
#FrontendEventsIndex #popupBackstretchConfig .btn-upload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs { margin-top: 10px }
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .no-image { color: #888; font-size: 14px; margin-top: 30px; text-align: center; }
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .no-image-icon { margin-bottom: 10px;}
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .no-image-icon i { font-size: 60px; }
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .img-loading { height: 150px; width: 120px; text-align: center; border: 1px solid #CCC; background-color: #f3f3f3; float: left; padding-top: 65px; margin-left: 10px }
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .img-loading i { font-size: 25px; color: #31c7b2; }
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .img-container { position: relative; float: left;}
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .img-container:not(:first-child) { margin-left: 10px }
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .img-container img { height: 150px;}
#FrontendEventsIndex #popupBackstretchConfig #popupBackContentImgs .img-container .btn-delete { position: absolute; right: 5px; top: 5px;}
#FrontendEventsIndex .password-help { position: absolute; margin-top: -20px; left: 195px; }
#FrontendEventsIndex .user-login-5 .login-container>.login-content .text-right { text-align: right; }
#FrontendEventsIndex .link-patient-app { font-size: 18px; font-weight: 600 !important; text-decoration: none; }


#FrontendEventsIndex.is-mobile .daterangepicker .ranges { width: 100% !important; }
#FrontendEventsIndex.is-mobile .daterangepicker .ranges li:last-child { display: none; }
#FrontendEventsIndex.is-mobile .col-btn-validate-pass { text-align: center; }

#FrontendEventsIndex .whatsapp-without-sending { width: 60%; margin-left: 20%; }
#FrontendEventsIndex .whatsapp-without-sending .cc-picker { top: 8px !important; left: 0px !important; }
#FrontendEventsIndex .whatsapp-without-sending #PatientTelephone { padding-left: 85px; }
#FrontendEventsIndex .waiting-code-timeout .alert-default { background: #F0F0F0; margin-top: 0px; }
#FrontendEventsIndex .whatsapp-sending .whatsapp-code-container { margin: 0 70px 10px 0; }
#FrontendEventsIndex .whatsapp-sending #btnWhatsappCodeVerify { position: absolute; right: 0; top: 20px; }
#FrontendEventsIndex .btn-whatsapp-retry { font-size: 11px; padding: 0px 5px 0px 5px; margin-top: -2px; }
#FrontendEventsIndex .whatsapp-sending .form-group.form-md-line-input .form-control.input-lg { padding: 15px 0 0 0 !important; }
#FrontendEventsIndex .consultation-type-selected .content { background: #FAFAFA; padding: 10px 0px; border: 1px solid #DDD; border-radius: 7px; font-size: 14px; line-height: 18px; }
#FrontendEventsIndex .consultation-type-selected .content .bold { font-size: 18px !important; }
#FrontendEventsIndex .professional-note-container .portlet { padding: 0px; margin-bottom: 10px; border: 1px solid #DDD !important; box-shadow: none; }

@media screen and (min-width: 1024px) {
  #FrontendEventsIndex .only-mobile { display: none; }
}

@media screen and (max-width: 1023px) {
  #FrontendEventsIndex .only-desktop {
    display: none;
  }
  #FrontendEventsIndex .login-content {
    margin-top: 0px;
    padding: 0px 10px;
  }
  #FrontendEventsIndex #divContent .padding-top-20 {
    padding-top: 0px !important;
  }
  #FrontendEventsIndex #divContent .div-table {
    height: calc(100vh - 178px) !important;
  }
  #FrontendEventsIndex .user-login-5 .login-container>.login-footer {
    position: relative;
    margin-top: 10px;
    padding-bottom: 0;
  }
  #FrontendEventsIndex .div-select {
    margin-top: 10px !important;
  }
  #FrontendEventsIndex .office-description {
    margin-top: 10px !important;
  }
  #FrontendEventsIndex .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  #FrontendEventsIndex .consultation-type-selected .content .col-xs-6 {
    font-size: 14px;
    padding: 0px 2px;
  }
  #FrontendEventsIndex .whatsapp-without-sending {
    width: 90%;
    margin-left: 5%;
  }
  #FrontendEventsIndex .custom-scroll {
    max-height: unset;
  }
}


/* PLANS */
#UsersPlans .pricing { border-radius: 5px; overflow: hidden}
#UsersPlans .pricing:hover {border: 3px solid #31C7B2 }
#UsersPlans .pricing-head h4 { background: #fafafa; }
#UsersPlans .plan-free .pricing-head h3 { background: #f2f2f2; color: #3b3f51; border-bottom: 1px solid #AAA }
#UsersPlans .plan-free .pricing-content li i { font-size: 11px; color: #888; top: 0}
#UsersPlans .plan-pro { cursor: pointer }
#UsersPlans .plan-pro .pricing-head h3 { background: #31C7B2; border-bottom: 1px solid #31C7B2 }
#UsersPlans .plan-pro .pricing-content li i { font-size: 11px; color: #31C7B2; top: 0}
#UsersPlans .pricing-head h4 { color: #3b3f51; }

#UsersPayments .table .tr-link { cursor: pointer; }
#UsersPayments .btn-link-subscription { line-height: 40px; text-decoration: none; }
#UsersPayments .lbl-new-payment-subscription { line-height: 40px; }
#UsersPayments .btn-cancel-payment-subscription { color: #F00; line-height: 40px; text-decoration: none; }
#UsersPayments .btn-cancel-payment-subscription.pending { color: #666; line-height: 40px; text-decoration: none; }
#UsersPayments .table-orders-container .no-results { min-height: 80px; padding-top: 35px; }
#UsersPayments .clarification { display: block !important; min-height: 20px !important; }
#UsersPayments .actions { min-height: 40px; padding-top: 10px; }
#UsersPayments .btn-link { margin: 0px !important; }
#UsersPayments .btn-link:not(:hover) { background: none; color: #999; }
#UsersPayments .addons .portlet .portlet-header h4 { font-size: 14px; margin: 2px; font-weight: 800; }
#UsersPayments .addons .portlet .portlet-body i { font-size: 70px; line-height: 70px !important; color: #CCC; margin-top: 15px; }
#UsersPayments .addons .portlet .portlet-body .price { font-size: 30px !important; margin-bottom: 0px; }
#UsersPayments .price-label { font-size: 24px; color: #BBB; }
#UsersPayments .price-label-1 { font-size: 18px; }
#UsersPayments .desc-text { color: #BBB; }

#UsersPayments .addons .portlet.inactive .portlet-header { border: 1px solid #BBB; background: #BBB; color: #FFF; }
#UsersPayments .addons .portlet.inactive .portlet-body .price { color: #BBB !important; }

#UsersPayments .addons .portlet.active .portlet-header { border: 1px solid #34d4be; background: #34d4be; color: #FFF; }
#UsersPayments .addons .portlet.active .portlet-header small { color: #FFF; }
#UsersPayments .addons .portlet.active .btn-addons { display: none !important; }
#UsersPayments .addons .btn-info { position: absolute; top: -5px; right: 5px; font-size: 10px; padding: 4px 8px; }

#UsersPayments .title-price { font-size: 20px; font-weight: 800; margin-bottom: -5px; }
#UsersPayments .sweet-alert h2 { font-size: 22px !important; color: #999 !important; margin: 10px 0 !important; }
#UsersPayments ul.popup-detail { margin: 0 20px; padding: 0px; text-align: left; }
#UsersPayments ul.popup-detail li { margin: 0px; padding: 2px 5px; display: block; font-size: 13px; }
#UsersPayments ul.popup-detail li.title { font-size: 15px; margin-top: 10px; background: none; border-bottom: 1px solid #DDD; color: #31C7B2; font-weight: 800; }
#UsersPayments ul.popup-detail li.item { padding-left: 15px; font-size: 14px; color: #999; font-weight: 600; }
#UsersPayments ul.popup-detail li span { float: right; }
#UsersPayments ul.popup-detail li span a { font-size: 12px; }
#UsersPayments ul.popup-detail li.total { margin-top: 10px; font-size: 18px; font-weight: 600; }

#FrontendEventsTempOffices { height: 100%; width: 100%; }
#FrontendEventsTempOffices .header { color: #333; background: #31C7B2; min-height: 200px; border-bottom: 2px solid #fff; }
#FrontendEventsTempOffices .header .header-title { color:#fff; margin-left: 25px; margin-top: 55px; line-height: 45px; font-size: 38px;  }
#FrontendEventsTempOffices .header .buttons { height: 40px; }
#FrontendEventsTempOffices .header .logo { margin-right: 25px; line-height: 120px; }
#FrontendEventsTempOffices .header .logo img { height: 80px; }
#FrontendEventsTempOffices .header button { color:#fff; background: #31C7B2; margin-top: 10px; margin-right: 10px; }
#FrontendEventsTempOffices .block-searcher { position: absolute; top: 225px; left: 25px; width: 450px; }
#FrontendEventsTempOffices .block-searcher #btnNewUser { color: #fff; background-color: #31C7B2; margin-top: 15px; }
#FrontendEventsTempOffices .block-result { position: absolute; top: 225px; left: 25px; width: 450px; }
#FrontendEventsTempOffices .block-result .row { margin-top: 15px; }
#FrontendEventsTempOffices .block-result .row h3 { margin-left: 10px; color:#31C7B2 }
#FrontendEventsTempOffices .block-result .row-buttons { margin-top: 30px; padding-top: 20px; border-top: 1px solid #DDD; }
#FrontendEventsTempOffices .block-message { position: absolute; top: 225px; min-height: 50px; }
#FrontendEventsTempOffices .block-message h3 { margin-top: 10px; }
#FrontendEventsTempOffices .block-message .ico-ok { color: #31C7B2; line-height: 60px; font-size: 50px; width: 50px; height: 50px; }
#FrontendEventsTempOffices #mapUsers { width: 100%; height: 100%; min-height: 600px; margin: 0px; padding: 0px; }
#FrontendEventsTempOffices .form-group .has-success { border-bottom: 1x solid #31C7B2 !important; }
#FrontendEventsTempOffices .form-group .has-error { border-bottom: 1px solid #f00 !important; }
#FrontendEventsTempOffices .form-group label { left: 0px; right: 0px; }

#FrontendEventsTempOfficesConfirmed  { background: #31C7B2; height: 100%; }
#FrontendEventsTempOfficesConfirmed .temp-offices-confirmed { width: 100%; margin-top: 30px; min-height: 400px; }
#FrontendEventsTempOfficesConfirmed .temp-offices-confirmed .info { color: #fff; margin-top: 100px; }

#DoctorOfficeAdminMedicalSecurityDelete #osName { color: #31C7B2; font-weight: bold; }
#DoctorOfficeAdminMedicalSecurityDelete #pacsCount { color: #333; font-weight: bold; }
#DoctorOfficeAdminMedicalSecurityDelete .radio { margin-left: 50px; margin-top: 15px; }
#DoctorOfficeAdminMedicalSecurityDelete .row-new-os { margin: 0 10px; }
#DoctorOfficeAdminMedicalSecurityDelete small { padding-left: 10px; color: #666; }
#DoctorOfficeAdminMedicalSecurityDelete #s2id_listOs { width: 100%; }
#DoctorOfficeAdminMedicalSecurityDelete #s2id_listOsPlan { width: 100%; }

#DoctorOfficeDelete h4 { font-size: 16px; }
#DoctorOfficeDelete .officeName { font-weight: bold; }
#DoctorOfficeDelete #pacsCount { color: #333; font-weight: bold; }
#DoctorOfficeDelete .row { margin-top: 15px; }
#DoctorOfficeDelete #listOffices { min-width: 300px; text-align: center; }
#DoctorOfficeDelete input { min-width: 300px; }

/* CONSULTATION TYPES */
/*#UsersProfile .list-consultation-types { min-height: 300px; }*/
#ConsultationTypes_List .list-consultation-types .item { float: left; width: 49%; margin-left: 1%; border: 1px solid #E2E8F0; margin-top: 7px; padding: 0px 10px; border-radius: 10px; background: #fff; transition: background .15s ease, border-color .15s ease; }
#ConsultationTypes_List .list-consultation-types .item .md-checkbox { float: left; width: calc(100% - 50px); margin-bottom: 0; margin-top: 7px; margin-left: 5px; }
#ConsultationTypes_List .list-consultation-types .item .md-checkbox label { color: #2D3848; font-weight: 700; margin-bottom: 0px !important; }
#ConsultationTypes_List .list-consultation-types .item .md-checkbox label small { font-weight: normal; }
#ConsultationTypes_List .list-consultation-types .item .dropdown-toggle.blue-hoki { color: #475569 !important; border: 1px solid #475569 !important; background: none !important; }
#ConsultationTypes_List .list-consultation-types .item .btn-icon-only { height: 30px; width: 30px; }
#ConsultationTypes_List .list-consultation-types .item .btn-icon-only i {color: #475569 !important; font-size: 19px !important; }
/* Checkbox cuadrado con estado verde (tildado) / gris (sin tildar), tarjetas de práctica */
#ConsultationTypes_List .list-consultation-types .item .md-checkbox label > .box {
	border-color: #CBD5E1;
	border-radius: 5px;
	opacity: 1;
	transform: none;
}
#ConsultationTypes_List .list-consultation-types .item .md-checkbox label > .check {
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 5px;
	background: #16A34A;
	transform: none;
	transition-delay: 0s;
}
#ConsultationTypes_List .list-consultation-types .item .md-checkbox label > .check:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}
#ConsultationTypes_List .list-consultation-types .item .md-checkbox input[type=checkbox]:checked ~ label > .box { opacity: 0; transform: none; }
#ConsultationTypes_List .list-consultation-types .item .md-checkbox input[type=checkbox]:checked ~ label > .check { opacity: 1; transform: none; }
#ConsultationTypes_List .list-consultation-types .item.item-used { border-color: #16A34A; background: #E9FAEF; }
#ConsultationTypes_List .list-consultation-types .item.item-used .member-item { border: 1px solid #FFF; }
#ConsultationTypes_List .list-consultation-types .item.item-used .member-item h6 { color: #26a69a; }
#ConsultationTypes_List .list-consultation-types .item.item-used .member-item img { border: 2px solid #26a69a; }
/* Botón de menú (Vista previa/Modificar/Duplicar/Configurar): círculo outline en vez de azul sólido */
#ConsultationTypes_List .list-consultation-types .item .dropdown-toggle.blue-hoki {
	background-color: #fff;
	border: 1px solid #CBD5E1;
	color: #64748B;
}
#ConsultationTypes_List .list-consultation-types .item .dropdown-toggle.blue-hoki:hover,
#ConsultationTypes_List .list-consultation-types .item .dropdown-toggle.blue-hoki:focus,
#ConsultationTypes_List .list-consultation-types .item .dropdown-toggle.blue-hoki:active,
#ConsultationTypes_List .list-consultation-types .item.open .dropdown-toggle.blue-hoki {
	background-color: #F1F5F9;
	border-color: #94A3B8;
	color: #334155;
}
#ConsultationTypes_List .list-consultation-types .md-checkbox { width: 75%; white-space: nowrap}
/* #ConsultationTypes_List .list-consultation-types.with-edit-button .md-checkbox { width: 60%; }
#ConsultationTypes_List .list-consultation-types.with-copy-button .md-checkbox { width: 60%; } */
#ConsultationTypes_List .list-consultation-types label { overflow: hidden; text-overflow: ellipsis }
#ConsultationTypes_List .list-consultation-types .member-item { color: #777; display: inline-block; border: 1px solid #F0F0F0; border-radius: 5px; margin-top: 5px; width: 100%; padding: 5px; }
#ConsultationTypes_List .list-consultation-types .member-item .info-label { text-align: right; padding-right: 0px; line-height: 32px; font-size: 10px; }
#ConsultationTypes_List .list-consultation-types .member-item .row { min-height: 32px; padding: 0px 5px; }
#ConsultationTypes_List .list-consultation-types .member-item img { border: 1px solid #AAA; margin: 2px 5px 2px 0px; width: 28px; height: 28px; }
#ConsultationTypes_List .list-consultation-types .member-item h6 { margin: 0 0 -2px; font-size: 12px; }
/*#ConsultationTypes_List #listConsultationTypes .item .btn { display: none; }*/
#ConsultationTypes_List .col-md-4 .img-responsive { padding: 25px 30px; }
/* #ConsultationTypes_List .list-consultation-types .c-type-edit { margin-right: 3px; } */
/* #ConsultationTypes_List .list-consultation-types .c-type-copy { margin-right: 3px; display: inline !important; } */

#FrontendEventsIndexRetry .col-left { padding-right: 0px; }
#FrontendEventsIndexRetry .col-left h3 { line-height: 34px; }
#FrontendEventsIndexRetry .col-right { padding-left: 5px; }
#FrontendEventsIndexRetry .col-right input { height: 34px; }
#FrontendEventsIndexRetry .col-right #btnRetry { margin-top: -4px; }


#popupPatientAddPayment .modal-body { padding-top: 0px !important; }
#popupPatientAddPayment .well { padding: 15px; background-color: #FAFAFA; padding-top: 20px; padding-bottom: 20px; }
/*#popupPatientAddPayment .with-sub-header { margin-top: -15px; }*/
#popupPatientAddPayment .row.sub-header { background-color: #F0F0F0; }
#popupPatientAddPayment .row.sub-header h5 { line-height: 1.5; }
#popupPatientAddPayment .btn-bono { position: absolute; right: 10px; margin-top: -20px; cursor: pointer; text-decoration: none; background-color: #67809F; color: #FFF; padding: 2px 5px; border-radius: 5px; font-size: 11px; font-weight: 900; }
#popupPatientAddPayment .form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label::after { background: none !important; }
#popupPatientAddPayment .amount-container::after { content: "$"; position: absolute; top: 0px; font-size: 30px; line-height: 100px; color: #999; }
#popupPatientAddPayment .amount-container input { font-size: 55px !important; height: 55px; }
#popupPatientAddPayment .amount-bono-container::after { content: "$"; position: absolute; top: 0px; font-size: 18px; line-height: 65px; color: #999; }
#popupPatientAddPayment .amount-bono-container input { font-size: 22px !important; height: 24px; }
#popupPatientAddPayment .row-bono { margin-bottom: 15px; }
#popupPatientAddPayment .amount-budget-container .form-md-line-input { padding-top: 16px; }
#popupPatientAddPayment .amount-budget-container .form-md-line-input .form-control.input-sm { font-size: 20px; padding: 2px 0; }
#popupPatientAddPayment .amount-budget-container input { font-size: 22px !important; height: 24px; }


#popupPatientAddPayment .date-real-options-container { color: #999; line-height: 24px; font-size: 14px; }
#popupPatientAddPayment .date-real-options-container .badge { height: 24px; line-height: 18px; margin-left: 5px; cursor: pointer; padding-left: 10px; padding-right: 10px; }
#popupPatientAddPayment .date-real-picker-container .date-picker { width: 115px; float: right; text-align: center; border-radius: 3px; }
#popupPatientAddPayment .date-real-picker-container label { color: #999; line-height: 32px; }
#popupPatientAddPayment .professional-select-container .professional-select { width: 200px; float: right; text-align: center; border-radius: 3px; }
#popupPatientAddPayment .professional-select-container label { color: #999; line-height: 32px; }
#popupPatientAddPayment .attachment label { color: #999; line-height: 32px; }
#popupPatientAddPayment .fileinput-filename { line-height: 24px; max-width: 180px; color: #999; }
#popupPatientAddPayment .attachment .btn:not(.btn-delete) { height: 24px; line-height: 18px; margin-left: 5px; cursor: pointer; padding-top: 4px; padding-left: 10px; padding-right: 10px; }
#popupPatientAddPayment .attachment .btn-delete { height: 24px; width: 24px; margin-left: 5px; padding-top: 3px; }

#popupPatientAddPayment input[type=number]::-webkit-inner-spin-button,
#popupPatientAddPayment input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/* #popupPatientAddPayment .form-md-line-input:focus { background-color: #DDD !important; border-color: #999 !important; } */
#popupPatientAddPayment #PatientPaymentBudgetPaymentsCount { padding-left: 10px; }



.display-grid { display: grid; }
.list-group.type-vaccine .title { float: left; width: 150px; text-align: center; padding: 5px; }
.list-group.type-vaccine ol { border-bottom: 1px solid #EEE; display: block; padding: 5px; margin-left: 150px; border-left: 5px solid #DDD; }
.list-group.type-vaccine ol.first { border-top: 1px solid #EEE; }
.list-group.type-vaccine ol.optional { border-left: 5px solid #F90; }
.list-group.type-vaccine ol.applicated { text-decoration: line-through; color: #AAA; }
.list-group.type-vaccine ol.future .vaccine-item-actions { display: none; }
.list-group.type-vaccine ol i.readonly { margin-right: 4px; }

.list-group.type-vaccine .btn-apply-all { text-decoration: none; border: 1px solid transparent; padding: 5px 10px; border-radius: 20px; }
.list-group.type-vaccine .btn-apply-all:hover { border: 1px solid #16a692; }
.list-group.type-vaccine .btn-apply-all:hover i { color: #16a692; }

.list-group.type-vaccine span.extra-calendar { font-size: 11px; margin-left: 5px; color: #F90; }

.vaccine-item .btn-link:hover { box-shadow: none; }

.vaccine-item .btn-icon-only { width: 18px; height: 18px; line-height: 18px; padding: 0px; margin-left: 2px; margin-right: 2px; }
.vaccine-item .btn-icon-only i.fa-file { font-size: 9px; }

.vaccine-item .action-default { display: inline; }
.vaccine-item:hover .action-default { display: none; }
.vaccine-item .action-hover { display: none; }
.vaccine-item:hover .action-hover { display: inline; }

/*
.vaccine-item.vaccine-old span { opacity: 0.5; }
.vaccine-item.vaccine-old:hover span { opacity: 1.0; }
*/
.vaccine-current-separator { text-align: center; color: #F00; }
.vaccine-current-separator .content:after,
.vaccine-current-separator .content:before{ color: #26A69A; content:"\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0"; text-decoration:line-through; }

.medubot-info { clear: both; display: flex; margin-bottom: 5px; }
.medubot-info:hover { cursor: pointer; }
.medubot-info .icon { float: left; height: 60px; width: 60px; text-align: center; }
.medubot-info .icon img { height: 48px; }
.medubot-info .icon .text { line-height: 20px; font-size: 12px; }
.medubot-info .arrow-left { float: left; width: 0px; height: 0px; margin-top: 22px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #2ba599; }
.medubot-info .msg { width: calc(100% - 70px); max-width: 800px; float: left; border-left: 4px solid #2ba599 !important; color: #333; padding: 20px; background: #F5F5F5; border-radius: 0px 10px 10px 0px; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25); }
.medubot-info .msg:hover { /*border-left: 6px solid #2ba599;*/ color: #000; background: #EEE; }
.medubot-info .msg span.text { display: block; color: #777; margin-top: -14px; font-size: 11px; }
.medubot-info .msg span.action { color: #67809F; margin-top: 18px; font-size: 12px; line-height: 14px; position: absolute; right: 50px; }
.medubot-info .msg .actions a.btn { color: #FFF !important; }
.medubot-info .msg .actions .question { display: inline-block; font-size: 13px; margin-right: 10px; margin-top: 6px; color: #3e4151; }

.medubot-info .msg .msg-content { opacity: 1; }
.medubot-info .msg .msg-result { opacity: 0; text-align: center; float: left; height: 0px; z-index: 99999 !important; } /* display: table; } */
/* .medubot-info .msg .msg-result .response { display: table-cell; vertical-align: middle; font-size: 14px; } */
.medubot-info .msg .msg-result .lottie-icon { width: 100px; height: 100px; margin: auto; }
.medubot-info .msg .msg-result .lottie-icon path { fill: #31C7B2; }
.medubot-info .msg .msg-result .lottie-icon path[stroke-linecap="butt"] { stroke: #31C7B260; }
.medubot-info .msg .msg-result .lottie-icon div { position: relative; }

.medubot-info .animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes medubot-shake {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-2px);}
  20%, 40%, 60%, 80% {transform: translateX(2px);}
}
.medubot-info .shake { animation-name: medubot-shake; }

.medubot-info.medubot-professional-license .msg { background-color: #FFF; }
.medubot-info.medubot-professional-license .msg-result { width: 100%; text-align: center; }
.medubot-info.medubot-professional-license .msg-result .lottie-icon { padding: 5px; margin-top: -15px; }
.medubot-info.medubot-professional-license .msg-actions { padding-top: 20px; font-size: 14px; }
.medubot-info.medubot-professional-license .editable-input { margin-bottom: 5px; margin-left: 7px; margin-right: 7px; display: block; }
.medubot-info.medubot-professional-license .editable-input input { height: 34px; padding: 6px 12px; border: 1px solid #e5e5e5; outline: none; }
.medubot-info.medubot-professional-license .editable-input select { border: 1px solid #e5e5e5; outline: none; }

#popupVaccineDetail .modal-dialog { margin-top: 100px; }
#popupVaccineDetail .modal-header { background-color: #67809F; }
#popupVaccineDetail .modal-dialog .modal-body { padding-top: 0px; }
#popupVaccineDetail .modal-dialog .header { background-color: #FAFAFA; margin: 0px -15px; padding: 15px; border-bottom: 2px solid #F0F0F0; }
#popupVaccineDetail .modal-dialog .header span { width: 100px; float: left; color: #666; padding: 0px 5px; font-size: 12px; line-height: 14px; }
#popupVaccineDetail .modal-dialog .header p { padding: 10px 5px 0px 5px; border-top: 1px solid #DDD; margin: 15px 0px 0px 0px; }

#popupDoctorOfficeSelectDefaultView .content.type-1,
#popupDoctorOfficeSelectDefaultView .content.type-2 { margin-top: 20px; }
#popupDoctorOfficeSelectDefaultView .content.type-1 h4,
#popupDoctorOfficeSelectDefaultView .content.type-2 h4 { margin-bottom: 0px; }
#popupDoctorOfficeSelectDefaultView .content.type-1 h2,
#popupDoctorOfficeSelectDefaultView .content.type-2 h2 { margin-top: 0px; }
#popupDoctorOfficeSelectDefaultView .content .btn-option { cursor: pointer; margin-bottom: 40px; }
#popupDoctorOfficeSelectDefaultView .content .btn-option i { color: #AAA; font-size: 60px; margin: 60px 0px 25px 0px; }
#popupDoctorOfficeSelectDefaultView .content .btn-option:hover { color: #31C7B2 !important; }
#popupDoctorOfficeSelectDefaultView .content .btn-option:hover i { color: #31C7B2 !important; }
/* #popupDoctorOfficeSelectDefaultView .content .helpcrunch-widget-icon-wrapper svg { height: 15px; float: left; } */

#popupDoctorOfficeCalendarConfig label { font-size: 16px; font-weight: 600; }
#popupDoctorOfficeCalendarConfig label i { font-size: 16px; }
#popupDoctorOfficeCalendarConfig .tbl-days thead td { background: #FFF; color: #666; border-bottom: 2px solid #CCC; }
#popupDoctorOfficeCalendarConfig .tbl-days td.weekend { background: #F0F0F0; }
#popupDoctorOfficeCalendarConfig .tbl-days td { background: #FAFAFA; text-align: center; padding: 5px; border: 1px solid #F0F0F0; }
#popupDoctorOfficeCalendarConfig .tbl-days .btn-day { cursor: pointer; }
#popupDoctorOfficeCalendarConfig .tbl-days .btn-day i { font-size: 24px; line-height: 1.25; }
#popupDoctorOfficeCalendarConfig .tbl-days .btn-day i.fa-circle-thin { display: block; color: #999; }
#popupDoctorOfficeCalendarConfig .tbl-days .btn-day i.fa-check-circle-o { display: none; }
#popupDoctorOfficeCalendarConfig .tbl-days .btn-day.active i.fa-circle-thin { display: none; }
#popupDoctorOfficeCalendarConfig .tbl-days .btn-day.active i.fa-check-circle-o { display: block; color: #67809F !important; }
#popupDoctorOfficeCalendarConfig .btn-open-consultation-types small {     color: #000; font-size: 16px; font-weight: 500;}
#popupDoctorOfficeCalendarConfig .list-consultation-types { padding-left: 20px; margin-top: 10px}
#popupDoctorOfficeCalendarConfig .list-consultation-types li { display: block; width: 100%; padding: 2px; font-weight: 500; font-size: 16px;     list-style-type: disc; display: list-item; }
#popupDoctorOfficeCalendarConfig .list-consultation-types li small { font-weight: lighter; color: #333; }
#popupDoctorOfficeCalendarConfig .alert { background: #FAFAFA; border: 1px solid #34d4be; }
#popupDoctorOfficeCalendarConfig .alert i { float: left; color: #34d4be; margin: 0 20px 0 10px; height: 50px; line-height: 1.5; font-size: 25px; }
#popupDoctorOfficeCalendarConfig .custom-scroll { margin-top: 10px; margin-bottom: 10px; margin-right: 10px; padding-top: 15px; padding-right: 15px; height: 580px; overflow-y: scroll; max-height: calc(100vh - 180px); }
#popupDoctorOfficeCalendarConfig .text-left .editable-container.popover { left: 0px !important; }
#popupDoctorOfficeCalendarConfig .text-right .editable-container.popover { right: 0px !important; left: unset !important; }

#popupPatientNewComplete #patientData { padding: 0px 15px; }
#popupPatientNewComplete input { border: 1px solid #e5e5e5; border-radius: 5px; }
#popupPatientNewComplete input:focus { border: 1px solid #999; }
#popupPatientNewComplete select { border: 1px solid #e5e5e5; border-radius: 5px; }
#popupPatientNewComplete select:focus { border: 1px solid #999; }
#popupPatientNewComplete .select2-container:focus { border: 1px solid #999; }
#popupPatientNewComplete .select2-container:active { border: 1px solid #999; }
#popupPatientNewComplete .control-label { padding-right: 10px; }
#popupPatientNewComplete .os-separator { position: absolute; top: 8px; right: 0px; }
#popupPatientNewComplete .input-icon.right > .form-control:not(.select2-container) { padding-right: 25px; padding-left: 5px; }
#popupPatientNewComplete .input-icon.right > i { right: 4px; }
#popupPatientNewComplete .extra-data .control-label { text-align: left !important; }
#popupPatientNewComplete .extra-data #PatientBornDate { width: 100% !important; text-align: center; }
#popupPatientNewComplete .extra-data #PatientBornDateEdit { left: unset; right: 10px; }
#popupPatientNewComplete .form-group { margin-bottom: 5px; }
#popupPatientNewComplete .form-group.with-reference .col-md-5 { padding-right: 5px; }
#popupPatientNewComplete .form-group.with-reference .col-md-7 { padding-left: 0px; }
#popupPatientNewComplete .form-group.with-reference input { padding-right: 5px !important; }
#popupPatientNewComplete #WhatsAppValid { position: absolute; right: 35px; margin-top: -1px; padding: 0 4px 3px 4px; }

#popupDoctorOfficeAdminMedicalSecurityNewPlan .input-lg { font-size: 18px; }

#popupEmailReminderExample .modal-body { max-height: calc(100vh - 200px); overflow-y: auto; }

#SystemShowMsg #parent { display: table; width: calc(100% - 40px); height: calc(100vh - 40px); border: 5px dashed #666; color: #666; text-align: center; margin: 20px; }
#SystemShowMsg #child { display: table-cell; vertical-align: middle; }

#FirstStepsDashboard .portlet-objectives ul {list-style: none; padding: 0}
#FirstStepsDashboard .portlet-objectives ul li { font-size: 18px; margin: 8px 0;  text-align: left}
#FirstStepsDashboard .portlet-objectives ul li i { font-size: 22px; line-height: 36px;  text-align: left; color: #666; vertical-align: top; margin-top: 0px;}
#FirstStepsDashboard .portlet-objectives ul li a { text-decoration: none; border-radius: 6px; color: #46444e; line-height: 36px; vertical-align: top;}
#FirstStepsDashboard .portlet-objectives ul li.objective-completed a { text-decoration: line-through; color: #ff7373; cursor: none; pointer-events: none;}
#FirstStepsDashboard .portlet-objectives ul li.objective-completed i { color: #ff7373 }
#FirstStepsDashboard .portlet-objectives ul .div-item { display: inline-block; padding: 4px 16px;  }
#FirstStepsDashboard .portlet-objectives ul .div-item:hover {-webkit-box-shadow: 0px 3px 8px 0px rgba(138,138,138,0.5); -moz-box-shadow: 0px 3px 8px 0px rgba(138,138,138,0.5); box-shadow: 0px 3px 8px 0px rgba(138,138,138,0.5); border-radius: 6px}
#FirstStepsDashboard .portlet-objectives .subtitle { font-size: 16px; font-weight: 600; color: #46444e}
#FirstStepsDashboard .portlet-objectives div.steps {text-align: center; margin: 30px 0 20px 0}
#FirstStepsDashboard .portlet-objectives div.steps div { height: 5px; width: 6%; background-color: #CCC; display: inline-block; margin: 5px}
#FirstStepsDashboard .portlet-objectives div.steps div.fullcolor { background-color: #ff7373 }
#FirstStepsDashboard .portlet-objectives div.steps i { background-color: #FFF !important; font-size: 25px; margin-left: -25px;}
#FirstStepsDashboard .portlet-objectives lottie-player { margin: 0 auto; }

/* Custom Scroll */
.custom-scroll { padding-right: 5px; padding-top: 30px !important; margin-top: -30px !important; overflow-y: auto; }
.custom-scroll.custom-scroll-simple { padding-right: 5px; padding-top: unset !important; margin-top: unset !important; }

.custom-scroll::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar,
.fc-scroller::-webkit-scrollbar { width: 12px; height: 12px; }

.custom-scroll::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb,
.fc-scroller::-webkit-scrollbar-thumb { background: #999; border-radius: 6px; border: none; border-left: 2px solid #F3F5F9; border-right: 2px solid #F3F5F9; }

.custom-scroll::-webkit-scrollbar-thumb:active,
.dataTables_scrollBody::-webkit-scrollbar-thumb:active,
.fc-scroller::-webkit-scrollbar-thumb:active { background-color: #38d4be; }

.custom-scroll::-webkit-scrollbar-thumb:hover,
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover,
.fc-scroller::-webkit-scrollbar-thumb:hover { background: #666; border: none; /* box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); */ }

.custom-scroll::-webkit-scrollbar-track { background: #d4d4d4; border-radius: 6px; border: 2px solid #F3F5F9; margin: 30px 0; }
.custom-scroll.custom-scroll-simple::-webkit-scrollbar-track { margin: 10px 0; }
.dataTables_scrollBody::-webkit-scrollbar-track,
.fc-scroller::-webkit-scrollbar-track { background: #d4d4d4; border-radius: 6px; border: 2px solid #F3F5F9; margin: 10px 0; }

.custom-scroll.light::-webkit-scrollbar-track,
.dataTables_scrollBody.light::-webkit-scrollbar-track,
.fc-scroller.light::-webkit-scrollbar-track { background: #CCC; border-radius: 6px; border: 2px solid #FFF; }

.custom-scroll::-webkit-scrollbar-track:hover,
.custom-scroll::-webkit-scrollbar-track:active,
.dataTables_scrollBody::-webkit-scrollbar-track:hover,
.dataTables_scrollBody::-webkit-scrollbar-track:active,
.fc-scroller::-webkit-scrollbar-track:hover,
.fc-scroller::-webkit-scrollbar-track:active { background: #CCC; }
/* Custom Scroll */

.sql-debug { background: #CCC; margin-top: 30px; }
.sql-debug table { border: 1px solid #333; }
.sql-debug table td { border: 1px solid #666; }

/* Fancybox con zoom */
.fancybox-skin .disabled { pointer-events: none; }
.fancybox-zoom-in { position: absolute; top: -16px; right: 60px; width: 30px; height: 30px; cursor: pointer; z-index: 8040; background: #333; border: 2px solid #FFF; border-radius: 50%; color: #FFF; text-align: center; }
.fancybox-zoom-in i { color: #FFF; font-size: 16px; line-height: 1.25; }
.fancybox-zoom-out { position: absolute; top: -16px; right: 90px; width: 30px; height: 30px; cursor: pointer; z-index: 8040; background: #333; border: 2px solid #FFF; border-radius: 50%; color: #FFF; text-align: center; }
.fancybox-zoom-out i { color: #FFF; font-size: 16px; line-height: 1.25; }
.fancybox-zoom-full { position: absolute; top: -16px; right: 30px; width: 30px; height: 30px; cursor: pointer; z-index: 8040; background: #333; border: 2px solid #FFF; border-radius: 50%; color: #FFF; text-align: center; }
.fancybox-zoom-full i { color: #FFF; font-size: 16px; line-height: 1.25; }
.fancybox-wrap:not(.zoom-active) { left: unset; top: unset; }
.fancybox-wrap.zoom-active { width: calc(100vw - 60px) !important; left: 20px !important; top: 30px !important; }
.fancybox-wrap.zoom-active .fancybox-outer { cursor: pointer; height: calc(100vh - 100px) !important; overflow-y: scroll; }
.fancybox-wrap.zoom-active .fancybox-outer.active { background: rgba(255,255,255,0.3); cursor: grabbing; cursor: -webkit-grabbing; transform: scale(1); }
.fancybox-wrap.zoom-active .fancybox-inner { width: unset !important; height: unset !important; }
.fancybox-wrap.zoom-active .fancybox-nav { width: 10% !important; }
/* Fancybox con zoom */

.resume-hc-container { display: flex; position: absolute; z-index: 1000; right: 40px; bottom: 15px; max-width: 800px; font-size: 14px}
.resume-hc-container .ia-col-1 { padding-right: 10px; }
.resume-hc-container .ia-col-2 { width: 60px; padding-bottom: 10px; }
.resume-hc-container .ia-col-2 .container-img { position: relative; height: 100%; }
.resume-hc-container .ia-col-2 .container-img img { position: absolute; bottom: 0; width: 48px; border-radius: 50%; }
.resume-hc-container .portlet { clear: both; margin-bottom: 5px !important; padding: 10px 20px; box-shadow: 0 0 15px 0 rgba(0,0,0,.35) !important; }
.resume-hc-container .portlet .text { color: #000; padding: 5px 10px; line-height: 1.25; }
.resume-hc-container .portlet.state-3 { margin-bottom: 15px !important; }
.resume-hc-container a:not(.btn) { text-decoration: underline; }
.resume-hc-container .btn { cursor: pointer; border: 1px solid transparent !important; box-shadow: none; text-decoration: none !important; }
.resume-hc-container .btn.btn-resume-hc { color: #4f9bf9; border-color: #4f9bf9 !important; }
.resume-hc-container svg { fill: #4f9bf9 !important; }
.resume-hc-container .btn-resume-ia-nok,
.resume-hc-container .btn-resume-ia-ok { margin-left: 10px; }

.audio-widget { border-bottom: 1px solid #e5e5e5; padding: 10px 0px 20px 0px; }
.audio-widget .audio-state svg,
.audio-widget .transcription-result svg { color: #31C7B2; height: 24px; float: left; margin-right: 8px; }
.audio-widget .audio-controls .btn { height: 32px; font-size: 20px; padding: 0px; text-align: center; width: 32px; margin-top: -5px; margin-right: 15px; }
.audio-widget .audio-controls .btn#stopRecording { background-color: #FF0000 !important; color: #FFFFFF !important; }
.audio-widget .audio-controls .audio-timer { line-height: 1.25; margin-right: 10px; }
.audio-widget #sendTranscript { color: #4f9bf9; border: 1px solid #4f9bf9 !important; background: #FFF; border-radius: 8px; padding: 6px 10px 6px 10px; }
.audio-widget #sendImprovedTranscription { color: #4f9bf9; font-size: 12px; }

#PatientsPrescriptionView { overflow: unset !important; overflow-y: auto !important; max-height: 100vh; }
#PrescriptionView { font-size: 16px; width: 100vw; text-align: center; max-width: 640px; margin: auto; padding: 10px; }
#PrescriptionView .content { background: #FFF; padding: 20px; margin: 10px; }
#PrescriptionView .content .header { padding: 30px 0px; }
#PrescriptionView .content .header img { height: 30px; width: 220px; }
#PrescriptionView a { font-size: 11px; color: blue; text-decoration: none; }
#PrescriptionView .error { padding: 80px 0px;}

#UsersPlans #contentPRO { font-family: 'Open Sans' !important; color: #111144; }
#UsersPlans .header .header-title { font-size: 20px; font-weight: 500; line-height: 30px}
#UsersPlans .header .header-subtitle { color: #A2A2C1; font-size: 16px; font-weight: 500; line-height: 30px}
#UsersPlans .custom-portlet {width: 800px; margin: auto; margin-top: 30px; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.75); border-radius: 8px }
#UsersPlans .custom-portlet .custom-portlet-header { font-family: 'Rubik'; font-weight: 500; padding:   12px 26px; background-color: #111144; color: #FFF; text-align: left; font-size: 20px; border-radius: 8px 8px 0 0}
#UsersPlans .custom-portlet .custom-portlet-content { padding: 30px}
#UsersPlans .custom-portlet .custom-portlet-content .extra-text { font-size: 12px; line-height: 24px; margin-top: 12px}
#UsersPlans #contentPRO .custom-portlet .custom-portlet-content .col-right .content { position: fixed; padding-top: 40px; text-align: left; font-size: 12px; font-weight: 600}
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-detail div { display: inline-block; margin-top: 14px}
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-detail div.plan-detail-item { width: 90px; padding-left: 6px; vertical-align: middle }
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-detail div.circle { font-size: 16px; border-radius: 50%; width: 35px; height: 35px; text-align: center; line-height: 35px; padding-left: 0; }
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-detail div.circle.blue { background-color: #3388FF; color: #FFF}
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-detail div.circle.green { background-color: #25D366; color: #FFF; line-height: 38px}
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-detail div.circle.green i { font-size: 22px;}
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-detail div.circle.grey { background-color: #CCC; color: #FFF; line-height: 38px}
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-detail div.circle.grey i { font-size: 22px;}
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-price { font-family: 'Rubik';color: #3388FF; font-size: 48px; font-weight: 600; margin: 40px 0 0 0}
#UsersPlans .custom-portlet .custom-portlet-content .col-right .content .plan-price small { font-size: 12px}
#UsersPlans .custom-portlet .custom-portlet-content a.button { border: 2px solid #3388FF; color: #FFF; background-color: #3388FF; border-radius: 8px; padding: 10px 16px ;font-size: 15px; font-weight: 600; width: 100%; display: block; text-decoration: none}
#UsersPlans .custom-portlet .custom-portlet-content a.button i { float: right; margin: 3px 0 0 8px}
#UsersPlans .footer-link { font-size: 14px; margin-top: 20px; font-weight: 600}
#UsersPlans .footer-link a { color: #A2A2C1; }

.hide-whatsapp .btn-send-whatsapp { display: none !important; pointer-events: none !important; }
.hide-whatsapp .btn-send-whatsapp-docs { display: none !important; pointer-events: none !important; }

.text-clarification { font-size: 12px; color: #666; margin-top: 10px; line-height: 1.5; }

#patientExistMultipleList { text-align: center; padding: 10px 10px 0px 10px; max-height: 200px; overflow-y: auto; }
#patientExistMultipleList .patient-exist-multiple-item { margin: 0px 2px 4px 0px; }

#FrontsConfirmEvent .page-container { margin-top: 0px !important; }
#FrontsCancelEvent .page-container { margin-top: 0px !important; }

@media screen and (max-width: 1300px) {
  .nbs {
    width: 40px;
  }
  .nb-main {
    bottom: 75px;
    right: 8px;
    height: 40px;
    height: 40px !important;
    width: 40px !important;
    font-size: 25px;
    line-height: 40px;
    bottom: 0px;
  }
  .nbi {
    height: 35px;
    width: 35px;
    padding-top: 0px;
    font-size: 1em;
    line-height: 1.2em;
    margin-left: 3px;
    bottom: 4px;
  }
  .nbi i {
    margin-top: 10px;
  }
  .nbs:hover .nbsb1 { bottom: 164px; }
  .nbs:hover .nbsb2 { bottom: 124px; }
  .nbs:hover .nbsb3 { bottom: 84px; }
  .nbs:hover .nbsb4 { bottom: 44px; }

  .intercom-launcher-frame {
    width: 60px !important;
    height: 60px !important;
    right: 5px !important;
    bottom: 10px !important;
  }
}

/* ---- BOTON BLOQUEO TURNOS ONLINE ---- */
.btn-block-online-event-detail-placeholder {
  float: left;
  /* clear: both; */
  /* margin-top: 10px; */
  /* width: 100%; */
  display: block;
}

.btn-block-online-event-detail {
  /* padding: 8px 12px !important; */
  /* white-space: normal !important; */
  /* word-wrap: break-word !important; */
  height: auto !important;
  /* min-height: 40px !important; */
  /* line-height: 1.4 !important; */
  /* display: block !important; */
  margin: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#blockedPatientsList tbody tr td { vertical-align: middle !important; }

/* ---- END BOTON BLOQUEO TURNOS ONLINE ---- */

.patient-detail-event-origin-crontu { background: #e6e6e6; color: #8081f3; font-weight: bold; padding: 4px 10px; border-radius: 25px; display: inline-flex; align-items: center; margin: 0 auto; }
.patient-detail-event-origin-crontu img { width: 16px; height: 16px; margin-right: 6px; margin-top: -1px; }
.event-origin-crontu { background: #e6e6e6; padding: 1px 3px; border-radius: 50%; width: 22px; height: 22px; margin-top: 18px; margin-right: 2px; }
.event-origin-crontu img { width: 16px; height: 16px; }

/* ---- BANNER IMPERSONACIÓN (alerta info diseño: fondo claro, texto #1E63F8, 14px; mismo tono que alert info en Users/payments.ctp) ---- */
.banner-impersonation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px 16px;
	margin-bottom: 10px;
	padding: 10px 16px;
	border-radius: 4px;
	background-color: #DAE8FF;
	border: 1px solid #E0E0E0;
	color: #1E63F8;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}
.banner-impersonation .banner-impersonation-main {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	flex: 1;
	min-width: 0;
}
.banner-impersonation .banner-impersonation-main > .fa {
	color: #1E63F8;
	font-size: 16px;
	line-height: 1.25;
	margin-top: 1px;
	flex-shrink: 0;
}
.banner-impersonation strong {
	font-weight: 700;
}
.banner-impersonation .banner-impersonation-link {
	color: #1E63F8 !important;
	font-weight: 700;
	text-decoration: underline;
	white-space: nowrap;
}
.banner-impersonation .banner-impersonation-link:hover,
.banner-impersonation .banner-impersonation-link:focus {
	color: #174ecc !important;
	text-decoration: underline;
}
/* ---- END BANNER IMPERSONACIÓN ---- */

/* ---- FOTO DE PERFIL (profile_tab_profile_image.ctp) ---- */
.portlet-profile-photo {
	padding: 16px !important;
}
.profile-photo-card {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	background: #fff;
	border-radius: 16px;
	padding: 24px;
}
.profile-photo-card__preview {
	flex: 0 0 auto;
	width: 144px;
	height: 144px;
}
.profile-photo-card__preview img {
	width: 144px;
	height: 144px;
	object-fit: cover;
	border-radius: 50%;
}
.profile-photo-card__info { flex: 1 1 auto; min-width: 0; }
.profile-photo-card__title {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: 700;
	color: #475569;
}
.profile-photo-card__desc {
	margin: 0 0 48px;
	font-size: 16px;
	color: #647D9E;
	line-height: 1.25;
}
.profile-photo-card__actions {
	display: flex;
	align-items: center;
	gap: 18px;
}
.profile-photo-card__btn-primary {
	background: #1560BD;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 10px 22px;
	border-radius: 999px;
	cursor: pointer;
	margin: 0;
	display: inline-block;
}
.profile-photo-card__btn-primary:hover { background: #3F5E79; }
.profile-photo-card__btn-muted {
	background: transparent;
	border: none;
	color: #E35B5A;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 10px 0;
	cursor: pointer;
}
.profile-photo-card__btn-muted:hover { color: #c0392b; }
.profile-photo-card__btn-muted:disabled {
	color: #b0b8c1;
	cursor: not-allowed;
}
/* ---- Estilo "CAMBIAR FOTO" reutilizado para el resto de los botones de /mi-perfil ---- */
.btn-mi-perfil {
	background: #1560BD;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5px;
	padding: 6px 12px;
	border-radius: 999px;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	gap: 8px;
}
.btn-mi-perfil > i {
	display: inline-flex;
	align-items: center;
}
.btn-mi-perfil:hover,
.btn-mi-perfil:focus {
	background: #3F5E79;
	color: #fff;
	text-decoration: none;
}
.btn-mi-perfil:disabled {
	opacity: .6;
	cursor: not-allowed;
}
.btn-mi-perfil-muted {
	background: transparent;
	border: none;
	color: #E35B5A;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5px;
	padding: 10px 22px;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.btn-mi-perfil-muted:hover,
.btn-mi-perfil-muted:focus {
	color: #c0392b;
	text-decoration: none;
}
.btn-mi-perfil-muted:disabled {
	color: #b0b8c1;
	cursor: not-allowed;
}
.btn-mi-perfil.btn-block,
.btn-mi-perfil-muted.btn-block {
	justify-content: center;
}
.profile-photo-card__tip {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	background: #FEFCE2;
	border: 1px solid #FCE897;
	border-radius: 12px;
	padding: 10px 18px;
	color: #854D0E;
	font-size: 16px;
}
.profile-photo-card__tip i {
	color: #D9A400;
	font-size: 18px;
	margin-top: 12px;
}
/* ---- END FOTO DE PERFIL ---- */

.sisa-licenses-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}
.sisa-licenses-card__header-actions i,
.sisa-licenses-empty i { margin-top: -1px !important; width: 16px !important; color: #FFF !important; }

.sisa-licenses-table { margin-bottom: 0; border: none; }
.sisa-licenses-table > thead > tr > th,
.sisa-licenses-table > tbody > tr > td {
  vertical-align: middle !important;
  border-top: none;
  border-bottom: 1px solid #eee;
  padding: 8px;
}
.sisa-licenses-table > thead > tr > th { border-bottom: 1px solid #E2E8F0; font-size: 12px; font-weight: 700; color: #475569; background: #F7F9FB; }
.sisa-licenses-table > tbody > tr > td { color: #333; }
.sisa-licenses-table > tbody > tr.sisa-license-inactive > td { color: #CBD5DC; }
.sisa-licenses-table td.sisa-license-last-used { font-weight: 700 !important; color: #1560BD !important; }
.sisa-licenses-table > tbody > tr:last-child > td { border-bottom: none; }
.sisa-licenses-table .sisa-license-valid {
  text-align: center;
  width: 40px;
}
.sisa-licenses-table .sisa-license-valid .fa-check {
  color: #1560BD !important;
}
.sisa-licenses-table .sisa-license-enabled {
  text-align: center;
  width: 85px;
}
.sisa-licenses-table .sisa-license-delete {
  text-align: center;
  width: 40px;
}
.sisa-licenses-table .btn-sisa-delete {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  line-height: 1;
}
.sisa-licenses-table .btn-sisa-delete:hover,
.sisa-licenses-table .btn-sisa-delete:focus {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.sisa-licenses-table .btn-sisa-delete .fa-trash-o {
  color: #E35B5A;
  font-size: 16px;
}
.sisa-licenses-table .btn-sisa-delete:hover .fa-trash-o {
  color: #c0392b;
}
.sisa-toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  vertical-align: middle;
}
.sisa-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.sisa-toggle__track {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  cursor: pointer;
  background: #D5DCE4;
  border-radius: 999px;
  transition: background .15s ease;
}
.sisa-toggle__track:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  transition: transform .15s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.sisa-toggle input:checked + .sisa-toggle__track { background: #1560BD; }
.sisa-toggle input:checked + .sisa-toggle__track:before { transform: translateX(18px); }
.sisa-toggle input:disabled + .sisa-toggle__track { opacity: .6; cursor: not-allowed; }
.sisa-licenses-empty { text-align: center; padding: 12px 0 4px; }

/* AGREGAR MATRICULA - estilo nuevo (header blanco, campos con label arriba, footer con píldoras) */
#modalSisaAdd .modal-content { border-radius: 12px; overflow: hidden; border: none; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
#modalSisaAdd .sisa-modal-header { display: flex; align-items: center; justify-content: space-between; height: 56px; background: #fff; border-bottom: 1px solid #edf1f4; padding: 0 28px; }
#modalSisaAdd .sisa-modal-title { font-size: 18px; font-weight: 700; color: #1C2E3E; text-transform: uppercase; letter-spacing: .3px; margin: 0; }
#modalSisaAdd .sisa-modal-close { flex-shrink: 0; background: #F0F4F8; border: none; border-radius: 50%; width: 30px; height: 30px; color: #7A8FA0; opacity: 1; }
#modalSisaAdd .sisa-modal-close:hover { background: #E2E8F0; color: #1C2E3E; }
#modalSisaAdd .sisa-modal-body { padding: 24px 28px; }
#modalSisaAdd .sisa-field { margin-bottom: 18px; }
#modalSisaAdd .sisa-field--last { margin-bottom: 0; }
#modalSisaAdd .sisa-field__lbl { display: block; font-size: 12px; color: #62748E; font-weight: 500; margin-bottom: 6px; }
#modalSisaAdd .sisa-text-input { width: 100%; border: 1px solid #D5DCE4; border-radius: 8px; padding: 9px 12px; font-size: 14px; color: #30485f; background: #fff; height: auto; box-shadow: none; }
#modalSisaAdd .sisa-text-input:focus { outline: 0; border-color: #486A88; box-shadow: 0 0 0 3px rgba(72,106,136,0.12); }
#modalSisaAdd .sisa-field__hint { display: block; margin-top: 6px; font-size: 12px; color: #8a95a3; }
#modalSisaAdd .sisa-modal-footer { background: #F5F7FA; border-top: 1px solid #edf1f4; padding: 8px 15px !important; display: flex; align-items: center; justify-content: space-between; }
#modalSisaAdd .sisa-modal-footer:before,
#modalSisaAdd .sisa-modal-footer:after { content: none; display: none; }
#modalSisaAdd .sisa-modal-footer__right { display: flex; align-items: center; gap: 12px; }
#modalSisaAdd .sisa-modal-footer #btnSisaImport i { color: #2456A6; }
#modalSisaAdd .sisa-btn-ghost { background: #fff; border: 1px solid #D5DCE4; color: #6B7A88; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; padding: 10px 20px; border-radius: 999px; cursor: pointer; }
#modalSisaAdd .sisa-btn-ghost:hover { background: #F0F4F8; color: #1C2E3E; }
#modalSisaAdd .sisa-btn-primary { background: #1560BD; border: 1px solid #486A88; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 10px 22px; border-radius: 999px; cursor: pointer; }
#modalSisaAdd .sisa-btn-primary:hover { background: #3F5E79; border-color: #3F5E79; }
#modalSisaAdd .sisa-btn-outline { border: 1px solid #2456A6; color: #2456A6; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; padding: 9px 18px; border-radius: 999px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
#modalSisaAdd .sisa-btn-outline:hover { background: #F0F4FA; }
#modalSisaAdd .sisa-btn-outline:disabled { opacity: .6; cursor: not-allowed; }
#modalSisaAdd select#sisaAdd_specialties { display: none; }
#modalSisaAdd .select2-container-multi { width: 100% !important; }
#modalSisaAdd .select2-container-multi .select2-choices { border: 1px solid #D5DCE4; border-radius: 8px; min-height: 38px; padding-top: 2px; background: #fff; box-shadow: none; }
#modalSisaAdd .select2-container-multi.select2-container-active .select2-choices { border-color: #486A88; box-shadow: 0 0 0 3px rgba(72,106,136,0.12); outline: 0; }
#modalSisaAdd .select2-container-multi .select2-search-field input { font-size: 14px; color: #333; padding: 6px 4px; }
#modalSisaAdd .select2-container-multi .select2-search-choice { margin: 4px 6px 4px 0 !important; padding: 5px 26px 5px 10px !important; font-size: 13px; font-weight: 500; color: #30485f; border-radius: 12px; background: #F7F9FC !important; border-color: #e9eaeb !important; }
#modalSisaAdd .select2-container-multi .select2-search-choice .select2-search-choice-close { right: 5px; left: unset; }

/* Swal de Platform.showHcPrintJobResult (Imprimir HC/Exportar...): la letra
   default de sweetalert.css (h2 30px, p 16px) se ve demasiado grande para un
   aviso corto de "Generando archivo...". Escopeado solo a este swal via
   customClass, no afecta al resto de los swal del panel. */
.sweet-alert.swal-hcpj h2 { font-size: 20px !important; line-height: 26px !important; margin: 15px 0 !important; }
.sweet-alert.swal-hcpj p { font-size: 16px !important; }

/* "Generando archivo": pide un spinner animado en vez del icono estatico de
   type:'info' (mockup de diseño). Reusa el circulo de .sa-icon
   (sweetalert.css, 80px por default) como pista del spinner, achicado a 40px
   acá - le cambia tamaño/borde y le saca el punto/linea de la "i" via
   ::before/::after. Escopeado a esta clase especifica (no .swal-hcpj a
   secas ni .sa-icon global) porque _swalWillArriveByEmail tambien usa
   type:'info' con swal-hcpj, y otros swal del panel (success/error) usan
   .sa-icon del mismo tamaño - achicarlo global los afectaria a todos. */
.sweet-alert.swal-hcpj-generating { border-radius: 16px; }
.sweet-alert.swal-hcpj-generating h2 {
	color: #0A3572 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
  margin: 6px 0 !important;
}
.sweet-alert.swal-hcpj-generating .sa-icon {
	width: 40px;
	height: 40px;
	border-width: 6px;
}
.sweet-alert.swal-hcpj-generating .sa-icon.sa-info {
	border-color: #D6E4F0;
	border-top-color: #0A3572;
	animation: swal-hcpj-generating-spin 0.8s linear infinite;
}
.sweet-alert.swal-hcpj-generating .sa-icon.sa-info::before,
.sweet-alert.swal-hcpj-generating .sa-icon.sa-info::after {
	content: none;
}
@keyframes swal-hcpj-generating-spin {
	to { transform: rotate(360deg); }
}

/* "Archivo listo" (_swalDownloadReady): mockup de diseño con check chico
   relleno (no el icono default de sweetalert, que dibuja el tilde con dos
   circulos + barras posicionadas en px absolutos para un circulo de 80px -
   reescalarlo se rompe igual que le pasaba al spinner) y un footer propio
   para los botones (barra gris, "Cerrar" como texto plano + confirm en
   pildora con icono). Escopeado a swal-hcpj-ready, no afecta a
   _swalError/_swalWillArriveByEmail (misma customClass swal-hcpj sin el
   sufijo). */
.sweet-alert.swal-hcpj-ready { border-radius: 16px; padding-bottom: 0; }
.sweet-alert.swal-hcpj-ready h2 {
	color: #0A3572 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	margin: 6px 0 !important;
}
.sweet-alert.swal-hcpj-ready p b { color: #1C2E3E; font-weight: 700; }
.sweet-alert.swal-hcpj-ready .sa-icon.sa-success {
	width: 56px;
	height: 56px;
	border: none;
	margin: 20px auto 16px auto;
	background-color: #E9FAEF;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 13 10 18 19 7'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
}
.sweet-alert.swal-hcpj-ready .sa-icon.sa-success::before,
.sweet-alert.swal-hcpj-ready .sa-icon.sa-success::after,
.sweet-alert.swal-hcpj-ready .sa-icon.sa-success .sa-line,
.sweet-alert.swal-hcpj-ready .sa-icon.sa-success .sa-placeholder,
.sweet-alert.swal-hcpj-ready .sa-icon.sa-success .sa-fix {
	display: none !important;
}
.sweet-alert.swal-hcpj-ready .sa-button-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 24px -17px 0 -17px;
	padding: 12px 16px;
	background-color: #F3F5F7;
}
.sweet-alert.swal-hcpj-ready button {
	margin: 0;
}
.sweet-alert.swal-hcpj-ready button.cancel {
	background: none;
	color: #4B5563;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 12px;
	box-shadow: none !important;
}
.sweet-alert.swal-hcpj-ready button.cancel:hover,
.sweet-alert.swal-hcpj-ready button.cancel:active {
	background: none;
	color: #1F2937;
}
.sweet-alert.swal-hcpj-ready button.confirm {
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 24px 8px 46px;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 16px 16px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");
}

/* "Seguimos generando el archivo" (_swalWillArriveByEmail): mismo mockup -
   reemplaza el icono default de type:'info' (el puntito/linea de ".sa-info")
   por un circulo celeste con un reloj, y el footer queda con un solo boton
   centrado (showCancelButton:false, asi que .sa-button-container solo tiene
   un item visible - sin justify-content:center quedaria pegado a la
   izquierda). Escopeado a swal-hcpj-waiting para no heredar el spinner de
   swal-hcpj-generating ni el layout de dos botones de swal-hcpj-ready. */
.sweet-alert.swal-hcpj-waiting { border-radius: 16px; padding-bottom: 0; }
.sweet-alert.swal-hcpj-waiting h2 {
	color: #0A3572 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	margin: 6px 0 !important;
}
.sweet-alert.swal-hcpj-waiting p b { color: #4B5563; font-weight: 700; }
.sweet-alert.swal-hcpj-waiting .sa-icon {
	width: 56px;
	height: 56px;
	border: none;
	margin: 20px auto 16px auto;
}
.sweet-alert.swal-hcpj-waiting .sa-icon.sa-info {
	background-color: #EFF6FF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231560BD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cpolyline points='12 7 12 12 15.5 14'%3E%3C/polyline%3E%3C/svg%3E");
}
.sweet-alert.swal-hcpj-waiting .sa-icon.sa-info::before,
.sweet-alert.swal-hcpj-waiting .sa-icon.sa-info::after {
	content: none;
}
.sweet-alert.swal-hcpj-waiting .sa-button-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 24px -17px 0 -17px;
	padding: 12px 16px;
	background-color: #F3F5F7;
}
.sweet-alert.swal-hcpj-waiting button {
	margin: 0;
}
.sweet-alert.swal-hcpj-waiting button.confirm {
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 32px;
}

/* "No pudimos generar el archivo" (_swalError): mismo mockup - reemplaza el
   icono default de type:'error' (circulo + X armada con 2 barras
   diagonales en px absolutos, igual problema que .sa-success/.sa-info al
   achicarlo) por un circulo rosa claro con un alert-circle, y agrega footer
   con "Cerrar" + "Reintentar" cuando showHcPrintJobResult recibe
   retryCallback (sino queda un solo boton "Aceptar", sin este layout de
   footer - ver showCancelButton:!!retryCallback en platform.js). */
.sweet-alert.swal-hcpj-error { border-radius: 16px; padding-bottom: 0; }
.sweet-alert.swal-hcpj-error h2 {
	color: #0A3572 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	margin: 6px 0 !important;
}
.sweet-alert.swal-hcpj-error .sa-icon {
	width: 56px;
	height: 56px;
	border: none;
	margin: 20px auto 16px auto;
}
.sweet-alert.swal-hcpj-error .sa-icon.sa-error {
	background-color: #FDECEC;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px 26px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
}
.sweet-alert.swal-hcpj-error .sa-icon.sa-error .sa-x-mark {
	display: none !important;
}
.sweet-alert.swal-hcpj-error[data-has-cancel-button=true] .sa-button-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 24px -17px 0 -17px;
	padding: 12px 16px;
	background-color: #F3F5F7;
}
.sweet-alert.swal-hcpj-error[data-has-cancel-button=true] button {
	margin: 0;
}
.sweet-alert.swal-hcpj-error[data-has-cancel-button=true] button.cancel {
	background: none;
	color: #4B5563;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 12px;
	box-shadow: none !important;
}
.sweet-alert.swal-hcpj-error[data-has-cancel-button=true] button.cancel:hover,
.sweet-alert.swal-hcpj-error[data-has-cancel-button=true] button.cancel:active {
	background: none;
	color: #1F2937;
}
.sweet-alert.swal-hcpj-error[data-has-cancel-button=true] button.confirm {
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 32px;
}
/* ---- MP ---- */
#UsersMp .mp-section { min-height: 80px; padding: 0px !important; border: none !important; }
#UsersMp .preference-item .select2-container-multi { width: 100% !important; margin-left: 20px !important; }
#UsersMp .preference-item .select2-container-multi .select2-choices { padding: 5px;}
#UsersMp .preference-item .select2-container-multi .select2-search-choice { padding: 6px 30px 6px 10px !important; margin: 2px !important; border-color: #b7c5d6; color: #8a95a3; font-weight: bold; }
#UsersMp .preference-item .select2-container-multi .select2-search-choice .select2-search-choice-close { right: 5px; left: unset; padding: 7px; margin-top: 1px; }
#UsersMP .mp-preferences table { border: 0; background: transparent; margin-bottom: 0px !important; }
#UsersMP .mp-preferences table thead { display: none; }
#UsersMP .mp-preferences table tbody tr.preference-item { background: transparent; }
#UsersMP .mp-preferences table tbody tr.preference-item > td { border: 0; padding: 0 0 12px; }
#UsersMP .preference-card { border: 1px solid #E2E8F0; border-radius: 8px; background: #fff; padding: 10px 14px; text-align: left; }
#UsersMP .preference-card-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
#UsersMP .preference-card-info { flex: 1 1 auto; }
#UsersMP .preference-card-controls { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
#UsersMP .preference-title { margin: 0; font-size: 20px; line-height: 1.2; color: #203a54; font-weight: 800; }
#UsersMP .preference-status { display: inline-flex; align-items: center; gap: 4px; background: #F0FDF4; color: #15803D; border-radius: 999px; padding: 2px 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; vertical-align: middle; margin-top: -2px; }
#UsersMP .preference-status--programada { background: #EFF6FF; color: #2563EB; }
#UsersMP .preference-card.is-inactive .preference-status { background: #F7F9FC; color: #647D9E; }
#UsersMP .preference-card.is-inactive .preference-status--programada { background: #F7F9FC; color: #647D9E; }
#UsersMP .preference-payment-badge { display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; padding: 2px 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; vertical-align: middle; margin-top: -2px; }
#UsersMP .preference-payment-badge--online { background: #EFF6FF; color: #2563EB; }
#UsersMP .preference-payment-badge--presencial { background: #FFF7ED; color: #C2410C; }
#UsersMP .preference-card.is-inactive .preference-payment-badge { background: #F7F9FC; color: #647D9E; }
#UsersMP .preference-card.is-inactive .preference-amount { color: #A8B5C4; }
#UsersMP .preference-card.is-inactive .preference-card-body p { color: #A8B5C4 !important; }
#UsersMP .preference-card.is-inactive .preference-card-body .pref-apply-title-row i { color: #A8B5C4 !important; }
#UsersMP .preference-card.is-inactive .preference-card-body .pref-apply-title-row .pref-apply-title { color: #A8B5C4 !important; }
#UsersMP .preference-card.is-inactive .preference-card-body .pref-chip { color: #A8B5C4 !important; background: #F7F9FC !important; }
#UsersMP .preference-card.is-inactive .pref-switch-ui { background: #A8B5C4 !important; }
#UsersMP .preference-card.is-inactive .pref-switch-text { color: #A8B5C4 !important; }
#UsersMP .preference-meta--scheduled { color: #5c6f82; font-weight: 600; }
#UsersMP .preference-status i { font-size: 6px; margin-top: 0px; }
#UsersMP .preference-meta { color: #8b95a1; font-size: 12px; margin-top: 5px; margin-bottom: 0; }
#UsersMP .preference-meta i { margin-right: 5px; }
#UsersMP .preference-card-body { margin-top: 10px; padding-top: 8px; border-top: 1px solid #E2E8F0; }
#UsersMP .pref-applies-label { font-size: 13px; font-weight: 600; color: #8b95a1; margin: 0 0 10px; }
#UsersMP .pref-applies-grid { display: flex; flex-direction: column; gap: 10px; }
#UsersMP .pref-apply-section { min-width: 160px; }
#UsersMP .pref-apply-title-row { display: flex; align-items: center; gap: 6px; margin-bottom: 5px; }
#UsersMP .pref-apply-title-row i { color: #8b95a1; font-size: 13px; width: 14px; text-align: center; }
#UsersMP .pref-apply-title { font-size: 14px; font-weight: 600; color: #1A2333; }
#UsersMP .pref-apply-chips { display: flex; flex-wrap: wrap; gap: 4px; }
#UsersMP .pref-chip { display: inline-block; background: #f0f4f8; border-radius: 10px; padding: 3px 10px; font-size: 13px; font-weight: 600; color: #475569; margin-left: 20px; line-height: 16px; }
#UsersMP .preference-apply-select .select2-container-multi .select2-choices { border: 0; background: transparent; min-height: 24px; padding: 0 !important; box-shadow: none; }
#UsersMP .preference-apply-select .select2-container-multi .select2-search-field { display: none !important; }
#UsersMP .preference-apply-select .select2-container-multi .select2-search-choice { margin: 0 6px 5px 0 !important; padding: 3px 10px !important; background: #f0f4f8; border-radius: 10px; padding: 3px 10px; font-size: 13px; font-weight: 600; color: #475569; border: none; }
#UsersMP .preference-apply-select .select2-search-choice-close { display: none !important; }
#UsersMP .preference-amount { background: #F7F9FC; padding: 8px 12px; border-radius: 8px; font-size: 24px; line-height: 32px; color: #2D3848; font-weight: 700; white-space: nowrap; }
#UsersMP .preference-card-controls .btn { border-radius: 8px; border: 1px solid #EFF2F6 !important; color: #30485f; font-weight: 700; padding: 6px 10px; margin-right: 0 !important; }
#UsersMP .preference-card-controls .btn-more { background: #FFF; line-height: 32px; padding: 6px; min-width: 42px; }
#UsersMP .preference-card-controls .btn-more i { font-size: 16px; line-height: 32px; }
#UsersMP .pref-switch-wrap{ display: inline-flex; min-width: 110px; align-items: center; gap: 4px; line-height: 32px; padding: 7px 15px; border: 1px solid #EFF2F6; border-radius: 8px; cursor: pointer; margin: 0; }
#UsersMP .pref-switch-wrap input{ position: absolute; opacity: 0; pointer-events: none; }
#UsersMP .pref-switch-ui{ width: 32px; height: 18px; border-radius: 999px; background: #5c9370; position: relative; display: inline-block; }
#UsersMP .pref-switch-ui:after{ content: ""; width: 12px; height: 12px; border-radius: 50%; background: #fff; position: absolute; top: 3px; right: 3px; }
#UsersMP .pref-switch-text{ font-size: 14px; font-weight: 600; color: #2f7f52; text-transform: uppercase; min-width: 60px; margin-left: 4px; }
/* #UsersMP .preference-card.is-inactive .pref-switch-wrap{ background: #f4f5f6; border-color: #d5dbe1; } */ #UsersMP .preference-card.is-inactive .pref-switch-ui{ background: #a5aeb7; }
#UsersMP .preference-card.is-inactive .pref-switch-ui:after{ left: 3px; right: auto; }
#UsersMP .preference-card.is-inactive .pref-switch-text{ color: #6f7b87; }
#UsersMP .preference-menu-wrap{ position: relative; }
#UsersMP .preference-menu{ position: absolute; right: 0; top: calc(100% + 6px); min-width: 170px; background: #fff; border: 1px solid #d9dfe5; border-radius: 8px; box-shadow: 0 8px 20px rgba(44, 62, 80, 0.12); z-index: 20; text-align: left; }
#UsersMP .preference-menu-item{ display: block; padding: 10px 14px; color: #30485f; font-weight: 600; font-size: 14px; text-decoration: none; }
#UsersMP .preference-menu-item:hover{ background: #f5f7f9; text-decoration: none; }
#UsersMP .preference-menu-item + .preference-menu-item{ border-top: 1px solid #edf1f4; }
#UsersMP .preference-menu-item i{ width: 14px; margin-right: 8px; }
#UsersMP .preference-menu-item.danger{ color: #e45f5f; }
#UsersMP .banner { display: flex; align-items: center; gap: 12px; background: #EEF4FF; border: 1px solid #BDD0F7; border-left: 4px solid #3B6FD4; border-radius: 6px; padding: 12px 16px; margin-bottom: 20px; font-size: 14px; line-height: 1.15; }
#UsersMP .banner p { margin: 0 !important; }
#UsersMP .banner__icon { flex-shrink: 0; width: 28px; height: 28px; background: #3B6FD4; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
#UsersMP .banner__icon-crontu { flex-shrink: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; padding: 4px; background: #e6e6e6; border-radius: 50%; border: 1px solid #BDD0F7; }
#UsersMP .banner__icon-crontu img { width: 100%; height: 100%; object-fit: contain; }
#UsersMP{ --mp-bg: #F4F7FA; --mp-card: #FFFFFF; --mp-border: #E5E9EC; --mp-border-soft: #EDEFF1; --mp-title: #4A6A85; --mp-sub-title: #314158; --mp-text: #62748E; --mp-text-bold: #314158; --mp-text-soft: #62748E; --mp-primary: #5C6F82; --mp-primary-hover: #4B5C6D; --mp-warning: #D27B73; --mp-danger: #E57373; }
#UsersMP .mp-content{ background: var(--mp-card); border: 1px solid var(--mp-border-soft); border-radius: 12px; padding: 18px; box-shadow: 0 8px 20px rgba(44, 62, 80, 0.06); }
#UsersMP .mp-lead{ color: var(--mp-text); max-width: 620px; margin: 0; font-size: 16px; line-height: 1.25; font-weight: 500; }
#UsersMP .mp-lead.full { max-width: none; }
#UsersMP .mp-lead .mp-text-bold { color: var(--mp-text-bold); }
#UsersMP .mp-hero{ display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 8px; }
#UsersMP .mp-hero-left{ flex: 1 1 auto; }
#UsersMP .mp-hero-right{ flex: 0 0 340px; }
#UsersMP .mp-status-card{ border: 1px solid #E2DFDF; border-radius: 10px; padding: 15px; min-height: 100px; }
#UsersMP .mp-status-loading{ color: var(--mp-text-soft); font-weight: 700; font-size: 15px; }
#UsersMP .mp-status-row{ width: 100%; display: flex; align-items: flex-start; gap: 6px; padding-top: 10px; flex-direction: column; }
#UsersMP .mp-status-logo{ float: left; margin-right: 8px; }
#UsersMP .mp-status-logo img { width: 32px }
#UsersMP .mp-status-copy{ flex: 1 1 auto; text-align: left; }
#UsersMP .mp-status-label{ float: right; display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; padding: 2px 8px; font-size: 12px; font-weight: 600; text-transform: uppercase; vertical-align: middle; margin-top: 2px; }
#UsersMP .mp-status-label i { font-size: 8px; margin-top: 1px; margin-right: 5px; }
#UsersMP .mp-status-title{ color: #314158; font-size: 16px; font-weight: 600; line-height: 1.1; margin: 0 0 3px; }
#UsersMP .mp-status-desc{ color: var(--mp-text-soft); font-size: 12px; line-height: 18px; margin: 0; }
#UsersMP .mp-status-actions{ width: 100%; }
#UsersMP .mp-status-actions .btn-link-to-mp{ margin-top: 0 !important; min-width: 178px; }
#UsersMP .mp-status-actions #btnDelete{ margin-top: 0; font-weight: 700; }
#UsersMP .mp-detail .btn-link-to-mp{ background: #1560BD; width: 100%; margin-top: 10px !important; color: #FFF !important; border: 1px solid #486A88; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 6px; margin-left: 0px; }
#UsersMP .mp-detail .btn-link-to-mp:hover{ background: var(--mp-primary-hover); border-color: var(--mp-primary-hover); }
#UsersMP .mp-detail .btn-link{ background: #FFF; width: 100%; margin-top: 10px !important; color: #8896A8 !important; border: 1px solid #CBD5DC !important; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 6px; margin-left: 0px; }
#UsersMP .show-app-disabled{ display: none !important; }
#UsersMP .mp-detail.mp-enabled { border-color: #A7D1A7 !important; }
#UsersMP .mp-detail.mp-enabled .mp-status-label{ background: #F0FDF4; color: #15803D; }
#UsersMP .mp-detail.mp-enabled .btn-link-to-mp { display: none; }
#UsersMP .mp-detail.mp-enabled .btn-link { display: block; }
#UsersMP .mp-detail.mp-disabled { border-color: #FFD59C !important; }
#UsersMP .mp-detail.mp-disabled .mp-status-label{ background: #FFF7ED; color: #EA580C; }
#UsersMP .mp-detail.mp-disabled .btn-link-to-mp { display: block; }
#UsersMP .mp-detail.mp-disabled .btn-link { display: none; }
#UsersMP .mp-status-card.mp-disabled.mp-app-disabled{ border-color: #FFD59C; }
#UsersMP .mp-status-card.mp-disabled.mp-app-disabled .mp-status-label{ color: #EA580C; background: #FFF7ED; }
#UsersMP .mp-share-account__head { margin-bottom: 8px; }
#UsersMP .mp-share-account__title-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
#UsersMP .mp-share-account__description { margin: 0; font-size: 16px; line-height: 1.25; font-weight: 400; margin-right: 150px; }
#UsersMP .mp-share-account__description span { color: #E17100; }
#UsersMP .mp-share-account__toggle { padding: 4px 10px; font-weight: 600; color: var(--mp-primary); text-decoration: none; white-space: nowrap; }
#UsersMP .mp-share-account__toggle:hover { color: var(--mp-primary-hover); text-decoration: none; }
#UsersMP .mp-share-account__toggle-icon { margin-left: 6px; font-size: 12px; }
#UsersMP .mp-share-prof-list { list-style: none; margin: 0; padding: 0 4px 0 0; min-height: calc(4 * (1.35em + 10px) + 6px); max-height: calc(4 * (1.35em + 10px) + 6px); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#UsersMP .mp-share-prof-row { margin-bottom: 2px; line-height: 1.35; }
#UsersMP .mp-share-prof-row:last-child { margin-bottom: 0; }
#UsersMP .mp-share-prof-row .md-checkbox { margin-bottom: 0; }
#UsersMP .mp-share-prof-row .md-checkbox label { font-weight: 500; color: #30485f; }
#UsersMP .mp-share-offices { width: 100%; }
#UsersMP .mp-share-offices--grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
@media (max-width: 991px) {
	#UsersMP .mp-share-offices--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	#UsersMP .mp-share-offices--grid { grid-template-columns: minmax(0, 1fr); }
}
#UsersMP .mp-share-offices--few { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; align-items: start; }
#UsersMP .mp-share-office-card { min-width: 0; }
#UsersMP .mp-divider{ height: 1px; background: var(--mp-border); margin: 26px 0; }
#UsersMP .mp-share-account { border: 1px solid #E2E8F0; border-radius: 8px; background: #fff; padding: 15px; }
#UsersMP .mp-preferences { border: 1px solid #E2E8F0; border-radius: 8px; background: #fff; padding: 15px; }
#UsersMP .mp-preferences h3{ color: var(--mp-title); font-weight: 700; margin-bottom: 8px; }
#UsersMP .mp-preferences-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
#UsersMP .mp-pref-title{ color: var(--mp-title) !important; font-size: 24px; font-weight: 700; line-height: 1; margin: 6px 0 14px; }
#UsersMP .mp-pref-sub-title{ color: var(--mp-sub-title) !important; font-size: 20px; font-weight: 600 !important; line-height: 1; margin: 6px 0 14px; }
#UsersMP .mp-btn-new-pref{ background: #1560BD; color: #FFF !important; border: 1px solid #486A88; border-radius: 50px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; }
#UsersMP .mp-btn-new-pref i { margin-right: 5px; }
#UsersMP .mp-btn-new-pref:hover{ background: #3F5E79; border-color: #3F5E79; }
#UsersMP .mp-pref-search-row{ display: flex; align-items: center; gap: 12px; margin-top: 16px; }
#UsersMP .mp-pref-search{ position: relative; flex: 1 1 auto; }
#UsersMP .mp-pref-search i{ position: absolute; left: 12px; top: 45%; transform: translateY(-50%); color: #B0B7BE; font-size: 14px; }
#UsersMP .mp-pref-search input{ height: 36px; padding-left: 34px; border: 1px solid var(--mp-border); border-radius: 5px; font-size: 14px; }
#UsersMP .mp-pref-tabs{ display: flex; flex: 0 0 auto; }
#UsersMP .mp-pref-tab{ cursor: pointer; background: #f7fcff; height: 36px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--mp-border); border-left: 0; color: #8896A8; font-size: 12px; font-weight: 400; text-transform: uppercase; }
#UsersMP .mp-pref-tab:first-child{ border-radius: 5px 0 0 5px; border-left: 1px solid var(--mp-border); }
#UsersMP .mp-pref-tab:last-child{ border-radius: 0 5px 5px 0; }
#UsersMP .mp-pref-tab .count { background: #EFF2F6; height: 18px; width: 18px; text-align: center; line-height: 20px; border-radius: 50%; margin-top: -2px; margin-left: 2px; }
#UsersMP .mp-pref-tab.active{ font-weight: 700; background: #FFF !important; color: #475569 !important; color: #FFF; }
#UsersMP .mp-pref-tab.active .count { opacity: 1; }
#UsersMP .mp-preferences-builder.is-collapsed{ display: none; }
#UsersMP .mp-preferences p{ color: var(--mp-text-soft); }
#UsersMP .mp-preferences-builder{ background: #FFF; border: 1px solid var(--mp-border); border-radius: 8px; padding: 16px; }
#UsersMP .mp-preferences-builder h5{ color: var(--mp-text); font-weight: 700; margin: 0 0 12px; }
#UsersMP .mp-preferences-builder .btn#btnCreate{ width: 100%; background: var(--mp-primary); color: #FFF; border-radius: 6px; text-transform: uppercase; font-weight: 700; }
#UsersMP .mp-preferences-builder .btn#btnCreate:hover{ background: var(--mp-primary-hover); }
#UsersMP .mp-preferences table{
/* border: 1px solid var(--mp-border); */
background: #FFF; margin-top: 8px; }
#UsersMP .mp-preferences table thead td{ border-bottom: 1px solid var(--mp-border); color: var(--mp-text-soft); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .3px; }
#UsersMP .mp-preferences table tbody td{ vertical-align: middle; }
#UsersMP .mp-preferences .btn-edit.blue-hoki{ background: var(--mp-primary) !important; border-color: var(--mp-primary) !important; }
#UsersMP .mp-preferences .btn-delete.red-sunglo{ background: var(--mp-danger) !important; border-color: var(--mp-danger) !important; }
#UsersMP .mp-enabled h4, #UsersMP .mp-first h4, #UsersMP .mp-error h3{ color: var(--mp-text-soft) !important; }
#UsersMP .mp-first { display: flex; align-items: center; justify-content: center; }
#UsersMP .mp-first h4, #UsersMP .mp-enabled h4, #UsersMP .mp-error h3{ margin: 0; }
@media (max-width: 1200px){
	#UsersMP .mp-lead{ font-size: 15px; }
}
@media (max-width: 991px){
	#UsersMP .mp-hero{ display: block; }
	#UsersMP .mp-hero-right{ flex: none; margin-top: 18px; }
	#UsersMP .mp-lead{ font-size: 15px; }
	#UsersMP .mp-status-title{ font-size: 18px; }
	#UsersMP .mp-status-row{ flex-wrap: wrap; }
	#UsersMP .mp-status-actions{ width: 100%; }
	#UsersMP .mp-status-actions .btn-link-to-mp{ width: 100%; }
	#UsersMP .mp-preferences-head, #UsersMP .mp-pref-search-row{ display: block; }
	#UsersMP .mp-btn-new-pref{ margin-top: 12px; display: inline-block; }
	#UsersMP .mp-pref-tabs{ margin-top: 12px; flex-wrap: wrap; }
	#UsersMP .mp-pref-tab{ margin-bottom: 8px; border-left: 1px solid var(--mp-border); }
	#UsersMP .mp-pref-tab:first{ border-radius: 8px 8px 0 0; }
	#UsersMP .preference-card-header{ flex-wrap: wrap; }
	#UsersMP .preference-card-controls{ flex-wrap: wrap; }
	#UsersMP .preference-title{ font-size: 18px; }
	#UsersMP .preference-amount{ font-size: 20px; }
	#UsersMP .preference-card-controls{ gap: 8px; }
}
.mp-share-accordion{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.mp-share-acc-item{border:1px solid #E2E8F0;border-radius:8px;overflow:hidden}
.mp-share-acc-header{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;user-select:none;background:#fff}
.mp-share-acc-header:hover{background:#f8fafc}
.mp-share-acc-arrow{color:#94a3b8;transition:transform .2s;flex-shrink:0;width:14px;text-align:center}
.mp-share-acc-item.is-open .mp-share-acc-arrow{transform:rotate(90deg)}
.mp-share-acc-name{font-weight:600;color:#203a54;flex:1 1 auto;font-size:14px}
.mp-share-acc-count{background:#EFF2F6;color:#436688;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:400;flex-shrink:0; margin-left:2px;}
.mp-share-acc-count.full { background: #1560BD; color: #FFF; }
.mp-share-acc-select-all-wrap{display:flex;align-items:center;flex-shrink:0;margin:0}
#UsersMP .mp-share-acc-select-all-wrap input[type="checkbox"]{display:none !important}
#UsersMP .mp-share-acc-select-all-wrap label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;font-size:13px;color:#62748E;font-weight:500;user-select:none}
#UsersMP .mp-share-acc-select-all-wrap label::after{content:'';display:inline-block;min-width:18px;width:18px;height:18px;border:2px solid #C0CAD4;border-radius:4px;background-color:#fff;flex-shrink:0;transition:background-color .15s,border-color .15s}
#UsersMP .mp-share-acc-select-all-wrap.is-all-checked label::after{background-color:#1A6FC4 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpolyline points='1.5%2C5 4.5%2C8 10.5%2C2' stroke='%23fff' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-position:center !important;background-size:10px 8px !important;background-repeat:no-repeat !important;border-color:#1A6FC4 !important}
.mp-share-acc-body{display:none;padding:0;border-top:1px solid #E2E8F0;background:#fafbfc}
.mp-share-acc-item.is-open .mp-share-acc-body{display:block}
.mp-share-acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
#UsersMP .mp-share-acc-prof input[type="checkbox"]{display:none !important}
#UsersMP .mp-share-acc-prof label{display:flex;align-items:center;gap:9px;cursor:pointer;padding:12px 15px;width:100%;margin:0;font-weight:500;color:#30485f;font-size:14px;transition:background .15s;user-select:none}
#UsersMP .mp-share-acc-prof label::before{content:'';display:inline-block;min-width:18px;width:18px;height:18px;border:2px solid #C0CAD4;border-radius:4px;background-color:#fff !important;flex-shrink:0;transition:background-color .15s,border-color .15s}
#UsersMP .mp-share-acc-prof.is-checked label{background:#EEF3F8 !important}
#UsersMP .mp-share-acc-own-badge{margin-left: -5px;font-weight:400;font-size:12px;color:#E17100}
#UsersMP .mp-share-acc-prof.is-disabled label{cursor:not-allowed;opacity:.55}
#UsersMP .mp-share-acc-prof.is-disabled label::before{cursor:not-allowed}
#UsersMP .mp-share-acc-prof.is-checked label::before{background-color:#1A6FC4 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpolyline points='1.5%2C5 4.5%2C8 10.5%2C2' stroke='%23fff' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-position:center !important;background-size:10px 8px !important;background-repeat:no-repeat !important;border-color:#1A6FC4 !important}
@media(max-width:600px){.mp-share-acc-grid{grid-template-columns:1fr}}

	/* ==== Modal nueva preferencia ==== */
#mp-new-pref-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 1060; display: none; align-items: center; justify-content: center; padding: 20px; }
#mp-new-pref-modal.is-open { display: flex; }
.mp-modal { background: #fff; border-radius: 12px; width: 100%; max-width: 760px; max-height: 90vh; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.2); display: flex; flex-direction: column; }
.mp-modal__head { display: flex; align-items: center; justify-content: space-between; padding: 0 28px; height: 56px; border-bottom: 1px solid #edf1f4; background: #E2E8F0; }
.mp-modal__kicker { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; color: #7A8FA0; margin-bottom: 4px; }
.mp-modal__title { font-size: 18px; font-weight: bold; color: #1C2E3E; margin: 0; text-transform: uppercase; letter-spacing: .3px; }
.mp-modal__hint { font-size: 16px; color: #62748E; margin: 0 0 16px; line-height: 1.25; }
.mp-modal__close { background: none; border: none; cursor: pointer; padding: 6px; color: #7A8FA0; border-radius: 6px; line-height: 1; flex-shrink: 0; margin-top: 2px; }
.mp-modal__close:hover { background: #f0f4f8; color: #1C2E3E; }
.mp-modal__body { padding: 10px 28px; flex: 1; overflow-y: auto; }
.mp-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; }
.mp-field--full { grid-column: 1 / -1; }
.mp-field__lbl { font-size: 12px; font-weight: 700; color: #6B7A88; text-transform: uppercase; letter-spacing: .4px; margin-bottom: 2px; }
.mp-multi-wrap { border: 1px solid #D5DCE4; border-radius: 6px; min-height: 44px; padding: 0 12px; background: #fff; display: flex; align-items: center; cursor: text; }
.mp-multi__input { border: none; outline: none; width: 100%; font-size: 14px; color: #333; background: transparent; padding: 10px 0; }
.mp-multi__input::placeholder { color: #9ba8b5; }
.mp-field__opt { font-size: 10px; font-weight: 600; color: #a0aab4; text-transform: none; letter-spacing: 0; margin-left: 4px; }

/* Select2 dentro del modal */
#mp-new-pref-modal .select2-container-multi { width: 100% !important; }
#mp-new-pref-modal .select2-container-multi .select2-choices { border: 1px solid #D5DCE4; border-radius: 6px; min-height: 32px; padding-top: 2px; background: #fff; box-shadow: none; }
#mp-new-pref-modal .select2-container-multi.select2-container-active .select2-choices { border-color: #486A88; box-shadow: 0 0 0 3px rgba(72,106,136,0.12); outline: 0; }
#mp-new-pref-modal .select2-container-multi .select2-search-field input { font-size: 14px; color: #333; padding: 6px 4px; }
#mp-new-pref-modal .select2-container-multi .select2-search-choice { margin: 3px 6px 3px 0 !important; padding: 5px 26px 5px 10px !important; font-size: 13px; font-weight: 500; color: #30485f; border-radius: 12px; background: #F7F9FC !important; border-color: #e9eaeb !important; }
#mp-new-pref-modal .select2-search-choice-close { right: 6px; left: unset; }

/* Opciones “todas” en Select2 */
#mp-new-pref-modal .select2-results .select2-result-label .mp-select2-meta-label { color: #1a5d2e; font-weight: 800; }
#mp-new-pref-modal .select2-results .select2-highlighted .select2-result-label .mp-select2-meta-label { color: #fff; }
#mp-new-pref-modal .select2-results .mp-select2-meta-result .select2-result-label { color: #1a5d2e; font-weight: 700; }
#mp-new-pref-modal .select2-results .select2-highlighted.mp-select2-meta-result .select2-result-label { color: #fff; }
#mp-new-pref-modal .select2-search-choice.mp-select2-meta-choice { background: #F7F9FC !important; border-color: #e9eaeb !important; border-radius: 12px; padding: 5px 26px 5px 10px !important; }
#mp-new-pref-modal .select2-search-choice.mp-select2-meta-choice > div { color: #475569; font-weight: 400; }
.mp-modal__foot { display: flex; align-items: center; justify-content: space-between; padding: 16px 28px; border-top: 1px solid #edf1f4; background: #E2E8F0; }
.mp-btn--ghost { background: transparent; border: none; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #6B7A88; padding: 10px 16px; cursor: pointer; border-radius: 6px; }
.mp-btn--ghost:hover { background: #f0f4f8; color: #1C2E3E; }
.mp-btn--primary { background: #1560BD; color: #fff; border: 1px solid #486A88; border-radius: 50px; padding: 10px 22px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; cursor: pointer; white-space: nowrap; }
.mp-btn--primary:hover:not(:disabled) { background: #3F5E79; border-color: #3F5E79; }
.mp-btn--primary:disabled { opacity: 0.5; cursor: not-allowed; }
body.mp-modal-open { overflow: hidden; }

/* Inputs de texto en el modal */
.mp-text-input { border: 1px solid #D5DCE4; border-radius: 6px; height: 40px; padding: 0 12px; background: #fff; font-size: 14px; color: #333; width: 100%; outline: none; display: block; }
.mp-text-input:focus { border-color: #486A88; box-shadow: 0 0 0 3px rgba(72,106,136,0.12); }
.mp-text-input::placeholder { color: #9ba8b5; }
.mp-amount-wrap { position: relative; display: flex; align-items: center; }
.mp-amount-prefix { position: absolute; left: 12px; color: #6B7A88; font-size: 15px; font-weight: 700; pointer-events: none; }
#mp-modal-desc.mp-text-input { color: #30485f !important; font-weight: 700 !important; font-size: 16px; }
.mp-amount-wrap .mp-text-input { padding-left: 24px; color: #30485f !important; font-weight: 700 !important; font-size: 16px; }
/* Método de pago cards */
.mp-pay-method { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 4px; }
.mp-pay-card { border: 1px solid #D5DCE4; background: #f0f5fa; border-radius: 10px; padding: 8px 14px; cursor: pointer; transition: border-color .15s, background .15s; }
.mp-pay-card strong { display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: .5px; color: #1C2E3E; margin-bottom: 3px; }
.mp-pay-card span { font-size: 13px; color: #7A8FA0; }
.mp-pay-card.is-active { border-color: #475569; background: #E2E8F0; }
.mp-pay-card.is-active strong { color: #475569; }
.mp-pay-card:not(.is-active):hover { border-color: #b0bec9; }
/* ---- END MP ---- */

/* Confirmacion de "compartir cuenta MP" (UsersMP.js, .js-mp-share-toggle):
   mismo sistema de diseño que los swal de HC Print (ver swal-hcpj-* arriba) -
   radius 16px, footer en barra gris con pildora azul. A diferencia de esos,
   el titulo/texto van alineados a la izquierda (mockup de diseño) y el texto
   va dentro de un callout amarillo en vez de parrafo centrado. No usa icono
   (type: '' en el swal - sweetalert.js no dibuja .sa-icon si type esta vacio). */
.sweet-alert.swal-mp-share { border-radius: 16px; padding-top: 8px; padding-bottom: 0; text-align: left; width: 520px; margin-left: -260px; }
.sweet-alert.swal-mp-share h2 { text-align: left; color: #314158 !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.3 !important; margin: 8px 0 16px 0 !important; }
.sweet-alert.swal-mp-share p { text-align: left; }
.sweet-alert.swal-mp-share .mp-share-callout { background-color: #FEFCE2; border: 1px solid #FCE897; color: #854D0E; border-radius: 10px; padding: 14px 16px; font-size: 14px; line-height: 1.25; font-weight: 400; text-align: left; }
.sweet-alert.swal-mp-share .mp-share-callout b { color: #854D0E; }
.sweet-alert.swal-mp-share .sa-button-container { display: flex; align-items: center; justify-content: space-between; margin: 15px -17px 0 -17px; padding: 12px 16px; background-color: #F3F5F7; }
.sweet-alert.swal-mp-share button { margin: 0; }
.sweet-alert.swal-mp-share button.cancel { background: none; color: #1560BD; font-weight: 700; font-size: 14px; text-transform: uppercase; padding: 10px 12px; box-shadow: none !important; }
.sweet-alert.swal-mp-share button.cancel:hover, .sweet-alert.swal-mp-share button.cancel:active { background: none; color: #0D47A1; }
.sweet-alert.swal-mp-share button.confirm { border-radius: 999px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 10px 28px; }

/* MODAL NEW DESIGN - header/footer reutilizable para popups nuevos (agregar settings.dialogClass = 'modal-new-design' al abrir el popup; NOTA: platform.js linea ~418 arma la clase como settings.type + settings.dialogClass, es decir SI lee ambos - dialogClass se concatena ademas de type, no en su lugar) */
.modal-dialog.modal-new-design .modal-header { display: flex; align-items: center; height: 50px; padding: 0px 20px; background: #F8F8F8; border-bottom: 1px solid #E2E8F0; color: #475569; }
.modal-dialog.modal-new-design .modal-header h3 { font-size: 18px !important; color: #475569; }
.modal-dialog.modal-new-design .modal-footer { display: flex; align-items: center; background: #fff; border-top: 1px solid #E2E8F0 !important; padding: 10px 15px; }
.modal-dialog.modal-new-design .modal-footer > div:not(.dialog-footer-block-error) { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 12px; }
.modal-dialog.modal-new-design .modal-footer .btn-dialog-link-close { background: transparent; border: none; box-shadow: none; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: #6B7A88; padding: 10px 16px; border-radius: 6px; }
.modal-dialog.modal-new-design .modal-footer .btn-dialog-link-close:hover { background: #f0f4f8; color: #1C2E3E; text-decoration: none; }
.modal-dialog.modal-new-design .modal-footer .btn.blue { background: #1560BD; border: 1px solid #486A88; border-radius: 50px; padding: 10px 22px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; box-shadow: none; }
.modal-dialog.modal-new-design .modal-footer .btn.blue:hover { background: #3F5E79; border-color: #3F5E79; }
.modal-dialog.modal-new-design .modal-dialog-close { background: transparent !important; border: none; color: #8a95a3; }
.modal-dialog.modal-new-design .modal-dialog-close:hover { color: #4A5B6B; }
.modal-dialog.modal-new-design .form-group.form-md-line-input.has-success .input-group-addon { color: #1560BD; }
.modal-dialog.modal-new-design .md-radio label > .check { background: #1560BD; }
.modal-dialog.modal-new-design .md-checkbox label > .check { border-color: #1560BD; }
.modal-dialog.modal-new-design .block-spinner-bar > div { background: #1560BD; }
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after,
.modal-dialog.modal-new-design .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after {
	background: #1560BD;
}

.modal-dialog.modal-new-design .row { margin-right: -5px; margin-left: -5px; }
.modal-dialog.modal-new-design .col-md-1,
.modal-dialog.modal-new-design .col-md-2,
.modal-dialog.modal-new-design .col-md-3,
.modal-dialog.modal-new-design .col-md-4,
.modal-dialog.modal-new-design .col-md-5,
.modal-dialog.modal-new-design .col-md-6,
.modal-dialog.modal-new-design .col-md-7,
.modal-dialog.modal-new-design .col-md-8,
.modal-dialog.modal-new-design .col-md-9,
.modal-dialog.modal-new-design .col-md-10,
.modal-dialog.modal-new-design .col-md-11,
.modal-dialog.modal-new-design .col-md-12 { padding-left: 5px; padding-right: 5px; }
/* ---- END MODAL NEW DESIGN ---- */

/* SEND DOCUMENT TO PATIENT POPUP (Figma: Enviar al paciente, node 1053-25754) */
#popupSendDocumentToPatient .modal-body { padding: 0; }
.send-document-popup { padding: 18px 20px 16px; }
.send-document-popup .sdp-section-label { margin-bottom: 16px; }
.send-document-popup .sdp-dropzone { border: 1px dashed #9bbce8; border-radius: 16px; background: #f2f7fe; padding: 16px 20px; text-align: center; cursor: pointer; transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; }
.send-document-popup .sdp-dropzone:hover,
.send-document-popup .sdp-dropzone.sdp-dropzone--drag { border-color: #1560BD; box-shadow: 0 0 0 3px rgba(21, 96, 189, 0.12); }
.send-document-popup .sdp-dropzone-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 8px; background: #c8d9f5; color: #1560BD; font-size: 20px; margin-bottom: 12px; }
.send-document-popup .sdp-dropzone-title { font-size: 16px; font-weight: 600; color: #475569; margin-bottom: 4px; }
.send-document-popup .sdp-dropzone-sub { font-size: 16px; color: #647d9e; margin-bottom: 8px; }
.send-document-popup .sdp-dropzone-formats { font-size: 12px; color: #647d9e; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; }
.send-document-popup .sdp-dropzone-actions { display: flex; justify-content: center; }

.send-document-popup .sdp-preview { display: none; margin-top: 16px; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; text-align: left; align-items: center; gap: 12px; }
.send-document-popup .sdp-preview.sdp-preview--error { background: #fef2f2; border-color: #fecaca; }
.send-document-popup .sdp-preview-badge { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 8px; background: #fef2f2; color: #991b1b; font-size: 12px; font-weight: 700; }
.send-document-popup .sdp-preview--error .sdp-preview-badge { background: #fee2e2; }
.send-document-popup .sdp-preview-info { flex: 1 0 0; min-width: 0; }
.send-document-popup .sdp-preview-name { display: block; font-size: 14px; font-weight: 600; color: #1e2b4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.send-document-popup .sdp-preview-status { display: block; margin-top: 2px; font-size: 11px; color: #7a869b; }
.send-document-popup .sdp-preview--error .sdp-preview-status { color: #991b1b; }
.send-document-popup .sdp-preview-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.send-document-popup .sdp-preview-replace { background: transparent; border: none; box-shadow: none; padding: 8px 4px; font-size: 12px; font-weight: 700; color: #1560BD; text-transform: none; cursor: pointer; }
.send-document-popup .sdp-preview-replace:hover { text-decoration: underline; }
.send-document-popup .btn-remove-file { background: transparent; border: none; box-shadow: none; padding: 8px 4px; color: #dc2626; font-size: 14px; cursor: pointer; }

.send-document-popup .sdp-field { margin-top: 16px; }
.send-document-popup .sdp-label { display: block; font-size: 14px; font-weight: 500; color: #929292; margin-bottom: 6px; }
.send-document-popup .sdp-required { color: #dc2626; }
.send-document-popup .sdp-input { display: block; width: 100%; min-height: 40px; box-sizing: border-box; border: 1px solid #E2E8F0; border-radius: 8px; padding: 8px 12px; font-size: 14px; color: #2D3848; background: #fff; box-shadow: none; }
.send-document-popup .sdp-input:focus { outline: 0; border-color: #1560BD; box-shadow: 0 0 0 3px rgba(21, 96, 189, 0.12); }
.send-document-popup .sdp-help { display: block; margin-top: 6px; font-size: 12px; font-style: italic; color: #248f81; }
.send-document-popup .sdp-btn-primary { border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.3px; padding: 9px 18px; text-transform: uppercase; line-height: 1 !important; background: #1560BD; border: 1px solid #1560BD; color: #fff; }
.send-document-popup .sdp-btn-primary:hover,
.send-document-popup .sdp-btn-primary:focus { background: #2a78e8; border-color: #2a78e8; color: #fff; }
/* ---- END SEND DOCUMENT TO PATIENT POPUP ---- */