.portlet.light .portlet-body {
	padding-top: 0px !important;
}

.message-box .glyphicon {
	font-size: 24px;
	line-height: 24px;
	padding: 10px;
	border-radius: 50% !important;
	float: left;
	margin: 0 15px 0 0;
}

.message-box h4 {
	font-size: 22px;
	line-height: 22px;
	margin: 0;
	overflow: hidden;
	color: #747f8c;
}

.message-box h4 span {
	font-size: 13px;
	line-height: 15px;
	display: block;
	margin-top: 7px;
	font-weight: 400;
}

.page-footer {
	background-color: #f1f3fa;
	margin-left: 45px;
}

.page-footer .page-footer-inner {
	color: #666;
}

/*** MESA DE AYUDA ***/
.help-desk {
	position: fixed;
	bottom: 20px;
	right: 30px;
}

.help-desk button {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}

/* BOOTSTRAP TOUR */
.popover.tour {
	z-index: 10000;
}
.popover.tour:not(.orphan) >.arrow {
	display: block !important;
}
.popover.tour { min-width: 400px}
.popover.tour .popover-content { background-color: #FFF; color: #666; min-height: 90px}

.popover.tour .popover-whatsapp .text { font-size: 12px; font-weight: lighter; }
.popover.tour .popover-whatsapp .link { line-height: 32px; }
.popover.tour .popover-whatsapp .link:hover { text-decoration: none; font-size: 21px; }
.popover.tour .popover-whatsapp i { color: #14e475; font-size: 20px; }

.popover.tour.bottom >.arrow { border-bottom-color: #34d4be; }
.popover.tour.top >.arrow { border-top-color: #FFF; }
.popover.tour.right >.arrow { border-right-color: #FFF; }
.popover.tour.left >.arrow { border-left-color: #FFF; }

.popover.tour {
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.8);
}

.tour-init { min-width: 540px !important; }
.tour-init .popover-title { text-align: center; background-color:#11bca8 !important; font-size: 20px !important; padding: 30px 30px 0 30px; min-height: 60px !important; }
.tour-init .popover-content { padding: 20px 30px; min-height: 230px !important; }
.tour-init .popover-content h5 { color: #999; }
.tour-init .popover-whatsapp { position: absolute; bottom: 70px; left: 30px; right: 30px; padding: 10px; border: solid 1px #DDD; border-radius: 10px; font-size: 20px; text-align: center; background-color: #FAFAFA; font-weight: 600; }
.popover.tour .popover-navigation [data-role="end"] { float: left !important; margin-left: 5px !important; }
.popover.tour .popover-navigation button[data-role="end"] { float: right !important; margin-right: 5px !important; }
.popover.tour .popover-navigation [data-role="next"] { float: right !important; margin-right: 5px !important; }
.popover.tour .popover-navigation [data-role="prev"] { float: right !important; margin-right: 5px !important; }

.tour-backdrop {
	opacity: .5 !important;
	filter: alpha(opacity = 50) !important;
}

/* CRONTU PROFILE TOUR (Figma node 269:726) — también lo usa el tour de la ficha del paciente */
.popover.crontu-tour-popover,
.popover.patient-detail-tour-popover {
	width: 440px !important;
	max-width: 440px !important;
	min-width: 0 !important;
	background-color: #fff !important;
	border-radius: 16px !important;
	border: none !important;
	box-shadow: 0 2px 7.5px rgba(0, 0, 0, 0.2) !important;
}
.popover.crontu-tour-popover .popover-title,
.popover.patient-detail-tour-popover .popover-title {
	background-color: #1560bd !important;
	border-radius: 16px 16px 0 0 !important;
	padding: 16px;
	margin: 0;
	border: none;
	min-height: 0 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	text-transform: none !important;
}
.popover.crontu-tour-popover .popover-title span,
.popover.patient-detail-tour-popover .popover-title span {
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	color: #eff6ff;
	text-transform: none;
}
.popover.crontu-tour-popover .popover-title .crontu-tour-badge {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	padding: 3px 6px;
	border-radius: 999px;
	background-color: #c8d9f5;
	color: #1e40af;
	font-family: 'Nunito', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	position: relative;
	top: -2px;
}
.popover.crontu-tour-popover .crontu-tour-close,
.popover.patient-detail-tour-popover .patient-detail-tour-close {
	color: #eff6ff !important;
	font-size: 16px;
	cursor: pointer;
	flex-shrink: 0;
}
.popover.crontu-tour-popover .crontu-tour-close:hover,
.popover.patient-detail-tour-popover .patient-detail-tour-close:hover {
	color: #eff6ff !important;
	opacity: .8;
	text-decoration: none;
}
.popover.crontu-tour-popover .popover-content,
.popover.patient-detail-tour-popover .popover-content {
	background: none !important;
	color: #585858 !important;
	font-family: 'Nunito', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	padding: 16px 16px 0 16px !important;
	min-height: 0 !important;
}
.popover.patient-detail-tour-popover .popover-title span {
	font-size: 17px;
}
.popover.patient-detail-tour-popover .popover-content {
	font-size: 14px;
	line-height: 18px;
}
.popover.crontu-tour-popover .popover-content p,
.popover.patient-detail-tour-popover .popover-content p {
	margin: 0 0 8px 0;
}
.popover.crontu-tour-popover .popover-content p:last-child,
.popover.patient-detail-tour-popover .popover-content p:last-child {
	margin-bottom: 0;
}
.popover.crontu-tour-popover .popover-content b,
.popover.patient-detail-tour-popover .popover-content b {
	font-weight: 700;
}
.popover.crontu-tour-popover .popover-navigation,
.popover.patient-detail-tour-popover .popover-navigation {
	padding: 24px 16px 16px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.popover.crontu-tour-popover .popover-navigation [data-role="prev"],
.popover.crontu-tour-popover .popover-navigation [data-role="next"],
.popover.crontu-tour-popover .popover-navigation [data-role="end"],
.popover.patient-detail-tour-popover .popover-navigation [data-role="prev"],
.popover.patient-detail-tour-popover .popover-navigation [data-role="next"],
.popover.patient-detail-tour-popover .popover-navigation [data-role="end"] {
	float: none !important;
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 9999px;
	padding: 8px 16px;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
}
.popover.crontu-tour-popover .popover-navigation [data-role="prev"],
.popover.patient-detail-tour-popover .popover-navigation [data-role="prev"] {
	background: transparent;
	border: 1px solid #1560bd;
	color: #1560bd;
}
.popover.crontu-tour-popover .popover-navigation [data-role="prev"].disabled,
.popover.patient-detail-tour-popover .popover-navigation [data-role="prev"].disabled {
	visibility: hidden;
}
.popover.crontu-tour-popover .popover-navigation [data-role="next"],
.popover.crontu-tour-popover .popover-navigation [data-role="end"],
.popover.patient-detail-tour-popover .popover-navigation [data-role="next"],
.popover.patient-detail-tour-popover .popover-navigation [data-role="end"] {
	background: #1560bd;
	border: 1px solid #1560bd;
	color: #fff;
}
.popover.crontu-tour-popover .crontu-tour-dots,
.popover.patient-detail-tour-popover .patient-detail-tour-dots {
	display: flex;
	align-items: center;
	gap: 4px;
}
.popover.crontu-tour-popover .crontu-tour-dot,
.popover.patient-detail-tour-popover .patient-detail-tour-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #D9D9D9;
	display: inline-block;
}
.popover.crontu-tour-popover .crontu-tour-dot.active,
.popover.patient-detail-tour-popover .patient-detail-tour-dot.active {
	background-color: #1560bd;
}
.popover.crontu-tour-popover.bottom > .arrow,
.popover.crontu-tour-popover.bottom > .arrow:after,
.popover.patient-detail-tour-popover.bottom > .arrow,
.popover.patient-detail-tour-popover.bottom > .arrow:after {
	border-bottom-color: #1560bd;
}
/* tour.js corre el popover para que entre en la ventana: la flecha ya no apunta al elemento */
.popover.tour.tour-popover-shifted > .arrow {
	display: none !important;
}

/* Resalta un campo puntual al llegar desde un link "Editar" del checklist de Crontu */
.crontu-field-highlight {
	border-radius: 4px;
	animation: crontuFieldHighlightPulse 1.6s ease;
}
@keyframes crontuFieldHighlightPulse {
	0% { box-shadow: 0 0 0 3px rgba(21, 96, 189, .55); background-color: rgba(21, 96, 189, .08); }
	100% { box-shadow: 0 0 0 3px rgba(21, 96, 189, 0); background-color: rgba(21, 96, 189, 0); }
}

.popover {
	border-radius: 5px !important;
	border: none !important;
}

#calendar .popover {
	border: 1px solid #CCCCCC !important;
	width: 500px;
}

#calendar .popover select {
	margin: -5px 0 0 -5px;
	padding: 0px;
}

#calendar .popover div.text-right {
	padding: 0px !important;
}

.popover .popover-title {
	border: none;
	background-color: #34d4be;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	border-radius: 5px 5px 0px 0px !important;
}


.alert {
	padding: 10px;
	border-radius: 5px !important;
}

/* DIALOGS */
.modal-dialog .modal-content {
	border-radius: 5px !important;
	overflow: hidden;
}

.modal-dialog .modal-content .modal-header {
	color: #FFF;
	background: #34d4be;
}
#popupNonWorkdays .modal-dialog .modal-content .modal-header,
#popupHoursNonWork .modal-dialog .modal-content .modal-header,
#popupPatientProfilePhoto .modal-dialog .modal-content .modal-header,
#popupPatientNewComplete .modal-dialog .modal-content .modal-header {
	background: #F8F8F8 !important;
	color: #333333 !important;
	border-bottom: 1px solid #eceff3 !important;
}

#popupPatientProfilePhoto .ppp-crop-workspace {
	padding: 0px !important;
	max-height: 300px !important;
}

.modal-dialog .modal-content .modal-header h3 {
	margin: 5px 0 0 0 !important;
	font-weight: 600 !important;
	font-size: 20px !important;
}

.modal-dialog.right-sidebar { width: 500px; position: fixed; right: 0; top: 0; margin: 0; bottom: 0; display: block !important; height: 100vh !important; background-color: #FFF; -webkit-box-shadow: -5px 0px 20px -3px rgba(0,0,0,0.5); box-shadow: -5px 0px 20px -3px rgba(0,0,0,0.5); }
.modal-dialog.right-sidebar { -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.modal-dialog.right-sidebar .modal-body { height: calc(100vh - 136px); overflow-y: auto; }
.modal-dialog.right-sidebar .modal-header { background: none; }
.modal-dialog.right-sidebar .modal-header h3 { font-size: 18px; line-height: 20px; color: #449999; font-weight: 700!important; }
.modal-dialog.right-sidebar .modal-header .btn-close { line-height: 38px; }
.modal .modal-dialog.right-sidebar .modal-content { box-shadow: none }
.modal.fade .modal-dialog.right-sidebar { right: -450px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal.fade.in .modal-dialog.right-sidebar { right: 0; }
.modal.fade.in .modal-dialog.right-sidebar .modal-dialog-close { position: absolute; top: 10px; left: -40px; background: no-repeat; color: #AAA; border: 2px solid #AAA; }
.modal.fade.in .modal-dialog.right-sidebar .modal-dialog-close:focus { outline: 0; }

.modal-dialog.right-sidebar .menu { float: right; }

.modal-dialog.right-sidebar .row { padding: 4px 15px !important; }
.modal-dialog.right-sidebar .row.row-title .data-label { font-size: 18px; color: #838798; font-weight: 800; margin-top: 8px; line-height: 33px; }
.modal-dialog.right-sidebar .row.editable { border-bottom: 1px solid #F0F0F0; background: #FAFAFA; }
.modal-dialog.right-sidebar .row.editable:hover { background: #FFF; }

.modal-dialog.right-sidebar .data-label { color: #555; margin-top: 4px; }
.modal-dialog.right-sidebar .data-value { color: #333; font-size: 18px; font-weight: 700; }

.modal-dialog.right-sidebar .event-data-empty { background: #FFF; text-align: center; }
.modal-dialog.right-sidebar .event-data-empty p { padding: 80px 0; font-size: 18px; color: #999; }

.modal-dialog.right-sidebar .modal-body { height: calc(100vh - 51px); padding: 0px; overflow-x: hidden; margin-right: 10px; }
.modal-dialog.right-sidebar .modal-body .row { padding: 0 15px; }
.modal-dialog.right-sidebar .modal-body .header { background: #FAFAFA; border-bottom: 2px solid #F0F0F0; height: 200px; /* position: fixed; width: 100%; top: 51px; z-index: 1; */ padding-top: 10px; }
.modal-dialog.right-sidebar .modal-footer { display: none; }

.modal-dialog.right-sidebar .modal-container { margin: 10px; border-radius: 7px; background: #f8f8f8; padding: 10px 10px }

.modal-dialog.right-sidebar .btn-action { margin-left: 5px; margin-top: 2px; font-size: 12px; padding: 5px 10px; }

.modal-dialog.right-sidebar .modal-container .row.row-patient-data img { width: 100% !important; }
.modal-dialog.right-sidebar .modal-container .row.row-patient-data .col-left .btn.btn-action {width: 100% !important; font-size: 10px; padding: 3px; margin: 5px 0 0 0; }
.modal-dialog.right-sidebar .modal-container .row.row-patient-data .col-right { border-left: 2px solid #cad8e1 }

.modal-dialog.right-sidebar .modal-container .row.row-patient-data .tags-container { text-align: left; padding-top: 10px; }
.modal-dialog.right-sidebar .modal-container .row.row-patient-data .tags-container .label { font-size: 10px !important; margin: 2px 2px 0 0 !important}
.modal-dialog.right-sidebar .modal-container .row.row-patient-data .tags-container .label.label-new { font-size: 10px !important; padding: 4px 6px !important; line-height: 13px !important; text-align: center; background: #DDD; color: #999; }

.modal-dialog.right-sidebar .row-event-data .row-event-tags .tags-container { margin: 0px 2px 0 0 !important; }
.modal-dialog.right-sidebar .row-event-data .row-event-tags .tags-container .label.label-new { border-radius: 5px; line-height: 16px; height: 22px; font-size: 14px !important; color: #666 !important; border: 2px solid #666; background: none !important; box-shadow: none; margin-top: -2px !important; margin-right: 0 !important}

.modal-dialog.right-sidebar .modal-container.outline { margin: 10px; border-radius: 7px; border: 2px solid #CCC; background: none; padding: 0}
.modal-dialog.right-sidebar .row-professional-data { margin: 10px 0 }
.modal-dialog.right-sidebar .row-professional-data img { width: 55px !important; border-radius: 15%}
.modal-dialog.right-sidebar .row-professional-data .professional-name { font-size: 16px; font-weight: 700; color: #464646; margin-top: 7px;}
.modal-dialog.right-sidebar .row-professional-data .consultation-type { font-weight: 600; color: #727272; }

.modal-dialog.right-sidebar .row-event-data .btn-action {width: 40px; height: 24px; padding: 3px; margin-top: -4px;}

.modal-dialog.right-sidebar .label-event-state { color: #FFF; margin-top: 1px; margin-right: 5px; line-height: 1.6; }
.modal-dialog.right-sidebar .btn-event-state {  background-color: white; line-height: 17px; color: #FFF; pointer-events: none; padding-bottom: 0 }
.modal-dialog.right-sidebar .btn-patient-payments { color: #FFF; background-color: #578ebe; }

.modal-dialog.right-sidebar .row-config-btn .btn:not(.btn-event-state) { padding: 4px 0 0 0; background-color: white; line-height: 17px; border-radius: 0 5px 5px 0; color: #FFF }
.modal-dialog.right-sidebar .event-state-confirmed { text-align: right; line-height: 1; padding-top: 5px; padding-left: 20px; clear: both; }

.modal-dialog.right-sidebar .content-data .title { font-size: 16px; font-weight: 700; margin-bottom: 10px; color: #777;}
.modal-dialog.right-sidebar .content-data .btn-title-action a {font-size: 14px; width: 50px; height: 24px; padding: 0; margin-top: 0px;}
.modal-dialog.right-sidebar .content-data .btn-title-action.btn-add a { width: 24px; height: 24px}

.modal-dialog.right-sidebar .content-data .btn-title-action a i {font-size: 10px; }
.modal-dialog.right-sidebar .content-data .row.row-patient-data img { width: 100% !important; }

.modal-dialog.right-sidebar .list-comments { padding-left: 0px; margin: 0px; }
.modal-dialog.right-sidebar .list-comments .list-comments-item { margin: 3px 0; display: block; border: 1px solid #FFF; margin: 8px 0; border-radius: 10px; font-size: 12px; line-height: 1.25; }
.modal-dialog.right-sidebar .list-comments .list-comments-item .data-value { font-size: 15px; font-weight: 600}

.modal-dialog.right-sidebar .list-events { padding: 10px 0 20px 10px ; margin: 0px; border-left: 2px solid #EEE }
.modal-dialog.right-sidebar .list-events li { position: relative; display: block; color: #888; padding-left: 5px; margin-bottom: 20px }
.modal-dialog.right-sidebar .list-events li .list-dot { width: 11px; height: 11px; position: absolute; left: -17px; top: 20px; border-radius: 50%;}

.modal-dialog.right-sidebar .list-events li .data-label { color: #AAA; font-size: 12px; margin: 0}
.modal-dialog.right-sidebar .list-events li .data-value { color: #AAA; font-size: 14px;}
.modal-dialog.right-sidebar .list-events li .btn-event-historic-edit { display: none; position: relative; float: right; top: -50px; right: 8px; }
.modal-dialog.right-sidebar .list-events li .btn-show-event { display: none; position: relative; float: right; top: -50px; right: 8px; }
.modal-dialog.right-sidebar .list-events li:hover .btn-event-historic-edit { display: block; }
.modal-dialog.right-sidebar .list-events li:hover .btn-show-event { display: block; }
.modal-dialog.right-sidebar .list-events li.list-state-pending .data-label { color: #333; }
.modal-dialog.right-sidebar .list-events li.list-state-pending .data-value { color: #333; }
.modal-dialog.right-sidebar .list-events-item:last-of-type { margin-bottom: 30px; }


.modal-dialog.right-sidebar li.empty { font-size: 14px; text-align: center; display: block; line-height: 1; padding: 10px; color: #999; background: none; border: none; }

.modal-dialog.right-sidebar .content-data { margin-top: -10px; margin-left: 10px; }
.modal-dialog.right-sidebar .content-data .row { margin-right: -20px; }
.modal-dialog.right-sidebar .content-loading { text-align: center; height: calc(100vh - 51px); line-height: calc(100vh - 51px); }
.modal-dialog.right-sidebar .content-loading i { color: #CCC; font-size: 60px; }
.modal-dialog.right-sidebar .btn-xs i { font-size: 14px; }

.modal-dialog.right-sidebar .separator { margin-top: 20px; border-bottom: 1px solid #EEE; margin: 20px -10px 5px -10px; }

body.right-sidebar-active .container { filter: blur(1.5px) !important; }

/* EVENT DETAIL CARDS (Figma: "Dialog - Detalle del turno", node 1053:24873) - reskin de
   #PopupRightEventDetail sobre el mismo .modal-dialog.right-sidebar/.modal-container de
   siempre; scopeado a este popup puntual para no afectar otros right-sidebar (ej. TaskList). */
/* Sin calc(100vh - 51px): el dialog ya mide 100vh; con el contenido en columna flex, el
   header ocupa lo suyo y el body el resto, mida lo que mida el header. El 100vh literal en
   el body no sirve: header + body sumarian mas que la ventana y el fondo quedaria cortado. */
#PopupRightEventDetail .modal-content { height: 100%; display: flex; flex-direction: column; }
#PopupRightEventDetail .modal-body { background: #f2f4f8; margin: 0 !important; padding: 0 !important; overflow: hidden !important; display: flex; flex-direction: column; height: auto !important; flex: 1 1 auto; min-height: 0; }
/* platform.js envuelve el contenido ajax en un .content entre .modal-body y .content-data:
   sin darle alto/flex a ese eslabon, .modal-container crece con el contenido, el body lo
   recorta (overflow hidden) y nunca se genera el scroll. */
#PopupRightEventDetail .modal-body > .content { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
#PopupRightEventDetail .content-data { margin: 0 !important; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
#PopupRightEventDetail .content-data .row { margin-right: 0; }
#PopupRightEventDetail .row.row-title { background: #fff; border-bottom: 1px solid #e3e8f0; padding: 12px 8px !important;
    width: 100% !important;
    margin: 0 !important; flex: 0 0 auto; }
#PopupRightEventDetail .row.row-title .data-label { margin-top: 0; }
#PopupRightEventDetail .data-value-event-date { font-size: 20px; font-weight: 700; color: #164f90; line-height: 24px; }
#PopupRightEventDetail .data-value-event-date small { display: block; font-size: 12px; font-weight: 800; letter-spacing: 0.88px; color: #77839a; text-transform: uppercase; margin-bottom: 2px; }
#PopupRightEventDetail .row.row-title .btn-event-edit { border: 1px solid #1470d1 !important; background: #fff !important; color: #0961bb !important; border-radius: 20px; font-size: 11px; line-height: 16.5px; font-weight: 800; text-transform: uppercase; padding: 5px 13px !important; box-shadow: none !important; }
/* "Modificar" centrado verticalmente contra el bloque de la fecha (en el markup viene flotado) */
#PopupRightEventDetail .row.row-title .data-label { display: flex; align-items: center; }
#PopupRightEventDetail .row.row-title .data-value-event-date { order: 1; }
#PopupRightEventDetail .row.row-title .data-label > span { order: 2; margin-left: 8px; }
#PopupRightEventDetail .row.row-title .btn-event-edit { order: 3; float: none !important; margin-left: auto; }

#PopupRightEventDetail .modal-container { flex: 1 1 auto; min-height: 0; overflow-y: auto; margin: 0; padding: 16px; background: transparent; display: flex; flex-direction: column; gap: 16px; }

#PopupRightEventDetail .edc-card { background: #fff; border-radius: 18px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); padding: 20px; flex-shrink: 0; }
#PopupRightEventDetail .edc-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
/* inline-flex para que el badge contador quede centrado verticalmente con el titulo */
#PopupRightEventDetail .edc-card-title { display: inline-flex; align-items: center; font-size: 18px; font-weight: 600; color: #164f90; line-height: 24px; }
#PopupRightEventDetail .edc-badge-count { display: inline-flex; align-items: center; justify-content: center; margin-left: 8px; padding: 1px 6px; border-radius: 10px; background: #edf3fb; color: #164f90; font-size: 12px; font-weight: 600; line-height: 18px; }
#PopupRightEventDetail .badge-comments-count { background: #f2f5f8; color: #647d9e; }

#PopupRightEventDetail .edc-avatar { position: relative; border-radius: 999px; background: #e8edf5; overflow: hidden; display: flex; align-items: center; justify-content: center; }
#PopupRightEventDetail .edc-avatar img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 999px !important; }
#PopupRightEventDetail .edc-avatar-initials { color: #164f90; font-weight: 800; }
#PopupRightEventDetail .edc-avatar-lg { width: 64px; height: 64px; }
#PopupRightEventDetail .edc-avatar-lg .edc-avatar-initials { font-size: 21px; }
#PopupRightEventDetail .edc-avatar-md { width: 48px; height: 48px; }
#PopupRightEventDetail .edc-avatar-md .edc-avatar-initials { font-size: 16px; }

/* Header de la card: avatar 64 + nombre/DNI, con "Editar" contra el borde derecho (Figma 1053:24888).
   Flex propio en vez de las columnas Bootstrap, que dependen del ancho del viewport y no del panel. */
#PopupRightEventDetail .row-patient-data { display: flex; gap: 12px; align-items: flex-start; padding: 0 !important; }
#PopupRightEventDetail .row-patient-data .col-left { width: 64px; flex: 0 0 64px; padding: 0; float: none; }
#PopupRightEventDetail .row-patient-data .col-right { flex: 1 1 auto; min-width: 0; width: auto; float: none; border-left: none; padding: 0; }
#PopupRightEventDetail .edc-avatar-photo { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 999px !important; display: block; }
#PopupRightEventDetail .edc-patient-name-row { display: flex; align-items: center; gap: 9px; }
#PopupRightEventDetail .data-value-patient-fullname { flex: 1 1 auto; min-width: 0; font-size: 20px; line-height: 24px; font-weight: 700; color: #1e2b4a; margin: 0; }
#PopupRightEventDetail .edc-link-edit { margin-left: auto; flex-shrink: 0; font-size: 12px; line-height: 18px; font-weight: 700; color: #1261bc; }

/* Tel/Email/Notas/DNI/HC: una sola linea "<b>Label:</b> valor" - Figma pinta el label en
   gris suave y el valor (resto de la linea) en navy, al reves de lo que trae .data-label
   de Metronic por default (todo en un gris medio parejo). */
#PopupRightEventDetail .row-patient-data .col-right .data-label { color: #1e2b4a; font-size: 14px; line-height: 18px; font-weight: 500; margin: 6px 0 0; }
#PopupRightEventDetail .row-patient-data .col-right .data-label b { color: #647d9e; font-weight: 400; margin-right: 2px; }
#PopupRightEventDetail .btn-patient-comment { color: #1261bc; font-weight: 700; text-transform: none; }
#PopupRightEventDetail .edc-patient-doc { color: #647d9e; font-size: 14px; line-height: 18px; margin-top: 4px; }

/* Contacto (Tel/Email/Notas): grilla label 64px + valor, con divider arriba (Figma 1053:24900) */
#PopupRightEventDetail .edc-patient-contact { border-top: 1px solid #eef1f6; margin-top: 12px; padding-top: 12px; display: flex; flex-direction: column; gap: 8px; }
#PopupRightEventDetail .edc-contact-row { display: flex; gap: 12px; align-items: baseline; }
/* 64px como el Figma: asi el valor de cada fila arranca en la misma vertical que el nombre
   del paciente (avatar 64 + gap 12 = 76 desde el borde del contenido). "Obra social" wrappea. */
#PopupRightEventDetail .edc-contact-label { flex: 0 0 64px; color: #647d9e; font-size: 14px; line-height: 18px; }
#PopupRightEventDetail .edc-contact-value { color: #1e2b4a; font-size: 14px; line-height: 18px; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#PopupRightEventDetail .edc-contact-value-wrap { white-space: normal; overflow: visible; text-overflow: clip; }
#PopupRightEventDetail .edc-contact-row-tags { align-items: flex-start; }
#PopupRightEventDetail .edc-contact-row-tags .tags-container { text-align: left; }

/* Sin borde superior (no esta en el Figma) y sin el padding de .row/.col-md-12 genericos,
   para que los botones ocupen el mismo ancho que el resto del contenido de la card */
#PopupRightEventDetail .row-event-actions { margin: 16px 0 0 0; padding: 0 !important; border-top: none; }
#PopupRightEventDetail .row-event-actions .col-md-12 { padding: 0; }
#PopupRightEventDetail .edc-btn-pill { min-height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 12px; line-height: 15px; font-weight: 800; text-transform: uppercase; padding: 7px 9px; text-align: center; box-shadow: none; }
#PopupRightEventDetail .edc-btn-block { width: 100%; margin: 0 0 8px 0; }
#PopupRightEventDetail .edc-btn-pill.blue { background: #1265bf; border-color: #1265bf; color: #fff; }
#PopupRightEventDetail .edc-btn-pill-primary { background: #1560bd; border: 1px solid #1560bd; color: #fff; }
#PopupRightEventDetail .btn-send-to-patient.edc-btn-pill { min-height: 0; padding: 8px 16px; }
#PopupRightEventDetail .edc-btn-pill-accent { background: #31c7b2; border: 1px solid #31c7b2; color: #fff; }
#PopupRightEventDetail .row-block-online { margin-top: 0; }
#PopupRightEventDetail .btn-block-online-event-detail-placeholder { float: none; width: 100%; }
/* !important: el JS le suma btn-danger/btn-success (fondos llenos de Metronic) segun el estado */
#PopupRightEventDetail .btn-block-online-event-detail { display: flex !important; align-items: center; justify-content: center; min-height: 34px; width: 100%; border-radius: 999px; font-size: 12px; line-height: 15px; font-weight: 800; text-transform: uppercase; padding: 7px 9px; background: #fff !important; border: 1px solid #efc3c0 !important; color: #bd423b !important; box-shadow: none; }
#PopupRightEventDetail .btn-block-online-event-detail:hover, #PopupRightEventDetail .btn-block-online-event-detail:focus { background: #fff !important; border-color: #efc3c0 !important; color: #bd423b !important; }
#PopupRightEventDetail .btn-block-online-event-detail.btn-success { background: #fff !important; border-color: #bfe3d8 !important; color: #1c8a6a !important; }

/* Sin overflow:hidden: recortaba el dropdown de estados que cuelga del grupo.
   El redondeo de la pildora lo dan los border-radius de cada boton. */
#PopupRightEventDetail .row-config-btn.btn-group { display: inline-flex; border-radius: 15px; border: 1px solid transparent; }
#PopupRightEventDetail .btn-event-state { background: #f2f5f8; border: none; border-radius: 15px 0 0 15px; font-size: 14px; font-weight: 700; padding: 3px 4px 3px 12px; }
#PopupRightEventDetail .btn-event-state-dropdown { background: #f2f5f8; border: none; border-radius: 0 15px 15px 0; padding: 3px 10px 3px 2px; }
#PopupRightEventDetail .btn-event-state-dropdown i { color: inherit; }

/* Filas etiqueta/valor del Figma: etiqueta al borde izquierdo del contenido y valor al
   derecho. Sin los -15px de margen ni los 15px de padding de las columnas Bootstrap,
   que corrian ambas alineaciones respecto del titulo de la card. */
#PopupRightEventDetail .row-event-data .row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0 !important; border-top: 1px solid #eef1f6; margin: 0; }
#PopupRightEventDetail .row-event-data .row:first-child { border-top: none; }
#PopupRightEventDetail .row-event-data .row > .col-md-6 { padding-left: 0; padding-right: 0; }
#PopupRightEventDetail .row-event-data .row > .col-md-6:first-child { color: #7a869b; font-size: 14px; line-height: 19.5px; flex: none; text-align: left; }
#PopupRightEventDetail .row-event-data .row > .col-md-6.text-right { color: #1e2b4a; font-size: 14px; line-height: 19.5px; font-weight: 600; flex: none; }
#PopupRightEventDetail .row-event-data .row > .col-md-6.text-right b { font-weight: 600; }
#PopupRightEventDetail .row-event-data .btn-add-payment,
#PopupRightEventDetail .row-event-data .amount-value { color: #1261bc !important; font-size: 14px !important; font-weight: 700 !important; text-transform: none !important; }
#PopupRightEventDetail .edc-origin-pill { display: inline-flex; align-items: center; gap: 4px; }
#PopupRightEventDetail .edc-origin-pill-crontu { background: #f4ecfb; color: #7b3fb8; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
#PopupRightEventDetail .edc-origin-pill-web { color: #1261bc; font-weight: 600; }

#PopupRightEventDetail .edc-empty-state { border: 1px solid #e2e8f0; border-radius: 8px; padding: 12px; color: #647d9e; font-size: 12px; }

#PopupRightEventDetail .list-sent-documents-item { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid #eef1f6; }
#PopupRightEventDetail .list-sent-documents-item:first-child { border-top: none; }
#PopupRightEventDetail .edc-doc-badge { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 800; }
#PopupRightEventDetail .edc-doc-badge-indication { background: #f4ecfb; color: #7b3fb8; }
#PopupRightEventDetail .edc-doc-badge-file { background: #eaf2fb; color: #1656a0; }
#PopupRightEventDetail .edc-doc-info { flex: 1; min-width: 0; }
#PopupRightEventDetail .edc-doc-title { font-size: 12px; font-weight: 600; color: #1e2b4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#PopupRightEventDetail .edc-doc-subtitle { font-size: 11px; color: #7a869b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#PopupRightEventDetail .edc-doc-date { flex: 0 0 auto; text-align: right; font-size: 11px; color: #7a869b; line-height: 1.3; }
#PopupRightEventDetail .edc-doc-toggle-container { text-align: center; padding-top: 8px; }
#PopupRightEventDetail .btn-toggle-sent-documents { font-size: 12px; font-weight: 700; color: #1261bc; }

/* Sin el margin generico de .row-professional-data ni el padding de las col-md-12: el boton
   de Iniciar evolucion ocupa todo el ancho del contenido, como en el Figma. El margen de
   "Eliminar turno" va en el propio boton: cuando esta oculto no deja espacio debajo. */
#PopupRightEventDetail .row-professional-data { margin: 0; }
#PopupRightEventDetail .row-professional-data .col-md-12 { padding-left: 0; padding-right: 0; }
#PopupRightEventDetail .btn-init-consultation-container { margin-top: 16px !important; }
#PopupRightEventDetail .edc-delete-event-wrap .btn-delete-event { margin-top: 10px; }
#PopupRightEventDetail .edc-professional-info { margin-left: 60px; min-height: 48px; }
#PopupRightEventDetail .edc-eyebrow { font-size: 12px; line-height: 16px; color: #647d9e; }
#PopupRightEventDetail .edc-professional-info .professional-name { font-size: 16px; line-height: 20px; font-weight: 700; color: #1e2b4a; margin: 0; }
#PopupRightEventDetail .edc-professional-info .consultation-type { font-size: 14px; font-weight: 600; color: #647d9e; }

#PopupRightEventDetail .edc-btn-add { font-size: 14px; font-weight: 700; color: #1560bd; }
/* Borrar comentario: tachito fantasma (sin circulo rojo), como el de las practicas y el Figma */
#PopupRightEventDetail .btn-delete-comment { background: transparent; border: none; box-shadow: none; color: #e05252; width: 32px; height: 32px; padding: 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1; cursor: pointer; }
#PopupRightEventDetail .btn-delete-comment:hover { background: #fef2f2; color: #d43a3a; }
#PopupRightEventDetail .list-comments .empty { border: 1px solid #e2e8f0; border-radius: 8px; padding: 12px; color: #647d9e; font-size: 12px; text-align: left; }

#PopupRightEventDetail .edc-pill { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 999px; font-size: 14px; font-weight: 600; }
#PopupRightEventDetail .edc-pill-success { background: #e9faef; color: #14532d; }
#PopupRightEventDetail .edc-pill-alert { background: #fff7ed; color: #c2410c; }
#PopupRightEventDetail .edc-payment-box { border: 1px solid #e2e8f0; border-radius: 8px; padding: 8px 12px; font-size: 14px; }
#PopupRightEventDetail .edc-payment-row { display: flex; align-items: center; justify-content: space-between; }
#PopupRightEventDetail .edc-payment-amount { font-size: 18px; font-weight: 700; color: #164f90; }
#PopupRightEventDetail .edc-payment-detail-label { display: block; font-size: 12px; line-height: 1.3; color: #647d9e; }
#PopupRightEventDetail .edc-payment-detail-rule { display: block; font-size: 14px; line-height: 20px; color: #475569; }

#PopupRightEventDetail .edc-chevron-toggle { display: inline-flex; align-items: center; justify-content: center; padding: 4px; border-radius: 9999px; color: #164f90; font-size: 16px; line-height: 1; }
#PopupRightEventDetail .edc-chevron-toggle:hover { color: #164f90; text-decoration: none; }
#PopupRightEventDetail .edc-chevron-toggle i { transition: transform .2s; }
#PopupRightEventDetail .edc-chevron-toggle.is-collapsed i { transform: rotate(180deg); }

#PopupRightEventDetail .edc-btn-outline { border: 1px solid #1560bd; color: #1560bd; border-radius: 999px; padding: 4px 10px; font-size: 14px; font-weight: 700; }

/* Linea de tiempo del historial (Figma 1053:25086): linea de 1px, items grises (#a8adb4)
   salvo el turno que se esta viendo (.is-current, #464b53); el punto conserva siempre el
   color del estado, con borde blanco y anillo de 1px de su mismo color (color: en el tmpl). */
#PopupRightEventDetail .list-events { border-left: 1px solid #e4e8ed; margin-left: 7px; padding: 4px 0 8px 22px; }
#PopupRightEventDetail .list-events li { padding-left: 0; margin-bottom: 16px; color: #a8adb4; }
#PopupRightEventDetail .list-events li .list-dot { width: 13px; height: 13px; box-sizing: border-box; left: -29px; top: 19px; border: 2px solid #fff; box-shadow: 0 0 0 1px currentColor; }
#PopupRightEventDetail .list-events li .data-event-date { color: #a8adb4; opacity: 1; }
#PopupRightEventDetail .list-events li .data-event-type { font-weight: 700; color: #a8adb4; }
#PopupRightEventDetail .list-events li .data-event-prof { color: #a8adb4; opacity: 1; }
#PopupRightEventDetail .list-events li.is-current .data-event-date,
#PopupRightEventDetail .list-events li.is-current .data-event-type,
#PopupRightEventDetail .list-events li.is-current .data-event-prof { color: #464b53; }

/* Mismo puntero que en el historial para los puntos de la cronologia del turno
   (los iconos de mail/whatsapp de envio quedan como estan: son otra cosa). */
#PopupRightEventDetail .event-states-timeline-item .event-states-dot { width: 13px; height: 13px; box-sizing: border-box; left: 0; top: 19px; border: 2px solid #fff; box-shadow: 0 0 0 1px currentColor; }
#PopupRightEventDetail .event-states-timeline-item .event-states-line { left: 6px; }

#NewEventPopup .date-group p {
	font-size: 16px;
	font-weight: 600;
	padding-top: 4px;
}
/* PORTLETS */
#calendar.fc-unthemed .fc-today {
	background: #F5FDFB !important;
}

.portlet-title .tools {
	padding-top: 0px;
}

.portlet-title .tools button {
	border: none;
}

.portlet-title .tools button:focus {
	background: none;
}

.portlet-title .tools button.green:focus {
	background: #34d4be;
}

.portlet-title .tools button:hover {
	background-color: #F2F2F2 !important;
	border-radius: 20px !important;
}

.portlet.light>.portlet-title>.tools {
	padding: 0px 0 13px 0;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

/* USERS PROFILE */


#UsersProfile #preview-pane {
	right: 10px;
	top: 10px;
}

#UsersProfile #preview-pane .preview-container {
	height: 150px;
	width: 150px;
}

#UsersProfile .profile-userpic img {
	height: 75%;
	width: 75%;
}

#UsersProfile .general-item-list>.item>.item-head>.item-details>.item-pic {
	height: 50px;
}

/******************* USER DASHBOARD *******************/


/* Desde diseñador */
.page-content-right-colum {
	background-image: linear-gradient(to right, #f1f2f7 75%, #eaecf3 25%);
}

.page-sidebar .page-sidebar-menu>li.active>a>.selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.selected {
	border-right: 8px solid #f1f2f7;
}

/************ PATIENT LIST **********/

#PatientsDashboard #patientsList .patient-name {
    font-weight: 600;
    line-height: 35px;
    margin: 0;
}

#PatientsDashboard #patientsList tr.odd, #PatientsDashboard #patientsList tr.even {
	cursor: pointer
}

#PatientsDashboard #patientsList .row-detail-icon {
	vertical-align: middle;
}

#PatientsDashboard #patientsList.showing-detail tr:not(.row-detail):not(.details) {
	opacity: 0.4;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

#PatientsDashboard .dataTable .details {
	background: #FFF;
	border-top: 0px;
}

.portlet-body-canvas {
	position: relative;
}

.portlet-body-canvas canvas {
	margin-left: 0px;
}

.portlet-body-canvas .pie-legend {
	list-style: none;
	position: absolute;
	right: 0px;
	top: 10px;
}

.portlet-body-canvas .pie-legend li {
	display: block;
	padding-left: 30px;
	position: relative;
	margin-bottom: 4px;
	border-radius: 5px;
	padding: 2px 8px 2px 28px;
	font-size: 12px;
	cursor: default;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}

.portlet-body-canvas .pie-legend li span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	border-radius: 5px !important;
}

/************ PATIENT CREATE **********/
#PatientCreatePopup hr {
	margin-top: 5px;
}

#PatientCreatePopup .div-img {
	display: inline-block;
	text-align: center;
}

#PatientCreatePopup .patient-photo-change {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 120px;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
}

#PatientCreatePopup .patient-photo-change img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	display: block;
	cursor: pointer;
}

#PatientCreatePopup .patient-photo-change-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: rgba(60, 63, 70, 0.82);
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
}

#PatientCreatePopup .patient-photo-change-overlay .icon-camera {
	font-size: 14px;
	line-height: 1;
	margin-right: 8px;
	margin-top: -4px;
}

#PatientCreatePopup .patient-photo-change--empty .patient-photo-change-overlay,
#PatientCreatePopup .patient-photo-change:hover .patient-photo-change-overlay {
	opacity: 0.75;
}

/************ PATIENT DETAIL PHOTO CHANGE **********/
#PatientsDetail .profile-image-box {
	margin-bottom: -25px;
	vertical-align: top;
}

#PatientsDetail .profile-image-box .patient-photo-change {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 90px;
	margin: 10px 10px 0 16px;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: top;
	border: 4px solid #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

#PatientsDetail .profile-image-box .patient-photo-change img {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border: none !important;
	box-shadow: none !important;
	object-fit: cover;
	display: block;
}

#PatientsDetail .patient-header .profile-image-box + .profile-info {
	padding-top: 8px;
	vertical-align: top;
}

#PatientsDetail .patient-header .profile-image-box + .profile-info .profile-name {
	margin-top: 12px;
	margin-bottom: 4px;
}

#PatientsDetail .patient-header .profile-image-box + .profile-info h4 {
	margin-top: 6px !important;
	margin-bottom: 4px !important;
}

#PatientsDetail .profile-image-box .patient-photo-change-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 4px;
	background: rgba(60, 63, 70, 0.82);
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
	z-index: 2;
}

#PatientsDetail .profile-image-box .patient-photo-change-overlay .icon-camera {
	font-size: 12px;
	line-height: 1;
	margin-top: -2px;
    margin-right: 2px;
}

#PatientsDetail .profile-image-box .patient-photo-change--empty .patient-photo-change-overlay,
#PatientsDetail .profile-image-box .patient-photo-change:hover .patient-photo-change-overlay,
#PatientsDetail .profile-image-box .patient-photo-change--saving .patient-photo-change-overlay {
	opacity: 1;
}

#PatientsDetail .page-sub-header.small-height .profile-image-box {
	margin-bottom: 0;
	margin-left: 16px;
}

#PatientsDetail .page-sub-header.small-height .patient-header .row .profile-image-box,
#PatientsDetail .page-sub-header.small-height .patient-header .row .patient-photo-change {
	max-height: none !important;
}

#PatientsDetail .page-sub-header.small-height .patient-header .row .profile-image-box .patient-photo-change {
	width: 70px;
	height: 70px;
	margin: 0 8px 0 10px;
	border-width: 6px;
	border-color: #e5e9f2;
	box-shadow: none;
	background: #e5e9f2;
	box-sizing: border-box;
	flex-shrink: 0;
}

#PatientsDetail .page-sub-header.small-height .patient-header .row .profile-image-box .patient-photo-change-overlay {
	font-size: 9px;
	gap: 2px;
}

#PatientsDetail .page-sub-header.small-height .patient-header .row .profile-image-box .patient-photo-change-overlay .icon-camera {
	font-size: 9px;
	margin-top: -1px;
	margin-right: 1px;
}

#PatientsDetail .page-sub-header.small-height .patient-header .row .profile-image-box .patient-photo-change img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover;
}

#PatientsDetail .page-sub-header.small-height .patient-header .profile-image-box + .profile-info {
	padding-top: 0;
}

#PatientsDetail .page-sub-header.small-height .patient-header .profile-image-box + .profile-info .profile-name {
	margin-top: 2px;
	margin-bottom: 0;
}

#PatientsDetail .page-sub-header.small-height .patient-header .profile-image-box + .profile-info h4 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/************ PATIENT RIGHT DETAIL PHOTO CHANGE **********/
#PopupRightPatientDetail .row-patient-data .patient-photo-change {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
}

#PopupRightPatientDetail .row-patient-data .patient-photo-change img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	margin: 0;
}

#PopupRightPatientDetail .row-patient-data .patient-photo-change-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 3px;
	background: rgba(60, 63, 70, 0.82);
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
	z-index: 2;
}

#PopupRightPatientDetail .row-patient-data .patient-photo-change-overlay .icon-camera {
	font-size: 10px;
	line-height: 1;
	margin-top: -1px;
}

#PopupRightPatientDetail .row-patient-data .patient-photo-change--empty .patient-photo-change-overlay,
#PopupRightPatientDetail .row-patient-data .patient-photo-change:hover .patient-photo-change-overlay,
#PopupRightPatientDetail .row-patient-data .patient-photo-change--saving .patient-photo-change-overlay {
	opacity: 1;
}

/************ PATIENT PROFILE PHOTO POPUP **********/
#popupPatientProfilePhoto .modal-header h3,
#popupPatientNewComplete .modal-header h3 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.4px;
	color: #4a5568;
	margin: 0;
	padding-top: 4px;
}

#popupPatientProfilePhoto .modal-body {
	padding: 0;
}

#popupPatientProfilePhoto .modal-body .content {
	padding: 0;
}

#popupPatientProfilePhoto .modal-content {
	border-radius: 16px !important;
	margin-top: 100px !important;
}

#popupPatientNewComplete .dialog-footer-block-error {
	border-bottom: none !important;
	margin-top: 0px !important;
	margin-bottom: 0 !important;
}

.patient-profile-photo-popup {
	padding: 0 24px 0;
}

.patient-profile-photo-popup .ppp-intro {
	color: #5a6573;
	font-size: 14px;
	margin: 18px 0 16px;
}

.patient-profile-photo-popup .ppp-dropzone {
	border: 2px dashed #7eb6ea;
	border-radius: 12px;
	background: #f3f8fd;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.patient-profile-photo-popup .ppp-dropzone:hover,
.patient-profile-photo-popup .ppp-dropzone.ppp-dropzone--drag {
	border-color: #3388ff;
	background: rgba(51, 136, 255, 0.08);
	box-shadow: 0 0 0 3px rgba(51, 136, 255, 0.12);
}

.patient-profile-photo-popup .ppp-dropzone-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: rgba(51, 136, 255, 0.12);
	color: #3388ff;
	font-size: 22px;
	margin-bottom: 14px;
}

.patient-profile-photo-popup .ppp-dropzone-title {
	font-size: 16px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 4px;
}

.patient-profile-photo-popup .ppp-dropzone-sub {
	font-size: 13px;
	color: #6b8cff;
	margin-bottom: 10px;
}

.patient-profile-photo-popup .ppp-dropzone-formats {
	font-size: 11px;
	color: #9aa5b1;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}

.patient-profile-photo-popup .ppp-dropzone-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.patient-profile-photo-popup button {
	line-height: 1 !important;
}
.patient-profile-photo-popup .ppp-dropzone-actions button {
	font-size: 11px !important;
	padding: 8px 14px !important;
}

.patient-profile-photo-popup .ppp-btn-primary,
.patient-profile-photo-popup .ppp-btn-outline,
.patient-profile-photo-popup .ppp-btn-muted {
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.3px;
	padding: 9px 18px;
	text-transform: uppercase;
}

.patient-profile-photo-popup .ppp-btn-primary {
	background: #3388ff;
	border: 1px solid #3388ff;
	color: #fff;
}

.patient-profile-photo-popup .ppp-btn-primary:hover,
.patient-profile-photo-popup .ppp-btn-primary:focus {
	background: #2a78e8;
	border-color: #2a78e8;
	color: #fff;
}

.patient-profile-photo-popup .ppp-btn-outline {
	background: #fff;
	border: 1px solid #3388ff !important;
	color: #3388ff !important;
}

.patient-profile-photo-popup .ppp-btn-outline:hover,
.patient-profile-photo-popup .ppp-btn-outline:focus {
	background: #f3f8fd;
	color: #3388ff;
}

.patient-profile-photo-popup .ppp-btn-muted {
	background: transparent;
	border: 1px solid transparent;
	color: #b0b8c1;
	cursor: default;
}

.patient-profile-photo-popup .ppp-btn-muted:disabled {
	opacity: 1;
}

.patient-profile-photo-popup .ppp-btn-link-danger {
	background: transparent;
	border: none;
	color: #e35b5a;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 9px 0;
}

.patient-profile-photo-popup .ppp-btn-link-danger:hover {
	color: #c0392b;
}

.patient-profile-photo-popup .ppp-step-qr .ppp-intro {
	text-align: center;
}

.patient-profile-photo-popup .ppp-qr-wrap {
	text-align: center;
	margin: 8px auto 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.patient-profile-photo-popup .ppp-qr-frame {
	position: relative;
	width: 200px;
	height: 200px;
	background: #fff;
	border: 1px solid #e8edf3;
	border-radius: 8px;
	box-sizing: border-box;
	overflow: hidden;
}

.patient-profile-photo-popup .ppp-qr-loading {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #7a8699;
	font-size: 13px;
	background: #f7f8fa;
}

.patient-profile-photo-popup .ppp-qr-loading .fa {
	font-size: 22px;
	color: #3388ff;
}

.patient-profile-photo-popup .ppp-qr-image {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px;
	box-sizing: border-box;
	object-fit: contain;
}

.patient-profile-photo-popup .ppp-qr-debug {
	margin-top: 10px;
	max-width: 100%;
	padding: 0 8px;
	word-break: break-all;
	font-size: 11px;
	line-height: 1.35;
	text-align: center;
}

.patient-profile-photo-popup .ppp-qr-debug a {
	color: #3388ff;
}

.patient-profile-photo-popup .ppp-qr-waiting {
	margin: 12px 0 0;
	color: #7a8699;
	font-size: 13px;
}

.patient-profile-photo-popup .ppp-qr-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 8px auto 18px;
	max-width: 320px;
}

.patient-profile-photo-popup .ppp-qr-divider-line {
	flex: 1;
	max-width: 120px;
	height: 1px;
	background: #e1e6ec;
}

.patient-profile-photo-popup .ppp-qr-divider-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #c5ced8;
	background: #fff;
	box-sizing: border-box;
}

.patient-profile-photo-popup .ppp-qr-webcam-actions {
	text-align: center;
	margin: 0 auto 8px;
	display: flex;
	justify-content: center;
}

.patient-profile-photo-popup .ppp-crop-layout {
	margin-bottom: 8px;
}

.patient-profile-photo-popup .ppp-crop-workspace {
	background: #3c3f46;
	border-radius: 8px;
	overflow: hidden;
	min-height: 280px;
	max-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.patient-profile-photo-popup .ppp-crop-stage {
	position: relative;
	max-width: 100%;
	max-height: 300px;
	line-height: 0;
}

.patient-profile-photo-popup .ppp-crop-stage #pppCropImage {
	display: block;
	max-width: 100%;
	max-height: 300px;
	width: auto;
	height: auto;
}

.patient-profile-photo-popup .ppp-crop-stage .jcrop-holder {
	margin: 0 auto;
	position: relative;
}

.patient-profile-photo-popup .ppp-crop-stage .jcrop-tracker {
	cursor: move;
}

.patient-profile-photo-popup .ppp-jcrop .jcrop-tracker {
	z-index: 3;
}

.patient-profile-photo-popup .ppp-jcrop .jcrop-handle {
	z-index: 5 !important;
}

.patient-profile-photo-popup .ppp-crop-guide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: none;
	pointer-events: none;
	z-index: 4;
	box-sizing: border-box;
	overflow: hidden;
}

.patient-profile-photo-popup .ppp-crop-guide-shade {
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-mask-image: radial-gradient(circle closest-side at center, transparent 100%, #000 100%);
	mask-image: radial-gradient(circle closest-side at center, transparent 100%, #000 100%);
	z-index: 1;
}

.patient-profile-photo-popup .ppp-crop-guide-grid {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(to right, rgba(255, 255, 255, 0.65) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 1px, transparent 1px);
	background-size: 33.3333% 100%, 100% 33.3333%;
	background-position: left top;
	z-index: 2;
}

.patient-profile-photo-popup .ppp-crop-guide-circle {
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	border-radius: 50%;
	border: none; /* 2px solid rgba(255, 255, 255, 0.95); */
	z-index: 3;
}

.patient-profile-photo-popup .ppp-crop-guide-corner {
	position: absolute;
	width: 40px;
	height: 40px;
	border-color: rgba(255, 255, 255, 0.95);
	border-style: solid;
	z-index: 4;
}

.patient-profile-photo-popup .ppp-crop-guide-corner-tl {
	top: -1px;
	left: -1px;
	border-width: 5px 0 0 5px;
}

.patient-profile-photo-popup .ppp-crop-guide-corner-tr {
	top: -1px;
	right: -1px;
	border-width: 5px 5px 0 0;
}

.patient-profile-photo-popup .ppp-crop-guide-corner-bl {
	bottom: -1px;
	left: -1px;
	border-width: 0 0 5px 5px;
}

.patient-profile-photo-popup .ppp-crop-guide-corner-br {
	bottom: -1px;
	right: -1px;
	border-width: 0 5px 5px 0;
}

.patient-profile-photo-popup .ppp-jcrop .jcrop-hline,
.patient-profile-photo-popup .ppp-jcrop .jcrop-vline {
	opacity: 0 !important;
}

.patient-profile-photo-popup .ppp-camera-panel {
	width: 100%;
	text-align: center;
	padding: 12px;
	box-sizing: border-box;
}

.patient-profile-photo-popup .ppp-camera-hint {
	color: #d1d5db;
	font-size: 13px;
	margin: 0 0 10px;
}

.patient-profile-photo-popup .ppp-camera-video-wrap {
	display: inline-block;
	overflow: hidden;
	border-radius: 8px;
	background: #000;
	margin-bottom: 0;
	line-height: 0;
}

.patient-profile-photo-popup .ppp-camera-video-wrap video {
	display: block;
	max-width: 100%;
	max-height: 240px;
	height: auto;
}

.patient-profile-photo-popup .ppp-camera-actions {
	text-align: center;
	margin-top: 14px;
}

.patient-profile-photo-popup .ppp-btn-capture {
	margin-bottom: 0;
}

.patient-profile-photo-popup .ppp-confirm-preview {
	text-align: center;
	margin: 24px 0 18px;
}

.patient-profile-photo-popup .ppp-confirm-preview img {
	width: 160px;
	height: 160px;
	object-fit: cover;
	border: 4px solid #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.patient-profile-photo-popup .ppp-confirm-title {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #2c3e50;
	margin: 0 0 8px;
}

.patient-profile-photo-popup .ppp-confirm-text {
	text-align: center;
	color: #7a8699;
	font-size: 14px;
	margin: 0 0 8px;
}

.patient-profile-photo-popup .ppp-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 20px -24px 0 -24px;
	padding: 10px 24px;
	background: #f7f8fa;
	border-top: 1px solid #eceff3;
	border-radius: 0 0 6px 6px;
}

.patient-profile-photo-popup .ppp-footer-status {
	color: #9aa5b1;
	font-size: 13px;
}

.patient-profile-photo-popup .ppp-footer-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}

.patient-profile-photo-popup .ppp-footer-actions-center {
	justify-content: space-between;
	width: 100%;
	margin-left: 0;
}

.patient-profile-photo-popup .ppp-footer-crop .ppp-footer-actions {
	margin-left: auto;
}

#popupPatientProfilePhoto .modal-dialog-close,
#popupPatientNewComplete .modal-dialog-close {
	background: none !important;
	color: #333333 !important;
	border: none !important;
}

#popupPatientProfilePhoto .modal-dialog-close .fa,
#popupPatientNewComplete .modal-dialog-close .fa {
	line-height: 28px;
	font-size: 14px;
}

/************ PRESCRIPTION UPLOAD PDF POPUP **********/
#popupPrescriptionUpload .modal-body {
	padding: 0;
}
#popupPrescriptionUpload .modal-body .content {
	padding: 0;
}
#popupPrescriptionUpload .modal-content {
	border-radius: 8px !important;
	margin-top: 80px !important;
}

.prescription-upload-popup {
	padding: 0 20px 16px;
}
.prescription-upload-popup .pup-intro {
	color: #62748E;
	font-size: 14px;
	margin: 18px 0 16px;
}
.prescription-upload-popup .pup-dropzone {
	border: 2px dashed #7eb6ea;
	border-radius: 12px;
	background: #f3f8fd;
	padding: 14px 20px;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.prescription-upload-popup .pup-dropzone:hover,
.prescription-upload-popup .pup-dropzone.pup-dropzone--drag {
	border-color: #3388ff;
	background: rgba(51, 136, 255, 0.08);
	box-shadow: 0 0 0 3px rgba(51, 136, 255, 0.12);
}
.prescription-upload-popup .pup-dropzone-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: rgba(51, 136, 255, 0.12);
	color: #3388ff;
	font-size: 22px;
	margin-bottom: 12px;
}
.prescription-upload-popup .pup-dropzone-title {
	font-size: 15px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 4px;
}
.prescription-upload-popup .pup-dropzone-sub {
	font-size: 13px;
	color: #6b8cff;
	margin-bottom: 8px;
}
.prescription-upload-popup .pup-dropzone-formats {
	font-size: 11px;
	color: #9aa5b1;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 12px;
}
.prescription-upload-popup .pup-dropzone-actions {
	display: flex;
	justify-content: center;
}
.prescription-upload-popup .pup-dropzone-file {
	margin-top: 12px;
	font-size: 13px;
	font-weight: 600;
	color: #1560BD;
	word-break: break-all;
}
.prescription-upload-popup .pup-field {
	margin-top: 18px;
}
.prescription-upload-popup .pup-label {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: #64709E;
	margin-bottom: 6px;
}
.prescription-upload-popup .pup-input {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	color: #2D3848;
	background: #fff;
	box-shadow: none;
}
.prescription-upload-popup .pup-input:focus {
	outline: 0;
	border-color: #1560BD;
	box-shadow: 0 0 0 3px rgba(21, 96, 189, 0.12);
}
.prescription-upload-popup .pup-input:disabled {
	background: #F8FAFC;
	color: #94A3B8;
}
.prescription-upload-popup .pup-help {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	font-style: italic;
	color: #16A34A;
}
.prescription-upload-popup .pup-type-options {
	display: flex;
	gap: 12px;
}
.prescription-upload-popup .pup-type-option {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 40px;
	padding: 8px;
	border: 1px solid #E2E8F0;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	margin: 0;
	font-weight: 600;
	color: #2D3848;
}
.prescription-upload-popup .pup-type-option.is-selected {
	border-color: #1560BD;
	background: #F2F7FE;
	color: #1560BD;
}
.prescription-upload-popup .pup-type-option__radio {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.prescription-upload-popup .pup-type-option__circle {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	border: 2px solid #CBD5E1;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
}
.prescription-upload-popup .pup-type-option.is-selected .pup-type-option__circle {
	border-color: #1560BD;
}
.prescription-upload-popup .pup-type-option.is-selected .pup-type-option__circle:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #1560BD;
}
.prescription-upload-popup .pup-btn-primary {
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.3px;
	padding: 9px 18px;
	text-transform: uppercase;
	line-height: 1 !important;
	background: #1560BD;
    border: 1px solid #1560BD;
	color: #fff;
}
.prescription-upload-popup .pup-btn-primary:hover,
.prescription-upload-popup .pup-btn-primary:focus {
	background: #2a78e8;
	border-color: #2a78e8;
	color: #fff;
}

.prescription-edit-popup .pep-field {
	margin-top: 4px;
}
.prescription-edit-popup .pep-label {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: #64709E;
	margin-bottom: 6px;
}
.prescription-edit-popup .pep-input {
	display: block;
	width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 14px;
	color: #2D3848;
	background: #fff;
	box-shadow: none;
}
.prescription-edit-popup .pep-input:focus {
	outline: 0;
	border-color: #1560BD;
	box-shadow: 0 0 0 3px rgba(21, 96, 189, 0.12);
}

/************ PATIENT NEW COMPLETE POPUP CHROME **********/
#popupPatientNewComplete .modal-content {
	border-radius: 8px !important;
}

#popupPatientNewComplete .modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 10px;
	padding: 10px 24px;
	background: #f7f8fa !important;
	border-top: 1px solid #eceff3 !important;
	border-radius: 0 0 16px 16px;
	position: relative;
}

#popupPatientNewComplete .modal-footer > .dialog-footer-block-error {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	border-bottom: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#popupPatientNewComplete .modal-footer > div:not(.dialog-footer-block-error):not(.blockUI) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	flex-shrink: 0;
	gap: 10px;
	margin-left: auto;
	white-space: nowrap;
}

#popupPatientNewComplete .modal-footer .blockUI {
	position: absolute !important;
}

#popupPatientNewComplete .modal-footer .btn {
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px;
	padding: 9px 18px !important;
	text-transform: uppercase;
	line-height: 1 !important;
	box-shadow: none !important;
	white-space: nowrap;
}

#popupPatientNewComplete .modal-footer .btn.green {
	background: #3388ff !important;
	border: 1px solid #3388ff !important;
	color: #fff !important;
}

#popupPatientNewComplete .modal-footer .btn.green:hover,
#popupPatientNewComplete .modal-footer .btn.green:focus {
	background: #2a78e8 !important;
	border-color: #2a78e8 !important;
	color: #fff !important;
}

#popupPatientNewComplete .modal-footer .btn-dialog-link-close {
	background: #fff !important;
	border: 1px solid #3388ff !important;
	color: #3388ff !important;
	text-decoration: none !important;
}

#popupPatientNewComplete .modal-footer .btn-dialog-link-close:hover,
#popupPatientNewComplete .modal-footer .btn-dialog-link-close:focus {
	background: #f3f8fd !important;
	color: #3388ff !important;
}

#popupPatientNewComplete .has-success .help-block, 
#popupPatientNewComplete .has-success .help-inline, 
#popupPatientNewComplete .has-success .control-label, 
#popupPatientNewComplete .has-success .radio, 
#popupPatientNewComplete .has-success .checkbox, 
#popupPatientNewComplete .has-success .radio-inline, 
#popupPatientNewComplete .has-success .checkbox-inline,
#popupPatientNewComplete .has-success .input-icon > i {
	color: #3388ff !important;
}
#popupPatientNewComplete .label-success,
#popupPatientNewComplete .md-radio label > .check {
	background: #3388ff !important;
}

.select2-patient-security-id-dropdown .select2-results li.select2-result-with-children > .select2-result-label {
	font-weight: 700 !important;
	color: #3388ff !important;
}

.select2-patient-security-id-dropdown {
	width: 420px !important;
}

.select2-patient-security-id-dropdown .select2-result-label {
	white-space: normal;
	word-break: break-word;
}

#PatientCreatePopup .radio-group {
	padding-top: 7px;
}

#PatientCreatePopup .div-video {
	width: 240px;
	overflow: hidden;
	display: inline-block;
}

#PatientCreatePopup #video {
	margin-left: -40px;
}

#PatientCreatePopup .message-box {
	margin-top: -60px;
}

#PatientCreatePopup .message-box .glyphicon {
	float: none;
	opacity: 0.7;
	margin: 0px !important;
}

#PatientCreatePopup .btn-search-patient {
	margin-left: 8px
}

#PatientCreatePopup #divContent .radio-list label {
	cursor: pointer;
}

/************ CONSULTATION PATIENT **********/
#DoctorsOfficeConsultation div.empty-data {
	font-size: 14px;
	color: #CCC;
	text-align: center;
}

#DoctorsOfficeConsultation div.empty-data i.fa {
	font-size: 60px;
	margin-top: 20px;
	margin-bottom: 40px;
}

/*
#DoctorsOfficeConsultation .consultation-status {
	display: none;
}

#DoctorsOfficeConsultation .consultation-active .consultation-status {
	display: block;
}

#DoctorsOfficeConsultation .consultation-active .profile-featured-info {
	display: none;
}

#DoctorsOfficeConsultation .consultation-active .profile-info p {
	display: none;
}
*/

#DoctorsOfficeConsultation .consultation-header .img-circle.profile-image {
    max-height: 110px;
    border: 5px solid #DDD;
    margin: 10px 25px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -25px;
}

#DoctorsOfficeConsultation .consultation-header .profile-info {
    display: inline-block;
}

#DoctorsOfficeConsultation .consultation-header dl { margin-bottom: 0; }
#DoctorsOfficeConsultation .consultation-header dt, #DoctorsOfficeConsultation .consultation-header dd { display: inline-block; width: 49%; }
#DoctorsOfficeConsultation .consultation-header .label { display: block; font-size: 18px; text-align: center; padding: 12px 15px; margin-right: 25px; margin-top: 15px; }
#DoctorsOfficeConsultation .consultation-header .label small { color: #DBEFFF; font-size: 14px; }

#DoctorsOfficeConsultation .nav.nav-tabs li .tab-orange {
	color: #f79460;
	font-weight: bold;
}

#DoctorsOfficeConsultation .nav.nav-tabs li.active .tab-orange {
	color: #FFF;
	background: #f79460 !important;
}

#DoctorsOfficeConsultation .msg-time-chat {
	cursor: pointer;
}

#DoctorsOfficeConsultation .msg-time-chat .message-body .second {
	width: 100%;
}

#DoctorsOfficeConsultation .mix-grid .mix-details h4 {
	margin-top: 10px
}

#PatientsDetail .table-laboratory .col-laboratory-reference {
	padding-left: 0px
}

#DoctorsOfficeConsultation #portlet_tab3 .patient-editable.textarea-nowrap {
	white-space: nowrap;
}
#DoctorsOfficeConsultation .consultation-info td {
    width: 33%;
    text-align: center;
}
#DoctorsOfficeConsultation small {
    color: #999;
}
#DoctorsOfficeConsultation .widget {
    margin-bottom: 15px;
}



/* *** */

/* Header */
.page-header.navbar .page-logo .logo-default {
	margin: 3px 0 0 0;
}

/* *** */
.portlet.box>.portlet-body {
	padding: 15px;
}


/* Message boxes (right column) */
.message-box .glyphicon {
	font-size: 24px;
	line-height: 24px;
	padding: 10px;
	border-radius: 50% !important;
	float: left;
	margin: 0 15px 0 0;
}

.message-box .glyphicon.big {
	font-size: 30px;
	line-height: 30px;
	padding: 15px;
}

.message-box h4 {
	font-size: 22px;
	line-height: 22px;
	margin: 0;
	overflow: hidden;
	color: #747f8c;
}

.message-box h4 small {
	color: #747f8c;
}

.message-box h4 span {
	font-size: 13px;
	line-height: 15px;
	display: block;
	margin-top: 7px;
	font-weight: 400;
}

/* ****************************************** */
/* Pisa: assests/global/css/components.css  */
/* ****************************************** */
a {
	color: #333;
}

a:hover, a:focus {
	color: black;
}

/*
h4 {
	margin-top: 20px;
	font-weight: 600;
}
*/
.portlet.light>.portlet-title>.caption {
	padding: 0px;
}

.portlet>.portlet-title>.caption {
	padding-top: 0;
	padding-bottom: 0;
}

.portlet.light>.portlet-title>.caption {
	color: #747f8c;
	font-weight: 600;
}

.portlet.light .tabbable-line.portlet-title {
	min-height: inherit;
}

.portlet.light>.tabbable-line.portlet-title>.nav-tabs {
	float: none;
	padding-top: 3px;
}
/*
.tabbable-line>.nav-tabs {
	background-color: #dfe2e4;

}

.tabbable-line>.nav-tabs>li {

}


.tabbable-line>.nav-tabs>li>a {
	line-height: 1.32857rem;
	background: #f1f2f7;
	border-right: 1px solid #dfe2e4;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.tabbable-line>.nav-tabs>li:last-child>a, .tabbable-line>.nav-tabs>li:last-child:hover>a {
	border: 0;
}

.tabbable-line>.nav-tabs>li:first-child>a {
	border-top-left-radius: 5px !important;
}

.tabbable-line>.nav-tabs>li:last-child>a {
	border-top-right-radius: 5px !important;
}

.portlet.light .tabbable-line.portlet-title>.nav-tabs>li>a {
	margin-top: 3px;
}

.tabbable-line>.nav-tabs>li.active {
	border-bottom-width: 0;
}

.portlet.light .tabbable-line.portlet-title>.nav-tabs>li.active>a, .portlet.light .tabbable-line.portlet-title>.nav-tabs>li.active:hover>a {
	border-radius: 5px 5px 0 0 !important;
	margin-top: 0;
	line-height: 1.62857rem;
	background: #34d4be !important;
	color: white;
	border: 0;
}

.portlet.light .portlet-title.tabbable-line {
	border-bottom: none;
	margin-bottom: 0px;
}


.tabbable-line>.nav-tabs>li:hover {
	border-bottom: 0;
}

.tabbable-line>.nav-tabs>li:hover>a {
	border-radius: 5px 5px 0 0 !important;
	border-right: 1px solid #dfe2e4;;
	background: #EEE !important;
	color: #333333;
}

.table-scrollable {
	border-left: 0;
	border-right: 0;
	border-top: 0;
}
*/

/* Alert */
.alert {
	margin-bottom: 10px;
}

/* Progress bar */
.progress {
	background-color: #f1f2f7;
}

.progress-small {
	height: 16px;
	margin-top: 0px;
}

.progress>.progress-bar-success {
	background-color: #34d4be;
}

.progress>.progress-bar-warning {
	background-color: #f79460;
}

.progress>.progress-bar-danger {
	background-color: #ff7373;
}

.progress>.progress-bar-info {
	background-color: #3badf2;
}

/* FullCalendar */
#CalendarElement .portlet-calendar .views {
	float: right;
	margin-left: 15px;
	cursor: pointer
}

#CalendarElement .portlet-calendar .views i {
	font-size: 25px;
}

#CalendarElement .portlet-calendar .change-view-day {
	margin-top: 13px;
}

#CalendarElement .portlet-calendar .change-view-month {
	margin-top: 10px;
}

.fc-event {
	background-color: #34d4be;
	border-color: #34d4be;
	color: #FFFFFF;
	border-radius: 5px !important;
	padding: 5px;
}

/* Loader */
.loading {
	font-size: 60px;
	line-height: 60px;
	margin-top: 100px;
	position: relative;
	left: 50%;
	margin-left: -30px;
}

/*
	COLORES

	Green:		#34d4be		///		hover:		#16a692
	Blue:		#3badf2		///		hover:		#0077bd
	Violet:		#da61ff		///		hover:		#9e2ebf
	Red:		#ff7373		///		hover:		#b82c2c
	Orange:		#f79460		///		hover:		#b05120
*/

/***********
Green Colors
************/
/***
Green Default
***/
/* Button */
.green.btn {
	color: white;
	background-color: #31C7B2;
	border-color: "";
}

.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
	color: white;
	background-color: #16a692;
}

.open .green.btn.dropdown-toggle {
	color: white;
	background-color: #16a692;
}

.green.btn:active, .green.btn.active {
	background-image: none;
}

.open .green.btn.dropdown-toggle {
	background-image: none;
}

.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn,
	fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
	background-color: #34d4be;
}

.green.btn .badge {
	color: #34d4be;
	background-color: white;
}

/* Button Strip */
.btn.green-stripe {
	border-left: 3px solid #34d4be;
}

/* Portlet */
.portlet>.portlet-body.green, .portlet.green {
	background-color: #34d4be;
}

.portlet.solid.green>.portlet-title, .portlet.solid.green>.portlet-body {
	border: 0;
	color: white;
}

.portlet.solid.green>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.green {
	border: 1px solid #4bc75e;
	border-top: 0;
}

.portlet.box.green>.portlet-title {
	background-color: #34d4be;
}

.portlet.box.green>.portlet-title>.caption {
	color: white;
}

.portlet.box.green>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.green>.portlet-title>.actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #7ad588;
	color: #8ddc99;
}

.portlet.box.green>.portlet-title>.actions .btn-default>i {
	color: #99dfa4;
}

.portlet.box.green>.portlet-title>.actions .btn-default:hover, .portlet.box.green>.portlet-title>.actions .btn-default:focus, .portlet.box.green>.portlet-title>.actions .btn-default:active, .portlet.box.green>.portlet-title>.actions .btn-default.active {
	border: 1px solid #a1e2ab;
	color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.green {
	background-color: #34d4be;
}

.dashboard-stat.green .visual>i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity =       30);
}

.dashboard-stat.green .details .number {
	color: white;
}

.dashboard-stat.green .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity =       80);
}

.dashboard-stat.green .more {
	color: white;
	background-color: #309a41;
}

/* General Element */
.bg-green {
	border-color: #34d4be !important;
	background-image: none !important;
	background-color: #34d4be !important;
	color: white !important;
}

/* General Text & Icon Font Colors */
.font-green {
	color: #34d4be !important;
}

/***********
Violet Colors
************/
/***
Violet Default
***/
/* Button */
.violet.btn {
	color: white;
	background-color: #da61ff;
	border-color: "";
}

.violet.btn:hover, .violet.btn:focus, .violet.btn:active, .violet.btn.active {
	color: white;
	background-color: #9e2ebf;
}

.open .violet.btn.dropdown-toggle {
	color: white;
	background-color: #9e2ebf;
}

.violet.btn:active, .violet.btn.active {
	background-image: none;
}

.open .violet.btn.dropdown-toggle {
	background-image: none;
}

.violet.btn.disabled, .violet.btn.disabled:hover, .violet.btn.disabled:focus, .violet.btn.disabled:active, .violet.btn.disabled.active, .violet.btn[disabled], .violet.btn[disabled]:hover, .violet.btn[disabled]:focus, .violet.btn[disabled]:active, .violet.btn[disabled].active, fieldset[disabled] .violet.btn,
	fieldset[disabled] .violet.btn:hover, fieldset[disabled] .violet.btn:focus, fieldset[disabled] .violet.btn:active, fieldset[disabled] .violet.btn.active {
	background-color: #da61ff;
}

.violet.btn .badge {
	color: #da61ff;
	background-color: white;
}

/* Button Strip */
.btn.violet-stripe {
	border-left: 3px solid #da61ff;
}

/* Portlet */
.portlet>.portlet-body.violet, .portlet.violet {
	background-color: #da61ff;
}

.portlet.solid.violet>.portlet-title, .portlet.solid.violet>.portlet-body {
	border: 0;
	color: white;
}

.portlet.solid.violet>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.violet {
	border: 1px solid #4bc75e;
	border-top: 0;
}

.portlet.box.violet>.portlet-title {
	background-color: #da61ff;
}

.portlet.box.violet>.portlet-title>.caption {
	color: white;
}

.portlet.box.violet>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.violet>.portlet-title>.actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #7ad588;
	color: #8ddc99;
}

.portlet.box.violet>.portlet-title>.actions .btn-default>i {
	color: #99dfa4;
}

.portlet.box.violet>.portlet-title>.actions .btn-default:hover, .portlet.box.violet>.portlet-title>.actions .btn-default:focus, .portlet.box.violet>.portlet-title>.actions .btn-default:active, .portlet.box.violet>.portlet-title>.actions .btn-default.active {
	border: 1px solid #a1e2ab;
	color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.violet {
	background-color: #da61ff;
}

.dashboard-stat.violet .visual>i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity =       30);
}

.dashboard-stat.violet .details .number {
	color: white;
}

.dashboard-stat.violet .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity =       80);
}

.dashboard-stat.violet .more {
	color: white;
	background-color: #309a41;
}

/* General Element */
.bg-violet {
	border-color: #da61ff !important;
	background-image: none !important;
	background-color: #da61ff !important;
	color: white !important;
}

/* General Text & Icon Font Colors */
.font-violet {
	color: #da61ff !important;
}

/***********
Blue Colors
************/
/***
Blue Default
***/
/* Button */
.blue.btn {
	color: white;
	background-color: #3badf2;
	border-color: "";
}

.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
	color: white;
	background-color: #0077bd;
}

.open .blue.btn.dropdown-toggle {
	color: white;
	background-color: #0077bd;
}

.blue.btn:active, .blue.btn.active {
	background-image: none;
}

.open .blue.btn.dropdown-toggle {
	background-image: none;
}

.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover,
	fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
	background-color: #3badf2;
}

.blue.btn .badge {
	color: #3badf2;
	background-color: white;
}

/* Button Strip */
.btn.blue-stripe {
	border-left: 3px solid #3badf2;
}

/* Portlet */
.portlet>.portlet-body.blue, .portlet.blue {
	background-color: #3badf2;
}

.portlet.solid.blue>.portlet-title, .portlet.solid.blue>.portlet-body {
	border: 0;
	color: white;
}

.portlet.solid.blue>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.blue {
	border: 1px solid #4bc75e;
	border-top: 0;
}

.portlet.box.blue>.portlet-title {
	background-color: #3badf2;
}

.portlet.box.blue>.portlet-title>.caption {
	color: white;
}

.portlet.box.blue>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.blue>.portlet-title>.actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #7ad588;
	color: #8ddc99;
}

.portlet.box.blue>.portlet-title>.actions .btn-default>i {
	color: #99dfa4;
}

.portlet.box.blue>.portlet-title>.actions .btn-default:hover, .portlet.box.blue>.portlet-title>.actions .btn-default:focus, .portlet.box.blue>.portlet-title>.actions .btn-default:active, .portlet.box.blue>.portlet-title>.actions .btn-default.active {
	border: 1px solid #a1e2ab;
	color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.blue {
	background-color: #3badf2;
}

.dashboard-stat.blue .visual>i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity =       30);
}

.dashboard-stat.blue .details .number {
	color: white;
}

.dashboard-stat.blue .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity =       80);
}

.dashboard-stat.blue .more {
	color: white;
	background-color: #309a41;
}

/* General Element */
.bg-blue {
	border-color: #3badf2 !important;
	background-image: none !important;
	background-color: #3badf2 !important;
	color: white !important;
}

/* General Text & Icon Font Colors */
.font-blue {
	color: #3badf2 !important;
}

/***********
Red Colors
************/
/***
Red Default
***/
/* Button */
.red.btn {
	color: white;
	background-color: #ff7373;
	border-color: "";
}

.red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
	color: white;
	background-color: #b82c2c;
}

.open .red.btn.dropdown-toggle {
	color: white;
	background-color: #b82c2c;
}

.red.btn:active, .red.btn.active {
	background-image: none;
}

.open .red.btn.dropdown-toggle {
	background-image: none;
}

.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover,
	fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
	background-color: #ff7373;
}

.red.btn .badge {
	color: #ff7373;
	background-color: white;
}

/* Button Strip */
.btn.red-stripe {
	border-left: 3px solid #ff7373;
}

/* Portlet */
.portlet>.portlet-body.red, .portlet.red {
	background-color: #ff7373;
}

.portlet.solid.red>.portlet-title, .portlet.solid.red>.portlet-body {
	border: 0;
	color: white;
}

.portlet.solid.red>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.red {
	border: 1px solid #4bc75e;
	border-top: 0;
}

.portlet.box.red>.portlet-title {
	background-color: #ff7373;
}

.portlet.box.red>.portlet-title>.caption {
	color: white;
}

.portlet.box.red>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.red>.portlet-title>.actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #7ad588;
	color: #8ddc99;
}

.portlet.box.red>.portlet-title>.actions .btn-default>i {
	color: #99dfa4;
}

.portlet.box.red>.portlet-title>.actions .btn-default:hover, .portlet.box.red>.portlet-title>.actions .btn-default:focus, .portlet.box.red>.portlet-title>.actions .btn-default:active, .portlet.box.red>.portlet-title>.actions .btn-default.active {
	border: 1px solid #a1e2ab;
	color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.red {
	background-color: #ff7373;
}

.dashboard-stat.red .visual>i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity =       30);
}

.dashboard-stat.red .details .number {
	color: white;
}

.dashboard-stat.red .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity =       80);
}

.dashboard-stat.red .more {
	color: white;
	background-color: #309a41;
}

/* General Element */
.bg-red {
	/* border-color: #ff7373 !important; */
	/* background-image: none !important; */
	/* background-color: #ff7373 !important; */
	/* color: white !important; */

}

/* General Text & Icon Font Colors */
.font-red {
	color: #ff7373 !important;
}

/***********
Orange Colors
************/
/***
Orange Default
***/
/* Button */
.orange.btn {
	color: white;
	background-color: #f79460;
	border-color: "";
}

.orange.btn:hover, .orange.btn:focus, .orange.btn:active, .orange.btn.active {
	color: white;
	background-color: #b05120;
}

.open .orange.btn.dropdown-toggle {
	color: white;
	background-color: #b05120;
}

.orange.btn:active, .orange.btn.active {
	background-image: none;
}

.open .orange.btn.dropdown-toggle {
	background-image: none;
}

.orange.btn.disabled, .orange.btn.disabled:hover, .orange.btn.disabled:focus, .orange.btn.disabled:active, .orange.btn.disabled.active, .orange.btn[disabled], .orange.btn[disabled]:hover, .orange.btn[disabled]:focus, .orange.btn[disabled]:active, .orange.btn[disabled].active, fieldset[disabled] .orange.btn,
	fieldset[disabled] .orange.btn:hover, fieldset[disabled] .orange.btn:focus, fieldset[disabled] .orange.btn:active, fieldset[disabled] .orange.btn.active {
	background-color: #f79460;
}

.orange.btn .badge {
	color: #f79460;
	background-color: white;
}

/* Button Strip */
.btn.orange-stripe {
	border-left: 3px solid #f79460;
}

/* Portlet */
.portlet>.portlet-body.orange, .portlet.orange {
	background-color: #f79460;
}

.portlet.solid.orange>.portlet-title, .portlet.solid.orange>.portlet-body {
	border: 0;
	color: white;
}

.portlet.solid.orange>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.orange {
	border: 1px solid #4bc75e;
	border-top: 0;
}

.portlet.box.orange>.portlet-title {
	background-color: #f79460;
}

.portlet.box.orange>.portlet-title>.caption {
	color: white;
}

.portlet.box.orange>.portlet-title>.caption>i {
	color: white;
}

.portlet.box.orange>.portlet-title>.actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #7ad588;
	color: #8ddc99;
}

.portlet.box.orange>.portlet-title>.actions .btn-default>i {
	color: #99dfa4;
}

.portlet.box.orange>.portlet-title>.actions .btn-default:hover, .portlet.box.orange>.portlet-title>.actions .btn-default:focus, .portlet.box.orange>.portlet-title>.actions .btn-default:active, .portlet.box.orange>.portlet-title>.actions .btn-default.active {
	border: 1px solid #a1e2ab;
	color: #b4e8bc;
}

/* Statistic Block */
.dashboard-stat.orange {
	background-color: #f79460;
}

.dashboard-stat.orange .visual>i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity =       30);
}

.dashboard-stat.orange .details .number {
	color: white;
}

.dashboard-stat.orange .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity =       80);
}

.dashboard-stat.orange .more {
	color: white;
	background-color: #309a41;
}

/* General Element */
.bg-orange {
	border-color: #f79460 !important;
	background-image: none !important;
	background-color: #f79460 !important;
	color: white !important;
}

/* General Text & Icon Font Colors */
.font-orange {
	color: #f79460 !important;
}

/* ****************************************** */
/* Pisa: assests/admin/pages/css/profile.css  */
/* ****************************************** */
.profile h1.profile-name+h4 {
	margin-top: 5px;
}

.profile-image {
	max-width: 100%;
	max-height: 150px;
	margin: 10px;
	border: 10px solid #EEE;
}

.profile-featured-info {
	padding-top: 15px;
	padding-bottom: 15px;
	border-left: 1px solid #EEE;
}

.profile-info h1 {
	margin-top: 20px;
}

table.profile-personal-details {
	width: 100%;
}

table.profile-personal-details td {
	padding: 0 20px 0 0;
}

.profile .mix-grid .mix .mix-details {
	background-color: #34d4be;
}

.profile .mix-grid .mix a.mix-link, .profile .mix-grid .mix a.mix-preview {
	background-color: #16a692;
	opacity: .5;
	/*border: 0;*/
	height: 44px;
	width: 44px;
	border-radius: 50% !important;
}

.profile .mix-grid .mix a.mix-preview {
	margin-left: -23px;
	margin-right: 0;
}

.profile .mix-grid .mix a.mix-link:hover, .profile .mix-grid .mix a.mix-preview:hover {
	opacity: 1;
	border-color: #16a692;
}

.profile .loading {
	color: #34d4be;
}


/***********
Black Colors
************/
/***
black Default
***/
/* Button */
.black.btn {
	color: white;
	background-color: #333;
	border: none;
	box-shadow: none
}

.black.btn:hover, .black.btn:focus, .black.btn:active, .black.btn.active {
	background-color: #666;
}

/**/
#upload_imageForm .image-container {
	background: #F0F0F0;
	padding: 10px;
}

#upload_imageForm .image-no-image {
	padding: 10px;
}

.widget-odontogram canvas {
  border: 1px solid #999;
  cursor: pointer;
}
.widget-odontogram .draw-tools a {
  height: 25px;
  width: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 50%;
}

.widget-odontogram .draw-tools a.active {
	border: 2px solid #000 !important;
}
.widget-odontogram #odontograma g {
	cursor: pointer
}

body .modal-backdrop, body .modal-backdrop.fade.in {
  opacity: 0.65;
}

.page-content-wrapper .page-content {min-height: inherit !important}