/**********************************************************/
/* CABECERA		                                          */
/**********************************************************/
/* LOGO */
#mobile-menu-button {
	display: none;
}

.ui-menu .ui-menu-list .ui-widget-header {
	background-color: #0033A0 !important;
}

/* USER */
.user-header {
	float: right;
}

.user-header .userInfo {
	float: left;
	margin-top: 0.6em;
	margin-right: 1em;
}

.user-header .userInfo .miCuenta {
	float: right;
}

.user-header .ui-button {
	margin-top: 0.7em;
}

.user-header .userInfo .userTextInfo {
	margin-top: 0.5em;
	float: left;
}

#logo {
	background-color: #FFFFFF;
	border-right: none;
}

#logo img {
	height: 51px;
	max-width: 230px;
	margin: 2px;
	padding: 0px;
	padding-left: 16px;
	padding-top: 4px;
}

.Container100.Responsive100.header {
	display: none;
}

/**********************************************************/
/* 	MENU DESPLEGABLE		                              */
/**********************************************************/
.menu-dot {
	height: 40px;
	width: 40px;
	background-color: #e0e0e0;
	border-radius: 50%;
	display: inline-block;
	position: fixed;
	left: 205px;
	/*border: 1px solid #e0e0e0;  */
	z-index: -1;
	top: 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.menu-oppened .menu-dot.icon-double-arrow-left:before {
	font-size: 12px;
	position: relative;
	left: 24px;
	top: 14px;
	color: #5b4ba9;
}

.menu-closed .menu-dot.icon-double-arrow-left:before {
	font-size: 12px;
	position: relative;
	left: 24px;
	top: 14px;
	content: '\e901';
	color: #5b4ba9;
}

.ps-container.ps-in-scrolling {
	pointer-events: all !important;
}

/** MENU ICONS **/
#layout-menu-cover .control-panel-menu-item .icon-grid:before {
	content: '\e908';
	font-family: 'evidence', sans-serif !important
}

#layout-menu-cover .administration-menu-item .icon-grid:before {
	content: '\e904';
	font-family: 'evidence', sans-serif !important
}

#layout-menu-cover .visualization-menu-item .icon-grid:before {
	content: '\e906';
	font-family: 'evidence', sans-serif !important
}

#layout-menu-cover .logoutBut {
	margin-top: 1em;
}

.my-account-button {
	text-align: center;
	margin-top: 1em;
}

#layout-menu-cover ul i, #layout-menu-cover  ul span, #layout-menu-cover  ul a {
	color: #000;
}

#layout-menu-cover .layout-menu>li>a {
	padding: 12px 12%;
}

#layout-menu-cover .layout-menu li ul li a {
	padding: 9px 16%;
}

/**********************************************************/
/* USER INFO Y LOGOUT BUTTON                              */
/**********************************************************/
.userInfo {
	padding-top: 25px;
	text-align: center;
}

.logoutButton {
	padding-top: 25px;
	text-align: center;
}

/**********************************************************/
/* LOADER		                                          */
/**********************************************************/
.loader {
	width: 64px;
	height: 64px;
}

/**********************************************************/
/* CUERPO		                                          */
/**********************************************************/
#layout-portlets-cover {
	margin-left: 229px;
	padding: 1px 10px 50px 0px;
}

div.ui-steps li.ui-steps-item.ui-state-disabled a {
	opacity: 0.5;
}

/**********************************************************/
/* MENSAJES	Y DIALOG								      */
/**********************************************************/
.outer-div .ui-messages-error {
	margin: 0 !important;
}

.outer-div .errors-div .ui-messages ul {
	margin-left: 0px !important;
	margin-top: 0px !important;
	padding-bottom: 0px !important;
}

.outer-div .errors-div .ui-messages-error, .errors-div .ui-message-error {
	font-size: 10px;
}

.outer-div .errors-div .ui-messages-error .ui-messages-error-summary {
	position: absolute;
	font-size: 12px;
}

.outer-div {
	min-height: 77px;
	padding: 0px 0px 2px 0px !important;
}

.ui-steps {
	min-height: auto;
}

/* COLOR PANTONE 286c/hover */
.ui-button.ui-state-hover, .ui-buttonset .ui-state-hover {
	background-color: #5D71A5 !important;
}

.ui-button {
	background-color: #5b4ba9 !important;
}

.ui-panel .ui-panel-titlebar {
	background-color: #5b4ba9 !important;
}

/* AJUSTE HEADER WIZARD */
div.ui-outputpanel.ui-widget.Container75.Responsive100 {
	width: 100%;
	margin-top: 9px;
}

.ui-outputpanel.ui-widget.Container25.Responsive.outer-div.role .ui-outputpanel.ui-widget.component-div {
	width: 100%;
	float: left;
}

/*AJUSTES MORADO RESMD*/
.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus {
	border-bottom: solid 1px #F0AD4E !important;
	color: #F0AD4E !important;
}

div.loginForgotPassword .RedButton:hover {
	background-color: #91c94c
}

div.loginForgotPassword .RedButton {
	background-color: #76b729;
	transition: all 0.2s ease;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease;
	transition-delay: initial;
	transition: all 0.2s ease;
}

.textLogin {
	font-weight: bold !important;
	font-size: 18px;
	color: #5b4ba9;
}

.ui-selectonemenu.ui-state-hover, .ui-selectcheckboxmenu:hover {
	border-bottom: solid 1px #F0AD4E !important;
}

.ui-datepicker-calendar tbody tr td:hover {
	background-color: #5b4ba9;
	border: solid 1px #5b4ba9;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus,
	.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover, .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
	border-bottom: solid 1px #5b4ba9 !important
}

.ui-datepicker-calendar tbody tr .ui-datepicker-current-day {
	background-color: #5b4ba9;
	border: solid 1px #5b4ba9;
}

.ui-radiobutton .ui-state-hover, .ui-radiobutton .ui-state-active {
	border: solid 2px #5b4ba9 !important;
}

.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet {
	background-color: #5b4ba9;
}

.ui-commandlink {
	color: #5b4ba9 !important;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today {
	background-color: #ffffff;
	border: solid 1px #5b4ba9;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today {
	background-color: #ffffff;
	border: solid 1px #5b4ba9;
}

.ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
	background-color: #f5f5f5;
	border: solid 1px #e3daf7;
	color: #5b4ba9;
}

.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight {
	color: #F0AD4E !important;
}

.ui-selectonemenu.ui-state-focus, .ui-selectcheckboxmenu.ui-state-focus {
	border-bottom: solid 1px #5b4ba9 !important;
}

.ui-tabs-top .ui-tabs-nav {
	background-color: #ffffff;
	border-bottom: solid 2px #5b4ba9;
}

.ui-tabs-top .ui-tabs-nav li a {
	color: #5b4ba9 !important;
	font-weight: bold
}

.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active {
	color: #F0AD4E !important;
	border-bottom: solid 5px #F0AD4E !important;
}

.ui-tabs-top .ui-tabs-nav li.ui-state-hover a {
	color: #5b4ba9 !important;
	border-bottom: solid 5px #5b4ba9 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	color: #F0AD4E !important;
	font-weight: bold;
}

.ui-tabs-top .ui-tabs-nav {
	background-color: #ffffff;
	border-bottom: solid 2px #5b4ba9;
	height: 60px;
}

.ui-panel .ui-panel-titlebar {
	margin: 0;
}

.ui-panel {
	padding: 0 !important;
}

.ui-panel .ui-panel-content.ui-widget-content .ui-outputpanel.ui-widget.altaEdicion.ContainerIndent {
	padding: 0 !important;
}

.ui-panel .ui-panel-content.ui-widget-content {
	padding: 0 !important;
}

.ui-datatable table tbody .ui-state-highlight>td {
	background-color: #F0AD4E;
}

.ui-datatable .ui-datatable-odd {
	background-color: #e2ddef;
}

.ui-datatable table tbody tr td, .ui-datatable table thead tr th, .ui-datatable table tfoot tr td, .ui-datatable table thead tr th {
	border: solid 1px #cdc5e0 !important;
}

.ui-datatable table tbody .ui-state-hover>td {
	background-color: #5b4ba9;
	color: #ffffff
}

.ui-fieldset-content {
	padding-right: 10px;
}

/**********************************************************/
/* GR�FICAS          								      */
/**********************************************************/
.pieChart {
	width: 100%;
	height: 500px;
	background-color: white;
}

.homeTitle {
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 20px
}

label.homeTitleText {
	font-weight: bold !important;
	font-size: 25px;
	color: #5b4ba9;
	text-align: center;
}

#layout-portlets-cover .homePnl {
	background-color: white;
}

/**********************************************************/
/* PANTALLA NGS                                           */
/**********************************************************/
.ngsStudyTitle {
	font-weight: bold;
	font-size: 18px;
}

.ui-paginator .ui-paginator-current {
	font-size: 15px;
	color: #546e7a;
	padding: 10px;
	font-size: 15px;
	color: #546e7a;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page {
	color: #455a64;
	font-size: 16px;
}

/**********************************************************/
/* DIALOGO TRANSFUSION                                    */
/**********************************************************/
.transfusionDialog .transfusion .transfusionTitles {
	margin-top: 20px;
	margin-bottom: 10px;
}

.transfusionDialog .transfusion .transfusionTitles label {
	font-weight: bold !important;
	font-size: 18px;
}

/**********************************************************/
/* TABLA FARMACOS DE TRATAMIENTO                          */
/**********************************************************/
.treatDrugDataList .listOfValuesCustom .drugNameCombo {
	width: 280px;
}

.treatDrugDataList .listOfValuesCustom .drugCombos {
	width: 75px;
}

.treatDrugDataList .drugNameColumn {
	width: 35%;
}

.treatDrugDataList .drugColumns {
	width: 10%;
}

.treatmentDrugInput input {
	width: 100%;
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil {
	background: none transparent !important;
	color: #ffffff;
	text-indent: initial;
	/* display: inline-block; */
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	text-align: center;
	padding-left: 10px !important;
	display: inline-block;
	background-color: #5b4ba9 !important;
	padding: 10px 0px !important;
	-webkit-border-radius: 30px !important;
	/*text-indent: -9999999px;*/
	outline: none;
	text-decoration: none;
	font-size: 16px;
	/*font-family: 'roboto_condensedregular';*/
	width: 2.4em;
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
	content: "\f040";
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:hover {
	font-weight: bold;
}

/**********************************************************/
/* TABLA CICLOS DE TRATAMIENTO                          */
/**********************************************************/
.treatCycleDataList .listOfValuesCustom .drugNameCombo {
	width: 280px;
}

.treatCycleDataList .listOfValuesCustom .cycleCombos {
	width: calc(100% - 56px);
	min-width: unset !important;
}

.treatCycleDataList .cycleNumberColumn {
	width: 3%;
}

.treatCycleDataList .cycleColumns {
	width: 10%;
}

.treatmentCycleCalendarInput {
	width: 100px;
}

.treatmentCycleCalendarInput input {
	width: 100px;
}

.treatmentCycleInput input {
	width: 35px;
}

.treatmentComplicationCalendarInput {
	width: 100px;
}

.treatmentComplicationCalendarInput input {
	width: 90px;
}

.treatmentComplicationCycleCalendarInput {
	width: 100px;
}

.treatmentComplicationCycleCalendarInput input {
	width: 90px;
}

/**********************************************************/
/* TEXTOS DESTACADOS                                      */
/**********************************************************/
.notedText {
	font-size: 16px;
	font-weight: bold;
}

.ui-tooltip {
	max-width: 700px;
	white-space: pre-wrap;
}