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

.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 {
	background: #f13e46 !important;
}
#popupHoursNonWork .modal-dialog .modal-content .modal-header {
	background: #f13e46 !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; }

#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>img {
	cursor: pointer;
}

#PatientCreatePopup .div-img #photo-text {
	font-size: 11px;
	background-color: #FFF !important;
	opacity: 0.8;
	margin-top: -65px;
	padding: 5px 9px 5px 5px;
	font-weight: bold;
	cursor: pointer;
}

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