/*
 *   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}


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

.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 - 310px) !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 - 310px) !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 { width: 50px; height: 50px; line-height: 50px; border-radius: 50% !important; }
.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; }

#OfficeCreateOfficeForm .map-address { width: 100%; height: 150px; margin-top: 20px; margin-bottom: 20px; }

#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; }
#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; }
#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: #12bca8 !important; font-weight: 600 !important; font-size: 13px !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 .prescription-header .prescription-label { display: inline-block; width: 75px; }
#PatientsDetail .panel-prescriptions .prescription-header input { border-radius: 3px; border: 1px solid #CCC; padding: 2px 5px; font-weight: bold; width: 200px; }
#PatientsDetail .panel-prescriptions .prescription-header input#prescriptionDate { width: 90px; text-align: center; }

#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; padding-bottom: 30px; }
#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 { margin: 10px 0px; padding: 8px; border-radius: 10px; 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; }
#PatientsDetail .panel-prescriptions .indications-title { padding: 5px; }
#PatientsDetail .panel-prescriptions .table-prescription-drugs { background: #FFF; }
#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; }
#PatientsDetail .panel-prescriptions .panel-prescription-practices { margin: 10px 0px; padding: 8px; border-radius: 10px; background: #FAFAFA; border: 1px solid #F0F0F0; }

#PatientsDetail .panel-prescriptions .drug-freq { margin-bottom: 5px; }
#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-label { padding: 3px; margin-right: 10px; }
#PatientsDetail .panel-prescriptions .cie10-freq-item { font-weight: lighter; padding: 3px 10px; border: 1px solid #EEE !important; margin-right: 5px; margin-bottom: 5px; }

#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: #31C7B2; 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; } */
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription { padding: 6px 12px 6px 10px; line-height: 11px; }
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription i.fa-check { display: none; }
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription i.fa-square-o { display: inline-block; }
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription.active i.fa-check { display: inline-block; }
#PatientsDetail .panel-prescriptions .btn-duplicate-prescription.active i.fa-square-o { display: none; }
#PatientsDetail .panel-prescriptions .btn-no-generic { padding: 6px 12px 6px 10px; line-height: 11px; }
#PatientsDetail .panel-prescriptions .btn-no-generic i.fa-check { display: none; }
#PatientsDetail .panel-prescriptions .btn-no-generic i.fa-square-o { display: inline-block; }
#PatientsDetail .panel-prescriptions .btn-no-generic.active i.fa-check { display: inline-block; }
#PatientsDetail .panel-prescriptions .btn-no-generic.active i.fa-square-o { display: none; }
#PatientsDetail .panel-prescriptions .btn-is-long { padding: 6px 12px 6px 10px; line-height: 11px; }
#PatientsDetail .panel-prescriptions .btn-is-long i.fa-check { display: none; }
#PatientsDetail .panel-prescriptions .btn-is-long i.fa-square-o { display: inline-block; }
#PatientsDetail .panel-prescriptions .btn-is-long.active i.fa-check { display: inline-block; }
#PatientsDetail .panel-prescriptions .btn-is-long.active i.fa-square-o { display: none; }
#PatientsDetail .panel-prescriptions .nav-tabs { border-bottom: 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; }

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


#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_List .portlet { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: none !important; }
#UsersProfile #Offices_List .img-office-list { max-height: 200px; }
#UsersProfile #Offices_List .item-office .office-owner { font-size: 11px; margin-right: 10px; }
#UsersProfile #Offices_List .item-office .office-no-owner { font-size: 11px; margin-right: 40px; }
#UsersProfile #Offices_List .item-office h5 { margin: 0px; }
#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 { background-color: #FBFBFB}
#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: 30px;}
#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;}

#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-right: 10px; width: 35px; height: 35px; }
#popupNewEventComplete .member-item { height: 60px; padding: 12px; border-radius: 5px; cursor: pointer }
#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: 126px; 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 */
#DoctorOfficeWorkdays #daysList tbody { display:block; height:158px; overflow-y:auto; overflow-x: hidden; }
#DoctorOfficeWorkdays #daysList thead, #DoctorOfficeWorkdays #daysList tbody tr { display:table; width:100%; table-layout:fixed; }
#DoctorOfficeWorkdays #daysList tbody td.actions { text-align: right; padding-right: 5px; }

/* 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: 10px; font-weight: 800; font-size: 16px; }
#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: 8%}
#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; }
#FrontendEventsIndex .form-control .select2-choice { border: none !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: 2px solid #EEE; margin-top: 7px; padding: 2px 10px; border-radius: 5px; }
#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 > .box { border-color: #AAA; }
#ConsultationTypes_List .list-consultation-types .item.item-used { border-color: #26a69a; background: rgba(38, 166, 154, 0.1); }
#ConsultationTypes_List .list-consultation-types .item.item-used label { font-weight: bold; }
#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; }
#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 { 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; }

#UsersMp .mp-section { min-height: 80px; padding: 20px; border-bottom: 1px solid #EEE; }
#UsersMp .preference-item .select2-container-multi { width: 100% !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; }

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

@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 ---- */