/* Common borders */

.popupAddCriteria,
.m4-table-iconFilter-container,
.m4-findfilter-content,
.m4-blind-box,
.m4-person-info.popup,
.m4-form,
.m4-xBoxGrid-container-adjustCoordinate {
	padding: 16px;
	border: 10px solid #bdc4db;
	background-color: #fafafa;
}

.m4-filterQBF,
.m4-findfilter-content {
	padding: 16px;
	border: 1px solid #7f9db9;
	background-color: #f0f0f0;
}


/* POPUP WINDOW
 --------------------------------------------------- */


/* Common Popup */

.m4-popUp {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	/* OJO no subir más */
	background-color: rgba(0, 0, 0, 0.5);
}

.shadowPopup {
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
}


/* Width Especific PopUp */

.popupInfoCriteria {
	min-width: 60%!important;
}

.m4-popUpWindow,
#m4-popUp .m4-form,
#m4-popUp .popupAddCriteria,
#containerPopUp .popupAddCriteria,
#containerPopUp .m4-form,
.m4-person-info.popup {
	top: 20%;
	left: 20%;
	min-width: 300px;
	max-width: 70%;
	z-index: 101;
	overflow: auto;
	max-height: 80%;
}

#m4-popUp .popupAddCriteria {
	min-width: 70%;
}

.m4-titlePopup,
.popupInfoCriteria .spnHDTitleEval {
	width: calc(100% - 15px);
	margin: 0 0 12px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.m4-subTitlePopup {
	display: block;
	width: 100%;
	margin: 0 0 6px 0;
	text-align: justify;
}

.m4-textAreaPopup,
.touchDevice .m4-textAreaPopup {
	overflow: auto;
	width: 100%!important;
	padding: 6px;
	min-height: 90px;
}

.m4-closePopup,
.m4-maximizePopup {
	position: absolute;
	top: 0;
	z-index: 999;
	/* Evitamos que se superponga alguna capa al botón de cerrar */
}

html[dir="ltr"] .m4-closePopup {
	right: 0;
}

html[dir="rtl"] .m4-closePopup {
	left: 0;
}

html[dir="ltr"] .m4-maximizePopup {
	right: 24px;
}

html[dir="rtl"] .m4-maximizePopup {
	left: 24px;
}

.m4-closePopup.imgAction,
.m4-maximizePopup.imgAction {
	cursor: pointer;
	padding: 4px;
	width: 24px;
	height: 24px;
}

.touchDevice .m4-closePopup.imgAction,
.touchDevice .m4-maximizePopup.imgAction {
	padding: 8px;
	width: 32px;
	height: 32px;
}

.popupInfoCriteria #divBackContent {
	display: none;
}

.popupInfoCriteria #divHeaderEval {
	position: static!important;
	width: 100%!important;
}

.popupInfoCriteria #divBodyTmpl {
	position: static!important;
	width: 100%!important;
}

.popupInfoCriteria textarea#divBodyTmpl {
	overflow: auto;
	width: 100%!important;
	resize: none;
	padding: 6px;
	margin-bottom: 6px;
}

.popupInfoCriteria #divBodyTmpl .dvBdSubTitle {
	margin-top: 12px;
}

.popupInfoCriteria #divBodyTmpl .spnBdTitleEval {
	width: 100%!important;
	margin-right: 6px;
}

.popupInfoCriteria #divBodyTmpl .spnBdTitleEvalTxt {
	font-weight: bold;
}

.popupInfoCriteria #divBodyTmpl .dvBdDesc {
	margin: 4px 0;
}

.popupInfoCriteria #divTableEval #tableEval {
	width: 100%!important;
	padding-top: 12px;
}

.popupInfoCriteria #divTableEval #tableEval #tdtheadTableEval1,
.popupInfoCriteria #divTableEval #tableEval #tdtheadTableEval2 {
	border-right: #ffffff 1px solid;
	text-align: center;
	color: #ffffff;
	background-color: #7B93AF;
	border-collapse: collapse;
	border-bottom: medium none;
	padding: 3px;
}

.popupInfoCriteria #divTableEval #tableEval #tdtheadTableEval1 {
	width: 30%!important;
}

.popupInfoCriteria #divTableEval #tableEval #tdtheadTableEval2 {
	width: 70%!important;
}

.popupInfoCriteria #divTableEval #tableEval #tbodyTableEval tr td {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	padding: 4px;
}

.popupInfoCriteria #divTableEval #tableEval #tbodyTableEval tr td.tdtbody1,
.popupInfoCriteria #divTableEval #tableEval #tbodyTableEval tr td.tdtbody2 {
	white-space: pre-wrap;
}


/* FIND FILTER
 --------------------------------------------------- */

.m4-findFilter-titleBar-content {
	display: flex;
}

.m4-findfilter-content {
	width: auto;
	max-width: 60%;
	height: auto;
	margin: 0 30%;
	display: table;
	position: fixed;
	top: 32px;
	/*left: 0px;*/
	z-index: 9999;
	display: none;
}

.m4-form-table-findfilter.m4-form-table {
	margin: 0;
	width: 100%;
}

.m4-form-table-findfilter-select {
	width: 100%;
}


/* DYNAMIC LIST
 --------------------------------------------------- */

.scoDynamicList,
ul.scoDynamicList {
	position: absolute;
	border: 1px solid #7f9db9;
	display: none;
	overflow: auto;
	background: #fff;
}

ul.scoDynamicList {
	border-top: none;
	text-align: left;
}

ul.scoDynamicList li {
	padding: 6px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.scoDynamicList li:only-child,
html:not(.touchDevice) ul.scoDynamicList li:only-child:hover,
html:not(.touchDevice) ul.scoDynamicList li:only-child.hover {
	color: #0060c9!important;
}

html:not(.touchDevice) ul.scoDynamicList li:hover,
html:not(.touchDevice) ul.scoDynamicList li:hover {
	cursor: pointer;
	background-color: #d5eaf9!important;
	color: #333333!important;
}

input.scoInvalidValue,
input.invalidValue,
input.meta4calendar.meta4invalid,
.invalidValue,
.m4-search-invalidValue {
	border-color: #F05044!important;
}

input.meta4invalid {
	background-color: inherit!important;
}


/* M4 DIV INITIAL LOADING
 --------------------------------------------------- */

.m4-div-initialLoading {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 200px;
	height: 200px;
}

.m4-div-textLoading {
	display: table-row;
	text-align: center;
	position: absolute;
	top: 0;
	height: 200px;
	width: 200px;
}

.m4-textLoading {
	font-size: 25px;
	color: #196988;
	display: table-cell;
	text-align: center;
	width: 200px;
	height: 200px;
	vertical-align: middle;
	padding: 0 30px;
	text-transform: none;
}

.m4-div-initialLoading svg {
	display: block;
	margin: auto;
	width: 200px;
	height: 200px;
}

.m4-div-initialLoading svg circle {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 0.2s linear;
	stroke-width: 13px;
}

.m4-div-initialLoading svg .m4-initialLoading-bar {
	stroke: #196988;
}


/* SHOW MORE INFO
 --------------------------------------------------- */

.showMoreInfo,
.m4-titleBar-panelInfo {
	float: left;
	width: 100%;
	position: relative;
	color: #DADAEA;
	text-align: left;
	padding: 8px;
}

.showMoreInfo {
	display: none;
}

.showMoreInfo,
.m4-titleBar-panelInfo,
table.m4-table.readOnlyTable tr.showMoreInfo {
	background-color: #3e4753;
}

table.m4-table.readOnlyTable tr.showMoreInfo {
	display: table-row;
}

.showMoreInfo {
	padding: 0;
}

.m4-titleBar-panelInfo {
	margin-top: 8px;
}

.touchDevice .m4-titleBar-panelInfo {
	margin-top: 11px;
	/* FIX Ipad */
}

.showMoreInfo #close,
.m4-titleBar-panelInfo #closeInfo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
	padding: 4px;
	opacity: 0.6;
	transition: all 0.4s ease-in 0s;
}

html:not(.touchDevice) .showMoreInfo #close:hover,
html:not(.touchDevice) .m4-titleBar-panelInfo #closeInfo:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.4);
	opacity: 0.8;
}

.showMoreInfo>div {
	padding: 0 16px 16px 16px;
}

.showMoreInfo>div.showMoreInfoFooter {
	padding: 8px;
}

.showMoreInfo h3,
.m4-titleBar-panelInfo h3,
.m4-block:not(.m4-flex) .showMoreInfo h3 {
	color: #D2EBFF;
	margin: 12px 0px;
	margin-bottom: 11px; /* 12px -1px border bottom = 11px */
	border-bottom: 1px solid #7B7D96;
}

.showMoreInfo .commentTable {
	display: table;
	table-layout: fixed;
}

.showMoreInfo pre,
.showMoreInfo .rowDetail {
	display: table-row;
}

.showMoreInfo .rowDetail>* {
	display: table-cell;
	padding: 4px 0;
}

.showMoreInfo pre p {
	display: table-cell;
}

.showMoreInfo p.labelDetail,
.m4-titleBar-panelInfo span {
	color: #fad6f7;
	padding-right: 8px;
}

.showMoreInfo p.labelDetail {
	text-align: right;
}

.showMoreInfo p.dataDetail,
.m4-titleBar-panelInfo p {
	color: #DADAEA;
	white-space: pre-wrap;
	/* SE ACTIVA MIRAR COMENTS POOLS */
}

.m4-titleBar-panelInfo p {
	margin-bottom: 4px;
}

.m4-titleBar-panelInfo p.infoDates {
	color: #cde77c;
}

.m4-titleBar-content .empty,
.m4-titleBar-content .verticalCenter.hidden+.sepVertical {
	display: none;
}


/**************************** start m4-titleBar **********************************************/

.m4-titleBar {}

.m4-titleBar .m4-titleBar-content {
	width: 100%;
	line-height: 0;
	height: 24px;
	padding: 0 8px;
}

.touchDevice .m4-titleBar .m4-titleBar-content {
	height: 32px;
}

.m4-titleBar [class^="m4-titleBar-content"] {
	display: flex;
	align-items: center;
}

.m4-titleBar [class^="m4-titleBar-content"].empty,
.m4-titleBar [class^="m4-titleBar-content"] .verticalCenter.hidden+.sepVertical {
	display: none;
}

.m4-titleBar-search {
	width: 275px;
	border-top: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
	border-bottom: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	background: #fff;
	color: #666;
	margin: 0;
	padding-left: 5px;
	vertical-align: middle;
	background-size: 16px 16px !important;
	/* FIX IE */
}

html[dir="ltr"] .m4-titleBar-content-right {
	margin-left: auto;
}

html[dir="rtl"] .m4-titleBar-content-right {
	margin-right: auto;
}


/* Añadimos un separador si tenemos filtros y algún elemento más */

.sepVertical,
.m4-titleBar-content-right .verticalCenter:not(:only-child):first-child .m4-titleBar-content:after,
.m4-titleBar-content-right .verticalCenter:not(:only-child):last-child .m4-titleBar-content:before {
	height: 24px;
	width: 2px;
	background: -moz-linear-gradient(left, rgba(208, 208, 208, 1) 0%, rgba(208, 208, 208, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(208, 208, 208, 1)), color-stop(50%, rgba(208, 208, 208, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(208, 208, 208, 1) 0%, rgba(208, 208, 208, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(208, 208, 208, 1) 0%, rgba(208, 208, 208, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(208, 208, 208, 1) 0%, rgba(208, 208, 208, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to right, rgba(208, 208, 208, 1) 0%, rgba(208, 208, 208, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
	/* W3C */
}

html[dir="ltr"] .sepVertical {
	margin-left: 3px;
	margin-right: 7px;
}

html[dir="rtl"] .sepVertical {
	margin-right: 3px;
	margin-left: 7px;
}

.m4-titleBar-content-right .verticalCenter:not(:only-child):first-child .m4-titleBar-content:after,
.m4-titleBar-content-right .verticalCenter:not(:only-child):last-child .m4-titleBar-content:before {
	content: '';
}


/* FIX IE 11 */

.m4-titleBar-search,
.m4-table-search input {
	background-size: 16px 16px!important;
}


/* END FIX IE 11 */

.m4-titleBar .verticalCenter {
	line-height: 0;
}

html[dir="ltr"] .m4-titleBar .verticalCenter>* {
	margin-right: 4px;
}

html[dir="rtl"] .m4-titleBar .verticalCenter>* {
	margin-left: 4px;
}

.m4-titleBar .verticalCenter.toTop {
	vertical-align: top;
}

.m4-titleBar .verticalCenter .imgAction.active {
	background-color: rgba(0, 0, 0, 0.1);
}

.touchDevice .sepVertical {
	height: 32px;
}

.m4-titleBar #pageTitle {
	max-width: 500px; /* 0313060 */
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.touchDevice .m4-titleBar #pageTitle {
	line-height: 32px;
}

.m4-titleBar #pageSubtitle {
	font-size: 20px;
}

.m4-titleBar .meta4-widget-select {
	min-width: 240px;
	max-width: 480px; /* 0308600 */
}

.meta4-widget-select {
	position: relative;
	max-width: 100%;
	align-items: center;
	background-color: #eef0f5;
}

.meta4-widget-select:not(.hidden) {
	display: inline-flex!important;
}

html:not(.touchDevice) .meta4-widget-select:hover {
	cursor: pointer;
}

.meta4-widget-select>.text {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-transform: uppercase;
}

html[dir="ltr"] .meta4-widget-select>.text {
	padding-left: 8px;
}

html[dir="rtl"] .meta4-widget-select>.text {
	padding-right: 8px;
}

.touchDevice .meta4-widget-select>.text,
.touchDevice .meta4-widget-select>.text>span {
	line-height: 32px;
}

.m4-titleBar .m4-titleBar-search {
	border: 1px solid #7f9db9;
	padding: 3px;
	background-color: rgb(255, 255, 255);
	background-repeat: no-repeat;
	-ms-background-position-y: center;
	max-width: 150px;
}

html[dir="ltr"] .m4-titleBar .m4-titleBar-search {
	background-position: 97% 50%!important;
	-ms-background-position-x: right!important;
}

html[dir="rtl"] .m4-titleBar .m4-titleBar-search {
	background-position: 3% 50%!important;
	-ms-background-position-x: left!important;
}

.m4-titleBar .m4-titleBar-search::-ms-clear {
	display: none;
}

.m4-titleBar .m4-titleBar-content .m4-titleBar-content {
	padding: 0;
}

#divFind .m4-titleBar-content {
	width: 100%;
}

.verticalCenter input.meta4calendar {
	margin-right: 4px;
	float: none;
	display: inline-block;
	padding: 2px;
}

.verticalCenter button.meta4calendar {
	display: inline-block;
	float: none;
	vertical-align: middle;
}

.toolbarSearch,
.m4-searchBar {
	position: relative;
	padding: 0 16px;
	height: 32px;
	border-bottom: 1px solid #babdc7;
	background-color: #F4F4F4;
	display: flex;
	align-items: center;
}

.toolbarSearch input:not([type="checkbox"]),
.m4-searchBar input:not([type="checkbox"]) {
	width: 275px;
	border-top: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
	border-bottom: 1px solid #ccc8;
	border-right: 1px solid #ccc8;
	background: 99% 50% / 16px no-repeat rgb(255, 255, 255);
	color: #666;
	margin: 3px 0;
	padding-left: 5px;
	vertical-align: middle;
	height: 22px;
	float: left;
}

.toolbarButtom {
	position: relative;
	top: -3px;
}

.toolbarButtom,
.m4-searchBar-divIcon {
	margin-left: auto;
	display: flex;
}

.toolbarButtom img,
.m4-searchBar-divIcon img {
	margin-left: 4px;
	float: right;
}

.m4-titleBar input,
.m4-titleBar input.m4-titleBar-search,
.m4-titleBar input.meta4calendar,
.m4-titleBar select,
.m4-titleBar div.meta4-widget-select.m4-native-select {
	height: 24px;
}

.m4-titleBar div.meta4-widget-select.m4-native-select:not(.typeH2)>.text {
	line-height: 26px;
}

.m4-titleBar div.meta4-widget-select.m4-native-select:not(.typeH2)>.imgIcon {
	width: 28px;
	height: 28px;
	padding: 6px;
}

.m4-titleBar .titleBar-link {
	padding: 6px 6px 7px 6px;
}

.m4-titleBar .transparent {
	padding: 0 12px;
}

.m4-titleBar .icons-right {
	position: absolute;
	top: calc(50% - 11px);
	padding: 0 12px;
}


/* TOOLBAR COLLAPSE */

.m4-titleBar-not-enough-space.m4-titleBar .m4-widgetButton.default.imgAction {
	padding: 0;
	min-width: 24px;
}

.m4-titleBar-not-enough-space.m4-titleBar .m4-widgetButton.default .m4-widgetButton-text {
	display: none;
}

.m4-titleBar-not-enough-space.m4-titleBar .m4-grouped-actions .m4-widgetButton.default .m4-widgetButton-text {
	display: inline-block;
}

.m4-titleBar-not-enough-space.m4-titleBar .icons-right {
	top: calc(50% - 14px);
}

.m4-titleBar-not-enough-space.m4-titleBar .m4-widgetButton.default.disabled {
	padding: 6px;
}


/**************************** end m4-titleBar *******************************************/


/**************************** start meta4.widget.table *******************************************/


/** default class*/

.m4-table {
	width: 100%;
	text-align: left;
	border-spacing: 0;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	margin: 0px;
	table-layout: fixed;
}

.m4-table.auto {
	table-layout: auto;
}

.m4-table,
td.column-no-delete-register {
	background-color: #fafafa;
}

.m4-table .alignLeft {
	text-align: left;
}

.m4-table .m4-table-imgAction {
	margin: 3px 0 0 0;
	height: 16px;
	width: 16px;
}

.touchDevice .m4-table .m4-table-imgAction,
.touchDevice .m4-table .m4-ss_table-edit-Icon {
	visibility: visible!important;
}

.m4-table-resizable-column {
	position: absolute;
	right: -6px!important;
	top: 0;
	left: auto!important;
	width: 12px;
	height: 100%;
	cursor: e-resize;
	z-index: 8;
	/* 0292611 */
	background-color: rgba(255, 255, 255, 0);
}

.touchDevice .m4-table-resizable-column {
	margin: 0!important;
	/*background-color: rgba(255, 255, 255, 0.5);*/
}

.m4-table-lockEvents {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 7;
	opacity: 0;
}

html:not(.touchDevice) .m4-table-resizable-column:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

.noResizable .m4-table-resizable-column {
	display: none;
}

.m4-table-iconFilter-icon {
	position: relative;
}

.m4-table-iconFilter-container {
	position: absolute;
	top: 50px;
	left: -50px;
	width: auto;
	height: auto;
	margin: 0 30%;
	display: table;
	display: none;
	z-index: 9999;
}

.m4-table-no-data-available {
	text-align: center;
	width: 100%;
}

.m4-table-no-data-available td {
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

.m4-table-no-data-available td .no-data-available {
	margin: 4px 0;
	margin-bottom: 3px;
}

.m4-table thead th {
	position: relative;
	border-right: white 1px solid;
	color: white;
	background-color: #1f82a9;
	border-collapse: collapse;
	border-bottom: medium none;
	padding: 0 4px;
}

html[ie-version="ie11"][dir="ltr"] .m4-table thead th:not(.m4-textCenter) {
	text-align: left;
}

html[ie-version="ie11"][dir="rtl"] .m4-table thead th:not(.m4-textCenter) {
	text-align: right;
}

.m4-table thead tr th:last-child {
	border-right: none;
}

.m4-table thead th label {
	line-height: 24px;
}

.touchDevice .m4-table thead th label {
	line-height: 32px;
}

/* m4 table list */

.m4-table-list thead {
	display: none;
}

.m4-table-list td:nth-child(1) {
	width: 28px;
}

.m4-table-list .iconState {
	/*	position: absolute;
	right: 1px;
	top: 0px;
	height:16px;
	width:16px;*/
	align-self: flex-start;
	margin-left: auto;
	margin-top: 4px;
	margin-right: 4px;
}

.m4-table-list .divNote {
	padding: 0 4px;
	width: 100%;
	margin-top: auto;
	background-color: #e6e8eb;
	height: 16px;
}

.m4-table-list .divNote label {
	color: #fff;
	text-align: center;
	/*font-size: 11px;*/
	width: 100%;
	margin-left: 0px;
}

.m4-table-list .divNote.blue {
	background-color: #3e4753;
}

.m4-table-list .m4-widgetButton-img .imgButton {
	vertical-align: middle;
	float: right;
}

.m4-table-list.m4-table-header:not(.action-bar-item) {
	line-height: 0;
	padding-bottom: 8px;
}

.m4-table-list.m4-table-header h2,
.m4-table-list.m4-table-header h3 {
	color: #ffffff;
}

.m4-table-list.m4-table-header h3 {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

html:not(.touchDevice) .m4-table-list.m4-table-header .m4-widgetButton[nodename="h3"].imgAction:hover {
	background-color: transparent;
}

html:not(.touchDevice) .m4-table-list.m4-table-header .m4-widgetButton.imgAction:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

html:not(.touchDevice) .m4-table-list.m4-table-header .m4-widgetButton.imgAction:hover h2 {
	color: rgb(243, 237, 237);
}


/* Use to icon*/

.m4-table thead th.m4-table-th-icon {
	width: 30px;
	border-right: none;
}

.m4-table tbody td.m4-table-td-icon {
	width: 30px;
	text-align: center;
	line-height: normal;
	vertical-align: middle;
}

.m4-table tbody tr td label.maxIcon {
	max-width: calc(100% - 22px);
}

.m4-table thead tr th label {
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

.m4-table td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: #d3d7db 1px solid;
	vertical-align: middle;
	line-height: 0;
	/* fix espacios en blanco */
}

.m4-table td:not(.inheritPadding) {
	padding: 4px 4px;
	padding-bottom: 3px;
	/* 4px - 1px border = 3px */
}

.m4-table td.columnIco {
	text-align: center;
}

.m4-table .m4-tdWrap {
	white-space: normal;
}


/* m4tableCaption */

.m4-table caption.h3 {
	padding: 8px 0;
}


/* m4tableFoot */

.m4-table .m4tableFoot {
	background-color: #ffffff;
}

.m4-table .m4tableFootPage,
.m4-table .m4tableFootGoto {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 0 6px;
}

.m4-table .m4tableFootPage {
	color: #333333;
}

.m4-table .m4tableFoot input {
	color: #333333;
	width: 25px;
	text-align: center!important;
}

.m4tableFootGoto {
	padding-top: 4px;
}

.m4tableFootGoto > * {
	vertical-align: bottom;
}


/** default class, to div header*/

.m4-table-header {
	vertical-align: middle;
	overflow: hidden; /* BUG cuando hay buttons en las cabeceras como en evaluación */
}

.m4-table-header:not(.m4-table-list) .m4-widgetButton-noImage .m4-widgetButton-text > * {
	margin: 0;
	margin-bottom: 4px;
	line-height: 24px;
}

.touchDevice .m4-table-header:not(.m4-table-list) .m4-widgetButton-noImage .m4-widgetButton-text > * {
	line-height: 32px;
}

html[dir="ltr"] .m4-table-header.headerToRight {
	position: absolute;
	top: 0;
	width: auto;
	padding: 0;
}

html[dir="ltr"] .m4-table-header.headerToRight {
	right: 0;
}

html[dir="rtl"] .m4-table-header.headerToRight {
	left: 0;
}

html:not(.touchDevice) .m4-table>tbody>tr:hover>td,
html:not(.touchDevice) .m4-table>tbody>tr.m4-table-delete-register:hover>td.column-no-delete-register,
html:not(.touchDevice) .m4-table.readOnlyTable tr:hover td,
html:not(.touchDevice) .m4-table>tbody>tr:hover>td .m4-table>tbody>tr:hover>td {
	background-color: #f3f8fb;
}

html:not(.touchDevice) .m4-table tr:hover td.noTrHover,
html:not(.touchDevice) .m4-table tr:hover td.columnIco.alert,
html:not(.touchDevice) .m4-table>tbody>tr.m4-table-delete-register:hover>td,
html:not(.touchDevice) .m4-table .m4-table-group:hover td,
html:not(.touchDevice) .m4-table .m4-table-tr-special:hover td,
html:not(.touchDevice) .m4-table .m4-table-tr-special.showMoreInfo:hover td,
html:not(.touchDevice) .m4-table .m4-table-no-data-available:hover td,
html:not(.touchDevice) .m4-table tr:hover td .m4-table tr td {
	background-color: transparent;
}

.m4-table-header-divIcon {
	width: 16px;
}

.m4-table-header-divLabel label,
.m4-table-header-divIcon img {
	vertical-align: middle;
}

.m4-table-header-divTitle {
	display: table;
}

.m4-table-header-divLabel,
.m4-table-header-divIcon {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.m4-table-td-disabled {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10000000;
	background-color: #d1d2d7;
	opacity: 0.5;
}

.m4-widgetButton.spanCommentGlobal,
.m4-widgetButton.spanNewObjective {
	float: right;
	margin-right: 0;
}


/* IMPORTANT  ESTO SOLO ESTABA EN APRAISAL PERO SE OBSERVA QUE EN LA VACANTE SE NECESITA 0298975 */

.textAreaComment-table pre.m4-comment {
	height: auto;
	min-height: 0;
	padding: 12px!important;
	max-height: 100%;
	background-color: #3e4753!important;
}


/* END -> IMPORTANT  ESTO SOLO ESTABA EN APRAISAL PERO SE OBSERVA QUE EN LA VACANTE SE NECESITA 0298975 */

.m4-table-tr-special p {
	color: #dadaea;
	white-space: normal;
}

.m4-table-tr-special span {
	font-weight: bold;
}

.m4-table-tr-special textarea {
	color: #333333;
	width: 100%;
	resize: vertical;
	background-color: #ffffff;
}

.m4-table-tr-special textarea[readonly],
.m4-table-tr-special .textAreaComment-table pre.m4-comment {
	color: #dadaea!important;
	/*background: none!important;*/
	/* IMPORTANT  ESTO SOLO ESTABA EN APRAISAL PERO SE OBSERVA QUE EN LA VACANTE SE NECESITA 0298975 */
}


/** table group*/

.m4-table .m4-table-group {
	background-color: #e5e6eb;
	/*#c0cbd8*/
	color: #445569;
	/*233b57*/
}

html:not(.touchDevice) .m4-table .m4-table-group:hover *:not(input):not(td) {
	cursor: pointer;
	opacity: 0.8;
}

.m4-table .m4-table-group td label {
	line-height: 23px;
	/* 24px - 1px border botom = 23px */
}


/* table fixed */

.m4-table-fixed {
	position: relative;
}

.m4-table-fixed thead.m4-absolute,
.m4-table-fixed thead.m4-absolute tr {
	display: block;
}

.m4-table-fixed thead.m4-absolute th {
	display: inline-block;
	vertical-align: top;
	height: 100%;
}

.m4-table-fixed thead.m4-absolute th tr td {
	width: 100%;
}


/* table indent */

.m4-table-indent1 tr td {
	padding-left: 12px;
}

.m4-table-indent2 tr td {
	padding-left: 24px;
}

.m4-table-indent3 tr td {
	padding-left: 36px;
}


/** table search */

.m4-table-search input {
	width: 100%;
}

.m4-DivSearchTable {
	width: 95%;
}

.m4-table-marginLeft {
	margin-left: 24px;
	padding-top: 8px;
	padding-bottom: 12px;
}

table.m4-table tr.m4-table-addRegister,
table.m4-table.readOnlyTable tr.m4-table-addRegister {
	background-color: #ebedf0;
}


/* start reading table*/

table.m4-table.readOnlyTable {
	text-align: left;
}

table.m4-table.readOnlyTable tr {
	background-color: transparent;
	/*#fafafa*/
}


/* end reading table*/

@media screen and (max-device-height: 768px),
screen and (max-height: 768px) {
	.m4-table-search input {
		font-size: 100%;
	}
}


/* row add register */

.m4-table-addRegister {}


/* Delete register */

.m4-table-delete-register {
	position: relative;
	background-color: #9A9EA1;
	text-decoration: line-through;
}

.m4-table-delete-register input {
	text-decoration: line-through;
}

.m4-table-delete-register td:not(.column-no-delete-register) {
	color: #535353;
}

.m4-table-delete-register td:not(.column-no-delete-register) img,
.m4-table-delete-register td:not(.column-no-delete-register) button {
	opacity: 0.5;
}

.m4-table-delete-register td:not(.column-no-delete-register) input {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(0, 0, 0, 0.5);
}

.m4-table-delete-register td:not(.column-no-delete-register) select {
	background-color: rgba(255, 255, 255, 0.5);
	color: rgba(0, 0, 0, 0.5);
}

.m4-table-delete-register .contLabelDelete {
	z-index: 1;
	padding: 4px;
	max-width: calc(100% - 28px);
}

.m4-table-delete-register .contLabelDelete label {
	padding: 2px 6px;
}


/* drag and drop */

.m4-drag-helper {
	border-width: 1px;
	border-style: solid;
	border-color: #7B93AF;
	padding: 2px;
}

.m4-div-drag {
	background-color: rgba(90, 187, 230, 0.6);
	height: 23px !important;
	width: 180px !important;
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 3px;
	z-index: 999;
}


/** Accordion table*/

.m4-accordion-expanded {
	background-image: url(../iconos/arrow_up.png);
}

.m4-accordion-collapsed {
	background-image: url(../iconos/arrow_down.png);
}


/* m4selected is used when select row*/

.m4Selected,
html:not(.touchDevice) .m4-table>tbody>tr.m4Selected:hover>td {
	cursor: default;
	background-color: #ebf4fb;
}

html:not(.touchDevice) .m4Selected:hover label {
	color: #758199;
}

html:not(.touchDevice) .m4Selected:hover .m4-table-listPerson-divData .m4-table-listPerson-first,
html:not(.touchDevice) .m4Selected:hover .m4-table-listPerson-divData .titlePerson {
	color: #333333;
}

html:not(.touchDevice) .m4Selected:hover .m4-table-listPerson-divData .divNote label {
	color: #fff;
}

.m4-table tr-selected {
	background-color: #389dc8;
}


/* M4-listJS */

.m4-listJS .m4-listJS-containerQBF {
	position: absolute;
	z-index: 1;
	top: 24px;
}


/* New List Person */

.m4-listPerson {
	position: relative;
	border-bottom: 1px solid #d3d7db;
}

.m4-listPerson-img {
	width: 28px;
	height: 28px;
	flex-shrink: 0;
}

.m4-listPerson-data {
	padding: 6px;
}

html[dir="ltr"] .m4-listPerson .m4-iconState {
	width: 16px;
	flex-shrink: 0;
	margin-left: auto;
}

html[dir="rtl"] .m4-listPerson .m4-iconState {
	width: 16px;
	flex-shrink: 0;
	margin-right: auto;
}


/*img inside table */

.m4-table-imgAction {
	cursor: pointer;
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
}

.m4-table-delete-register .m4-table-imgAction {
	cursor: default;
}

html:not(.touchDevice) .m4-table-imgAction:hover {
	background-color: #d5eaf9;
	/*d8e9ed*/
}

.m4-table select {
	max-width: 200px;
	width: 100%;
}

.touchDevice .m4-table input,
.touchDevice .m4-table textarea,
.touchDevice .m4-table select {
	margin: 2px 0;
	max-width: 100%;
}


/* Este select lo usamos en el talent Profile Group del módulo de TALENT y lo usaremos también en el comparador de SUCESIÓN. Solo para Rich, puesto que en IE tenemos problemas con el background. por eso la configuración de MYTEAM no tira de esto*/

.m4-table.tableProfileGroup th select {
	width: 100%;
	margin: 0;
	border: 0px;
	background-color: rgba(255, 255, 255, 0.6);
}

.m4-table input {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}

.m4-table input:not(.m4-textCenter) {
    text-align: inherit;
}

.m4-table .m4-listJS.m4-search {
	width: 100%;
}

.m4-table input.inputGrid {
	max-width: 70px;
}

.m4-table input.m4-icon-search {
	max-width: 100%;
}

.m4-table input.m4listDelegate {
	/* DELEGAR EVALUADOR OJO */
	width: 100%;
	max-width: none;
}

.m4-table input[type="radio"] {
	vertical-align: middle;
	width: 13px;
	height: 13px;
}


/** textarea inside table*/

.m4-table textarea {
	white-space: pre-wrap;
}

.m4-table textarea:not(.m4-placeHolder) {
	color: #333333;
}

.m4-table textarea[disabled] {
	white-space: normal;
	color: #4f5875;
	/* #bdb9d1 rgb(84, 84, 84)*/
	background-color: #bdc4db;
	/*#85869b*/
	border: 0px;
	padding-top: 2px
}


/* Table sortable*/

.m4-table .sortable {
	padding-right: 24px;
	/* añadido para que no se pisen los textos con el icono */
	background-repeat: no-repeat;
	background-position: center right;
	-ms-background-position-y: center;
	-ms-background-position-x: right;
	background-position-x: calc(100% - 3px);
	/* 4px - 1px (borde de la celda a la derecha) = 3px */
}

.m4-table .sortable,
.m4-table .sortable label {
	cursor: pointer;
}

.m4-table .sortable.colNoSort {
	cursor: default;
	background-image: none!important;
}

.m4-table .ascending {
	-ms-background-position-y: center;
	-ms-background-position-x: right;
}

.m4-table .descending {
	-ms-background-position-y: center;
	-ms-background-position-x: right;
}

.m4-table input.meta4calendar,
.m4-table select.meta4calendar {
	text-align: center;
	float: left;
	width: 80px;
}

.m4-table-subHedaer,
.m4-table-footer {
	width: 100%;
	clear: both;
}


/**************************** end meta4.widget.table *******************************************/


/**************************** start meta4.widget.blind *******************************************/

.m4-blind-hide {
	display: none;
}

.m4-blind-box {
	position: fixed;
	top: 0;
	right: 0;
	width: 20%;
	min-width: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 100;
}

.m4-blind-box .imgActionDashBoard {
	top: 19px;
}

.m4-blind-li {
	cursor: move;
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -webkit-grab;
	width: 100%;
	height: 30px;
	position: relative;
	display: table;
	background-color: #d3d7db;
	margin: 2px 0;
	z-index: 999;
}

.m4-blind-li.grabbing {
	cursor: move;
	cursor: grabbing;
	cursor: -webkit-grabbing;
}

.m4-blind-div1 {
	width: 10%;
	display: table-cell;
	vertical-align: middle;
}

.m4-blind-div2 {
	width: 90%;
	display: table-cell;
	vertical-align: middle;
}

.m4-blind-container-switch {
	float: right;
	padding: 0 12px;
}

.m4-blind-img {
	display: block;
	height: 16px;
	width: 16px;
	margin: 12px;
}

.m4-blind-lbl {
	cursor: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	top: 2px;
}

.m4-blind-divclose {
	width: 100%;
	text-align: center;
	position: relative;
	bottom: -5px;
}

.m4-blind-divTitle1 {}

.m4-blind-divTitle2 {
	padding-bottom: 12px;
}

.m4-blind-lblTitle {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color: #6982c7;
	max-width: calc(100% - 26px);
	display: inline-block;
	vertical-align: middle;
}

.m4-blind-imgInfo {
	height: 16px;
	width: 16px;
	float: right;
}

@media screen and (max-device-height: 768px),
screen and (max-height: 768px) {
	.m4-blind-box {
		width: 30%;
	}
}


/**************************** end meta4.widget.blind *******************************************/


/**************************** start meta4.widget.tooltip *******************************************/

.m4tooltip {
	cursor: help;
	z-index: 99; /* 100 es popup */
}

.m4tooltip .tip,
.tip {
	padding: 6px;
	background: #ffffff;
	border-right: 1px solid #759dc0;
	border-left: 1px solid #759dc0;
	border-top: 1px solid #759dc0;
	border-bottom: 1px solid #759dc0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
	z-index: 13000;
	overflow: auto;
}

.tip-title {
	margin: 0px;
	color: #6982c7;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
}

.tip-text {
	color: #333333;
}


/* .m4tooltip .m4-block */

.m4tooltip .m4-block {
	background-color: #ffffff;
	margin: 0;
}


/**************************** end meta4.widget.tooltip *******************************************/


/**************************** start context menu *************************************************/

#m4contextual-menu {
	position: absolute;
	padding: 8px 17px;
	width: auto;
	width: -moz-fit-content;
	border: 1px solid #7F9DB9;
	overflow: hidden;
	background-color: #F0F0F0;
	z-index: 999;
}

#m4contextual-menu li {
	height: 28px;
	line-height: 22px;
	/* 28px height - 6px padding */
}

.touchDevice #m4contextual-menu li {
	height: 32px;
	line-height: 26px;
	/* 32px height - 6px padding */
}


/**************************** end context menu *************************************************/


/**************************** start meta4.widget.elect *******************************************/

.meta4-widget-select-ul {
	position: absolute;
	width: auto;
	min-width: 400px;
	max-width: 40%;
	max-height: 240px;
	overflow: auto;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
	z-index: 101;
	/* No bajar o no se ve en popups */
}

.meta4-widget-select-ul li {
	display: flex;
	align-items: center;
	min-height: 40px;
	color: #333333;
	padding: 0 8px;
	border: 1px solid #d3d7db;
	border-top: none;
	cursor: pointer;
	background-color: #fafafa;
	overflow: hidden;
	text-overflow: ellipsis;
}

.meta4-widget-select-ul {
	border-top: 1px solid #d3d7db;
}

html:not(.touchDevice) .meta4-widget-select-ul li:hover {
	background-color: #f3f8fb;
}

.meta4-widget-select-ul li.selected {
	background-color: #ebf4fb!important;
}

.meta4-widget-select-ul li.disabled {
	background-color: #dddddd;
	color: #666666;
	cursor: default;
}

.meta4-widget-select-ul span.title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	display: block;
	line-height: 39px;
	/* 40px - 1px border = 39px */
	line-height: 31px;
	/* 40px - 1px border = 39px */
}

.meta4-widget-select-ul .image {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 5px;
}

.meta4-widget-select-ul .detail-text {
	display: block;
	clear: both;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #758199;
	margin-bottom: 8px;
}

.meta4-widget-select-ul .detail-text:empty {
	display: none;
}

.meta4-widget-select-ul .detail-number {
	width: 100%;
	color: #758199;
	font-size: 18px;
	text-align: center;
}

.meta4-widget-select-ul .m4select-item-disabled {
	cursor: default;
	background-color: rgb(211, 218, 223)!important;
	padding: 0 8px;
}

.meta4-widget-select-ul .icon .icon-locked {
	position: absolute;
	width: 24px;
	height: 24px;
	padding: 4px;
	top: 4px;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
}

.meta4-widget-select-ul .icon span.title {
	width: calc(100% - 10px);
}


/* Some rules to have bigger images for "meta4-widget-select-big" class */

.meta4-widget-select ul-big li .image {
	display: block;
	float: left;
	width: 64px;
	height: 64px;
}


/* m4-native-select */

div.meta4-widget-select.m4-native-select {
	/*font-size: 11px;*/
	min-height: 24px;
	border: 1px solid #7f9db9;
}

div.meta4-widget-select.m4-native-select {
	background-color: #fff;
}

div.meta4-widget-select.m4-native-select.typeH2 {
	min-width: 150px;
}

div.meta4-widget-select.m4-native-select.typeH2>h3 {
	line-height: 22px;
}

div.meta4-widget-select.m4-native-select.typeH2>img {
	padding-top: 3px;
	padding-bottom: 3px;
	height: 22px;
}

div.meta4-widget-select.m4-native-select:not(.typeH2)>.text,
div.meta4-widget-select.m4-native-select:not(.typeH2)>.text span {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 13px;
	text-transform: none;
	line-height: 20px;
}

div.meta4-widget-select.m4-native-select:not(.typeH2):not(.good):not(.bad)>.text {
	color: #333!important;
	padding: 0 6px;
}

div.meta4-widget-select.m4-native-select:not(.typeH2)>.text span.grey-text {
	color: #758199!important;
}

.showMoreInfo div.meta4-widget-select.m4-native-select:not(.typeH2)>h3.text {
	margin: 0;
	border: none;
}

div.meta4-widget-select.m4-native-select:not(.typeH2)>.imgIcon {
	width: 22px;
	height: 22px;
	padding: 3px;
	/* Medidas para que no se agrande el input a más de 24px */
}

ul.meta4-widget-select-ul.m4-native-select {
	min-width: auto;
	border: 1px solid #7f9db9;
}

ul.meta4-widget-select-ul.m4-native-select li {
	min-height: 32px;
}


/* m4-native-select in m4-table */

.m4-table td>.m4-native-select {
	width: 100%;
}


/* TYPE2 */

.meta4-widget-select-ul.type2 span.detail-text {
	color: #758199;
}

.meta4-widget-select-ul.type2 .m4select-item-disabled span.detail-text {
	color: #758199;
}

.meta4-widget-select-ul.type2 .m4select-item-disabled {
	background-color: #fafafa!important;
}

.meta4-widget-select-ul.type2 .m4select-item-disabled span.title {
	text-transform: uppercase;
}

.meta4-widget-select-ul li.icon.detailNumber {
	align-items: stretch;
}

html[dir="ltr"] .meta4-widget-select-ul li.icon.detailNumber {
	padding-right: 0;
}

html[dir="rtl"] .meta4-widget-select-ul li.icon.detailNumber {
	padding-left: 0;
}

.meta4-widget-select-ul li .divContainer {
	overflow: hidden;
	flex-basis: 100%;
}

html[ie-version="ie11"] .meta4-widget-select-ul li .divContainer {
	min-height: 39px; /* 40px - 1px de border bottom que tiene el padre -- esto es por IE que no toma el 100% del alto del padre en flex ¬¬ 0308593 */
}

.meta4-widget-select-ul li.icon.detailNumber .numberContainer {
	min-width: 60px;
	display: flex;
	align-items: center;
}

html[dir="ltr"] .meta4-widget-select-ul li.icon.detailNumber .numberContainer {
	margin-left: auto;
}

html[dir="rtl"] .meta4-widget-select-ul li.icon.detailNumber .numberContainer {
	margin-right: auto;
}

.meta4-widget-select-ul .icon.detailNumber .icon-locked {
	right: 60px;
}

.meta4-widget-select-ul .icon.detailNumber .detail-text {
	padding: 0;
}

.meta4-widget-select-ul .icon.detailNumber.selected .numberContainer {
	background-color: #57B1E0!important;
}

.meta4-widget-select-ul .icon.detailNumber.selected .detail-number {
	color: #fff;
}


/* Select con números y sólo título */

.meta4-widget-select-ul.rowTitle .icon.detailNumber span.title {
	line-height: 24px;
}

.touchDevice .meta4-widget-select-ul.rowTitle .icon.detailNumber span.title {
	line-height: 32px;
}


/**************************** end meta4.widget.select *******************************************/


/**************************** start m4-placeHolder *******************************************/

.m4-placeHolder {
	color: rgba(128, 128, 128, 1);
	background-color: #FFFFFF;
}

html[dir="ltr"] .m4-placeHolder-icon {
	padding-right: 22px;
}

html[dir="rtl"] .m4-placeHolder-icon {
	padding-left: 22px;
}

.m4-placeHolder-icon.m4-icon-search {
	max-width: 100%;
	background-size: 16px;
	background-repeat: no-repeat;
}

html[ie-version="ie11"] .m4-multiselect.contMultiselect {
	overflow: hidden;
}

html[ie-version="ie11"] .m4-placeHolder-icon.m4-icon-search {
	max-width: calc(100% - 1px);
}

html[dir="ltr"] .m4-placeHolder-icon.m4-icon-search {
	background-position: center right;
	background-position-x: calc(100% - 3px);
}

html[dir="rtl"] .m4-placeHolder-icon.m4-icon-search {
	background-position: center left;
	background-position-x: 3px;
}

textarea.m4-placeHolder {
	background: none;
	background-color: #ffffff;
}

.search-input {
	background: 99% 50% / 16px no-repeat rgb(255, 255, 255);
	width: 100%;
}

.highlight,
html:not(.touchDevice) ul.collapse li:hover span {
	background-color: #fca851;
	font-weight: bold;
}

ul.collapse span.highlight {
	cursor: inherit;
}

ul.collapse li p span {
	display: inline-block;
}


/**************************** end m4-placeHolder *******************************************/


/**************************** list ContCriteria *******************************************/

.divContCriteria {
	height: calc(100% - 32px)!important;
	overflow: auto;
}

.divContCriteria div>ul {
	max-height: calc(100% - 22px);
	overflow: auto;
}

.divContCriteria div>p:not(.noPadding) {
	padding: 8px;
}

.divContCriteria div>p:not(.noBorder) {
	padding-bottom: 7px;
	/* 8px - 1px border = 7px */
	border-bottom: 1px solid #d3d7db;
}

html:not(.touchDevice) .divContCriteria div>p:hover {
	background: #dbecf8;
}


/**************************** end list ContCriteria *******************************************/


/**************************** start m4-confirm *******************************************/

.div-m4confirm {
	position: relative;
	max-width: 50%;
	top: 20%;
	left: 20%;
	display: inline-block;
	color: #333333;
	z-index: 9999;
}

.div-m4confirm .div-m4confirm-msg {
	margin-bottom: 12px;
}

.m4-resizablePanel-left,
.m4-resizablePanel-right {
	background-color: #d3d7db;
}


/**************************** end m4-confirm *******************************************/


/**************************** start m4-form *******************************************/

.m4-form {
	display: inline-block;
	text-align: initial;
	top: 20%;
	left: 20%;
	z-index: 101;
}

.m4-form.m4-form-without-popUp,
#containerPopUp .m4-form.m4-form-without-popUp {
	width: auto;
	max-width: 100%;
	display: inline-block;
	border: none;
	padding: 0;
	background-color: #fafafa;
	z-index: inherit; /* problema z-index cuando un form no sale en popup y por encima lleva m4-felx columns : 0314623, 0314579 */
}

html:not(.touchDevice) .m4-form.m4-form-without-popUp tr:hover {
	background-color: transparent;
}

.m4-form.tableFixed .m4-form-table {
	width: 100%;
	table-layout: fixed;
}

.m4-form.tableFixed .m4-form-table>tr>td:nth-child(2) {
	width: 65%;
}

.m4-form-multipleItem:not(.m4-ie11)>*,
.m4-form-multipleItem.m4-ie11>div.m4-search {
	display: inline-flex;
	vertical-align: middle;
}

.m4-form-multipleItem[nodename="commentPlaceHolder"]>*[readmode="true"],
.m4-form-multipleItem[nodename="comment"]>*[readmode="true"] {
	display: inherit;
}

.m4-form-multipleItem.m4-ie11>*:not(.m4-flex) {
	display: inline-block;
	vertical-align: middle;
}

.m4-form-multipleItem > input:not(.meta4calendar),
.m4-form-multipleItem > textarea,
.m4-form-multipleItem > div { /* cambiado por 0311691 */
	margin-right: 8px;
}

.m4-form-multipleItem .m4ListJS-QBF input,
.m4-form-multipleItem .m4-docmanage-upload-file input,
.m4-form-multipleItem > div.m4-show-calendar { /* 0314904 */
	margin-right: 0px;
}

.m4-form-multipleItem .errorLabel {}

.m4-form select {
	padding-left: 4px;
	min-width: 84px;
}

.m4-form-div {
	width: 100%;
}

.m4-form-div.m4-form-readonly *.m4-disabled:not([nodename="widgetbutton"]) {
	opacity: 1!important;
	background-color: transparent!important;
	border: none!important;
	color: #333!important;
}

.m4-form-table textarea {
	width: 352px;
	min-width: initial;
	/*0289136*/
	max-width: 352px;
	min-height: 100px;
	/*0284615*/
}

.m4-form-table td,
.m4-form-table .m4-divCell {
	padding: 4px 0;
	vertical-align: top;
	line-height: 0;
	/* fix espacios en blanco */
}

.m4-form.tdReadOnly .m4-form-table td {
	padding: 0;
}

.m4-form-table td.m4-form-td-button {
	display: flex;
	padding-top: 12px;
}

.m4-form-table tr td label.m4-form-table-label,
.m4-form-table tr td label.m4RadioButton-label,
.m4-form-table tr td a.readOnly,
.m4-form-table tr td label.readOnly { /* OJO ejemplo en gestion de candidatos vista 2 */
	line-height: 24px;
}

.touchDevice .m4-form-table tr td label.m4-form-table-label,
.touchDevice .m4-form-table tr td label.m4RadioButton-label,
.touchDevice .m4-form-table tr td a.readOnly,
.touchDevice .m4-form-table tr td label.readOnly {
	line-height: 32px;
}

.m4-form-table tr td label.m4-form-table-label,
.m4-form-table tr td.tdInput td.tdLabel label.m4-form-table-label {
	display: block;
	padding: 0 8px;
	white-space: nowrap;
	/* Añadido por caida en form popup validaciones inline */
}

.m4-form-table tr td.tdInput label.m4-form-table-label {
	padding: 0;
}

.m4-form-table tr td div.m4RadioButtonDiv.m4-horizontal {
	padding: 0;
}

.m4-form-title:not(:empty) {
	width: calc(100% - 30px);
	margin-bottom: 12px;
}

.m4-form-description:not(:empty) {
	padding: 8px 0 16px 0;
	text-align: justify;
}

.m4-form-labelBold {
	font-weight: bold;
}

.m4-input1,
.m4-form input.m4-form-labelIput1,
.m4-form .m4-form-childIput1>* {
	width: 32px;
	max-width: 32px;
}

.m4-input2,
.m4-form input.m4-form-labelIput2,
.m4-form .m4-form-childIput2>* {
	width: 44px;
	max-width: 44px;
}

.m4-input5,
.m4-form input.m4-form-labelIput5,
.m4-form .m4-form-childIput5>* {
	width: 84px;
	max-width: 84px;
}

.m4-input10,
.m4-form input.m4-form-labelIput10,
.m4-form .m4-form-childIput10>* {
	width: 120px;
	max-width: 120px;
}

.m4-input15,
.m4-form input.m4-form-labelIput15,
.m4-form .m4-form-childIput15>* {
	width: 176px;
	max-width: 176px;
}

.m4-input25,
.m4-form input.m4-form-labelIput25,
.m4-form .m4-form-childIput25>* {
	width: 288px;
	max-width: 288px;
}

.m4-input100,
.m4-form input.m4-form-labelIput100,
.m4-form .m4-form-childIput100>* {
	width: 352px;
	max-width: 352px;
}

/* dataTypeNumber */

.m4-input1.dataTypeNumber,
.m4-form input.m4-form-labelIput1.dataTypeNumber,
.m4-form .m4-form-childIput1.dataTypeNumber>* {
	width: 28px;
	max-width: 28px;
}

.m4-input2.dataTypeNumber,
.m4-form input.m4-form-labelIput2.dataTypeNumber,
.m4-form .m4-form-childIput2.dataTypeNumber>* {
	width: 32px;
	max-width: 32px;
}

.m4-input5.dataTypeNumber,
.m4-form input.m4-form-labelIput5.dataTypeNumber,
.m4-form .m4-form-childIput5.dataTypeNumber>* {
	width: 56px;
	max-width: 56px;
}

.m4-input10.dataTypeNumber,
.m4-form input.m4-form-labelIput10.dataTypeNumber,
.m4-form .m4-form-childIput10.dataTypeNumber>* {
	width: 92px;
	max-width: 92px;
}

.m4-input15.dataTypeNumber,
.m4-form input.m4-form-labelIput15.dataTypeNumber,
.m4-form .m4-form-childIput15.dataTypeNumber>* {
	width: 132px;
	max-width: 132px;
}

.m4-input25.dataTypeNumber,
.m4-form input.m4-form-labelIput25.dataTypeNumber,
.m4-form .m4-form-childIput25.dataTypeNumber>* {
	width: 184px;
	max-width: 184px;
}

.m4-input100.dataTypeNumber,
.m4-form input.m4-form-labelIput100.dataTypeNumber,
.m4-form .m4-form-childIput100.dataTypeNumber>* {
	width: 184px;
	max-width: 184px;
}

.m4-form .m4-docmanage-content:not(.m4-fullWidth) .m4-docmanage-input {
	width: 266px;
}

.m4-form .closeForm {
	cursor: pointer;
	padding: 6px;
	width: 28px;
	height: 28px;
}


/**************************** end m4-form *******************************************/


/**************************** start m4-loading *******************************************/

.div-loading {
	z-index: 9999999;
	display: none;
	text-align: center;
	background: 'url(../iconos/spinner.gif) no-repeat center 10px #F3F3F6';
}

.divPopUp-Loading {
	display: block;
	min-height: 50px;
	/*0284907*/
	/* Animations */
	transition-property: display;
	transition-duration: 4s;
	transition-timing-function: ease-out;
	-webkit-transition-property: display;
	-webkit-transition-duration: 4s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: display;
	-moz-transition-duration: 4s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: display;
	-o-transition-duration: 4s;
	-o-transition-timing-function: ease-out;
}

.divPopUp-Loading label,
.m4tips {
	padding: 4px 8px;
	font-size: 16px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.8);
	box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
	background-color: rgba(69, 69, 69, 1);
}


/**************************** end m4-loading *******************************************/


/**************************** start m4-slider m4-double-slider *******************************************/

.slider {
	padding: 0 12px;
	/* efecto hover se queda cortado */
	height: 24px;
	width: 250px;
	max-width: 100%;
	display: block!important;
}

.slider>div {
	vertical-align: middle;
}

.m4-doubleSlider {
	top: 20px;
	width: 90%;
	padding: 0px!important;
	margin-top: 4px;
	margin-bottom: 25px;
}

.m4-doubleSlider {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.slider .border,
.m4-doubleSlider {
	border-top: 1px solid #A8A8AA;
	border-bottom: 1px solid #BEBEBF;
	height: 0px;
}

.slider .border {
	position: absolute;
	top: 8px;
	width: 100%;
}

.slider .knob {
	position: relative;
}

.m4-doubleSlider-knob {
	position: absolute;
	top: -10px!important;
	left: 0px;
}

.m4-doubleSlider-knob,
.slider .knob {
	width: 8px;
	height: 18px;
	border: 1px solid rgb(146, 146, 146);
	cursor: pointer;
	background: #fbfbfb;
	/* 0284410 */
	background: -moz-linear-gradient(top, #fbfbfb 0%, #d6d6d6 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #d6d6d6));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 0%, #d6d6d6 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 0%, #d6d6d6 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 0%, #d6d6d6 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fbfbfb 0%, #d6d6d6 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#d6d6d6', GradientType=0);
	/* IE6-9 */
	z-index: 2;
}

.labelSlider {
	display: inline-block;
	vertical-align: middle;
	padding: 0 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #333333;
	min-width: 85px;
	text-align: left;
}

.tdSlider {
	width: 180px;
}

.m4-doubleSlider-knob-span {
	position: absolute;
	top: -24px;
	left: -25px;
	text-align: center;
	width: 55px;
}

.m4-doubleSlider-range {
	position: absolute;
	top: -16px;
	height: 4px;
	background-color: #d4b317;
	z-index: 1;
}

.m4DoubleSlider-disabled {
	opacity: 0.3;
}

.m4DoubleSlider-disabled .m4-doubleSlider-knob {
	cursor: default;
}


/*************************end m4-double-slider*****************************************/


/**************************** start m4-progressBar *******************************************/

.m4ProgressBar-container {
	display: table;
	width: 100%;
}

.m4ProgressBar-container .m4progressBar {
	width: 100px;
	height: 100%;
	overflow: hidden;
	background-color: #dfdfdf;
}

.m4ProgressBar-container-align {
	display: inline-block;
	vertical-align: middle;
}

.m4ProgressBar-container .m4progressBar-stepBar {
	width: 0%;
	height: 100%;
	min-height: 8px;
	background: #1DABD8;
}

.m4ProgressBar-container .m4ProgressBar-text {
	margin: 0 6px;
	display: inline-block;
	vertical-align: middle;
}

.m4ProgressBar-container .m4ProgressBar-input {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 44px;
	text-align: center;
	margin: 0 4px;
	vertical-align: middle;
}

.m4ProgressBar-container.evaluationProgressbar .m4progressBar {
	width: 20px;
	margin: 0 2px;
}


/* MEDIA QUERIES */

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.m4ProgressBar-container.evaluationProgressbar .m4progressBar {
		display: none;
	}
}


/**************************** end m4-progressBar *******************************************/


/**************************** start m4-widgetButton *******************************************/

.m4-widgetButton-base {
	max-width: 100%;
	width: auto;
	overflow: hidden;
	vertical-align: middle;
}

.touchDevice .m4-widgetButton {
	height: 32px;
}

.m4-widgetButton[nodename="h2"] {
	margin: 0;
}

.m4-widgetButton[imgaction="false"] {
	padding: 0;
}

.m4-widgetButton-img {
	line-height: 0;
}

.m4-widgetButton-img .imgButton {
	width: 16px;
	height: 16px;
	margin: 4px;
}

.touchDevice .m4-widgetButton-img .imgButton {
	margin: 8px;
}

.m4-widgetButton-text {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.touchDevice .m4-widgetButton-text label {
	line-height: 32px;
}

.m4-widgetButton-text h2 {
	margin-left: 0;
}

.m4-widgetButton-text.hidden-text {
	display: none;
}

.m4-widgetButton-pressed {
	background: -moz-linear-gradient(top, #687786 0%, #c1c2c3 5%, #c8c8c8 11%, #c8c8c8 100%);
	/* FF3.6+ */
	background: -webkit-linear-gradient(top, #687786 0%, #c1c2c3 5%, #c8c8c8 11%, #c8c8c8 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #687786 0%, #c1c2c3 5%, #c8c8c8 11%, #c8c8c8 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #687786 0%, #c1c2c3 5%, #c8c8c8 11%, #c8c8c8 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #687786 0%, #c1c2c3 5%, #c8c8c8 11%, #c8c8c8 100%);
	/* W3C */
}

html:not(.touchDevice) .m4-widgetButton-pressed:hover {
	background: -moz-linear-gradient(top, #8792a4 0%, #bdccd6 5%, #d8ea76 11%, #d8ea76 100%);
	/* FF3.6+ */
	background: -webkit-linear-gradient(top, #8792a4 0%, #bdccd6 5%, #d8ea76 11%, #d8ea76 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8792a4 0%, #bdccd6 5%, #d8ea76 11%, #d8ea76 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8792a4 0%, #bdccd6 5%, #d8ea76 11%, #d8ea76 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #8792a4 0%, #bdccd6 5%, #d8ea76 11%, #d8ea76 100%);
	/* W3C */
}

.m4-widgetButton.m4-widgetButton-only-img {
	min-width: 24px;
}

.touchDevice .m4-widgetButton.m4-widgetButton-only-img {
	min-width: 32px;
}

[typebutton='link'].m4-widgetButton-pressed,
html:not(.touchDevice) [typebutton='link'].m4-widgetButton-pressed:hover {
	background: none;
	box-shadow: none;
}


/**************************** end m4-widgetButton *******************************************/


/**************************** end m4-widget split *******************************************/

.m4-resizablePanel {
	height: 100%;
	width: 16px;
	z-index: 1;
	cursor: e-resize;
	position: absolute;
	top: 0px;
}

.imgPlegar {
	position: absolute;
	top: calc(50% - 48px);
	margin-left: 0px;
	cursor: pointer;
	height: 96px;
	width: 16px;
	padding: 16px 0;
}

html:not(.touchDevice) .imgPlegar:hover {
	opacity: 0.4;
}

.touchDevice .m4-resizablePanel,
.touchDevice .imgPlegar {
	width: 32px;
}

.m4-resizablePanel-clone {
	opacity: 0.5;
}


/**************************** end m4-widget split *******************************************/


/**************************** start m4-table-person-list  *******************************************/

#panel-left .m4-table-listPerson-div {
	display: flex;
}

#panel-left .m4-table-listPerson-divImg {
	min-width: 64px;
	max-width: 64px;
	min-height: 64px;
	max-height: 64px;
	line-height: 0;
	border-radius: 50%;
	overflow: hidden;
	margin: 4px;
}

#panel-left .m4-table-listPerson-divImg img {
	width: 100%;
	height: 100%;
}

.m4-table-listPerson-divData {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-top: 4px;
	flex-grow: 1;
}

.m4-table-listPerson-divData label {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 4px;
}

.m4-table-listPerson-divData label:not(.titlePerson) {
	color: #758199;
}

.m4-table-listPerson-div.hiddenPho .m4-table-listPerson-divImg {
	display: none!important;
}

.m4-table-listPerson-div.hiddenPho .m4-table-listPerson-divData {
	padding-left: 0;
}

html:not(.touchDevice) .m4-table-listPerson-div:hover * {
	cursor: pointer;
}

html:not(.touchDevice) .m4Selected:hover .m4-table-listPerson-divData .titlePerson {
	color: #333333;
}

.m4-table-listPerson-divImg img {
	width: 68px;
	height: 68px;
	vertical-align: bottom;
}

.titlePerson.margin-label-titlePerson {}

.m4-table-listPerson-divData .divNote label {
	padding-left: 0px;
}

[m4-listperson="true"] .conTablesList {
	height: calc(100% - 32px);
}


/**************************** end m4-table-person-list *******************************************/


/**************************** start  widget.utils.getScoreColor(level, levelsNumber) *******************************************/

.startColor {
	background-color: #f05044;
}

.endColor {
	background-color: #8EB53E;
}


/**************************** end  widget.utils.getScoreColor(level, levelsNumber) *******************************************/


/**************************** start  m4RadioButton svg *******************************************/

.containerRadioButtons.columns .m4RadioButton {
	margin-bottom: 8px;
}

.containerRadioButtons.columns .m4RadioButton:last-child {
	margin-bottom: 0;
}

.m4RadioButton svg {
	min-width: 16px;
	min-height: 16px;
	width: 16px;
	height: 16px;
	margin: 4px 0;
	/* 16px + 4px + 4px = 24px */
	flex-shrink: 0;
}

.m4RadioButton.checkBox svg path {
	fill: #33B00C;
	cursor: pointer;
}

.m4RadioButton.radio svg path {
	stroke: #466381;
	stroke-width: 6%;
	fill: transparent;
	cursor: pointer;
}

/* 0314327 */

.m4RadioButton.radio.m4-disabled {
	opacity: 1!important;
}

.m4RadioButton.radio.m4-disabled > * {
	cursor: default!important;
}

/* END 0314327 */

.m4RadioButton svg rect,
.m4RadioButton svg circle {
	fill: transparent;
	stroke: #333333;
	cursor: pointer;
}

.m4RadioButton.white-text svg rect,
.m4RadioButton.white-text svg circle {
	fill: #ffffff;
}

.m4RadioButton svg circle {
	stroke-width: 10px;
}

html:not(.touchDevice) .m4RadioButton svg rect:hover,
html:not(.touchDevice) .m4RadioButton svg circle:hover {
	stroke: #333333;
}

.m4RadioButton label {
	line-height: 16px;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.m4RadioButton label:empty {
	display: none;
}

div[mode="vertical"].m4RadioButton label {
	max-width: 100%;
}

div.m4RadioButtonDiv {
	padding: 0 4px;
}

.m4RadioButtonDiv div {
	width: 100%;
	min-width: 12px;
	text-align: left;
}

.m4-container-listCheckBox>div.m4-flex.columns>.m4RadioButton:not(:last-child),
.m4RadioButton.m4-vertical>div:not(:last-child) {
	margin-bottom: 8px;
}


/** start disabled */

.m4RadioButton .m4RadioButton-disabled svg path {
	stroke: #9a9ea1;
	cursor: default;
}

.m4RadioButton .m4RadioButton-disabled svg rect,
.m4RadioButton .m4RadioButton-disabled svg circle {
	stroke: #5c5c5c;
	cursor: default;
}

html:not(.touchDevice) .m4RadioButton .m4RadioButton-disabled svg rect:hover,
html:not(.touchDevice) .m4RadioButton .m4RadioButton-disabled svg circle:hover {
	stroke: #5c5c5c;
	cursor: default;
}

.m4RadioButton-label {
	cursor: pointer;
}


/*.m4-form-table .m4RadioButton-label {
	display: none;
}*/


/** end disabled */


/* cont_horizontal_radio and cont_horizontal_checkBox */

.m4RadioButtonDiv div.cont_horizontal_radio,
.m4RadioButtonDiv div.cont_horizontal_checkBox {
	width: auto;
}

.m4RadioButtonDiv div.cont_horizontal_radio svg,
.m4RadioButtonDiv div.cont_horizontal_radio label,
.m4RadioButtonDiv div.cont_horizontal_checkBox svg,
.m4RadioButtonDiv div.cont_horizontal_checkBox label {
	display: inline-block;
}

.m4-form .m4RadioButtonDiv.m4-form-labelIput5 {
	width: auto;
	max-width: 100%;
}

.m4RadioButtonDiv.m4-horizontal {
	white-space: nowrap;
}


/* end cont_horizontal_radio and cont_horizontal_checkBox */


/**************************** end  m4RadioButton svg *******************************************/


/**************************** start uploadFile *******************************************/

.m4UploadFile-container-progress {
	vertical-align: middle;
	display: inline-block;
	width: 100px;
	border: 1px solid #BABDC7;
}

.m4UploadFile-container-input {
	cursor: pointer;
	vertical-align: middle;
	display: inline-flex;
	overflow: hidden;
	position: relative;
}

.m4UploadFile-container-input:not([showimageasbutton="true"]) {
	height: 24px;
	width: 24px;
}

html:not(.touchDevice) .m4UploadFile-container-input:hover {
	background-color: #d5eaf9;
}

.m4UploadFile-container-input img {
	cursor: pointer;
	padding: 4px;
	width: 16px;
	height: 16px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.m4UploadFile-container-input input {
	cursor: pointer;
	height: 50px;
	/* 0283478 */
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
	position: absolute;
	right: 0;
	top: -10px;
}

.m4UploadFile-droppable {
	position: relative;
	border: 1px solid rgb(0, 120, 215);
	padding: 4px;
	text-align: center;
	display: inline-block;
}

.m4UploadFile-drag-hover {
	background: #f4f4f4;
	border: 1px dashed rgb(0, 120, 215);
}

.m4UploadFile-uploadList {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.m4UploadFile-uploadItem {
	display: flex;
    align-items: center;
	overflow: hidden;
	margin: 0;
}

.m4-docmanage-content .m4UploadFile-uploadItem span {
	display: none;
}

.m4UploadFile-uploadItem span {
	max-width: 170px;
	padding-right: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

a.m4UploadFile-addInputRow {
	display: inline-block;
	background: url(add.png) no-repeat;
	height: 16px;
	width: 16px;
	text-indent: -999px;
	margin-left: 5px;
}

.m4UploadFile-uploadItem a,
a.m4UploadFile-delInputRow {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center;
	text-indent: -999px;
}

.m4UploadFile-progress {
	height: 14px;
	background: #8db53d;
}

.m4UploadFile-textLeft {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #2E2E2E;
	padding-right: 6px;
}

.m4UploadFile-textRight {
	float: left;
	margin: 8px 0px 0px 6px;
	max-width: 400px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: none;
}


/**************************** end uploadFile *******************************************/


/**************************** start m4DocManage *******************************************/

.m4-docmanage-content {
	overflow: hidden;
}

.m4-docmanage-content .m4-docmanage-upload-file,
.m4-docmanage-content .m4-docmanage-upload-file>div,
.m4-docmanage-content .m4-docmanage-upload-file div[nodename="m4DownloadFile"] {
	display: flex;
}

.m4-docmanage-content .m4-docmanage-upload-file>div {
	flex-shrink: 0;
}

.m4-docmanage-content .m4-docmanage-input {
	/*0311691*/
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	color: gray;
}

.m4-docmanage-content div[nodename="m4DownloadFile"] {
	display: inline-block;
	vertical-align: middle;
}

.m4-docmanage-img {
	vertical-align: middle;
}

.m4-docmanage-upload-file {
	width: 100%;
}

.m4-docmanage-content label.m4-disabled {
	opacity: 1!important;
}


/**************************** end m4DocManage *******************************************/


/**************************** start flip_switch *****************************************/

.m4-flip-switch-container {
	position: relative;
	width: 85px;
	height: 27;
	cursor: pointer;
	overflow: hidden;
	background-color: #fff;
}

.m4-flip-switch-container input {
	position: absolute;
	top: 5px;
	left: 30px;
}

.m4-flip-switch-handle {
	display: block;
	height: 27px;
	width: 39px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

.m4-flip-switch-handle .m4-flip-switch-handleBG {
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.m4-flip-switch-handle .m4-flip-switch-slider {
	position: absolute;
	top: 0;
	left: 0;
	height: 27px;
	width: 39px;
	background: #444952 no-repeat;
	z-index: 2;
}

label.m4-flip-switch-labelOn,
label.m4-flip-switch-labelOff {
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	height: 22px;
	position: absolute;
	width: 52px;
	top: 0;
}

label.m4-flip-switch-labelOn {
	color: rgba(255, 255, 255, 0);
	background: #8db53d no-repeat;
	left: 0;
	padding: 5px 0 0 8px;
	text-align: left;
	height: 16px;
	position: relative;
	top: 2px;
	left: 2px;
}

label.m4-flip-switch-labelOff {
	color: rgba(139, 139, 139, 0);
	background: #CACBCE no-repeat right 0;
	text-align: right;
	right: 0;
	padding: 5px 8px 0 0;
	height: 16px;
	top: 2px;
	right: 2px;
}


/**************************** end flip_switch *******************************************/


/**************************** start m4SselfServiceTable *******************************************/

.m4selfServiceTable-hideComponenent {
	display: none;
}


/**************************** end m4SselfServiceTable *******************************************/


/**************************** start m4Tree *******************************************/

.m4-tree.m4-search {
	height: 100%;
	flex-direction: column;
}

.m4-filter-container .m4-tree.m4-search .filterHeader {
	border: none;
}

.m4-tree.m4-search>input {
	width: 100%;
}

.m4-search-cont {
	/*height: calc(100% - 40px);*/
	/*overflow: auto;*/
	/* usada en el arbol de filtros sale scroll */
}

ul.collapse {
	margin: 0;
}

ul.licollapsest ul {
	margin: 0;
	padding: 0 0 0 10px;
}

ul.collapse li {
	list-style-type: none;
	border-bottom: 1px solid #d3d7db;
	background: none;
}

html:not(.touchDevice) ul.collapse li:hover,
html:not(.touchDevice) ul.collapse li:hover a,
html:not(.touchDevice) ul.collapse li:hover span {
	background: #dbecf8;
}

ul.collapse span {
	cursor: pointer;
	color: #5e5e5e;
	display: block;
	text-decoration: none;
}

ul.collapse span {
	white-space: nowrap;
}

ul.collapse div.expand {
	cursor: pointer;
	outline: 0;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	padding: 4px;
	margin: 0;
	background-image: url(/iconos/lu_nor_next_24.png);
	background-position: center;
	-ms-background-position-y: center;
	-ms-background-position-x: center;
}

ul.collapse div.collapse {
	background-image: url(/iconos/lu_nor_next_down.png);
}

ul.collapse ul.collapse li {
	border: none;
}


/**************************** end m4Tree *********************************************/


/* WIDGET
 --------------------------------------------------- */

label.dojoxLegendText {
	color: #333333;
	margin-left: 2px;
	margin-right: 10px;
	position: relative;
	top: 1px;
}

#contentGA select {
	height 25px;
	margin-bottom: 10px;
}


/**************************** start m4-xBoxGrid *******************************************/


/*structure*/

.m4-xBoxGrid-containerGrid {
	float: left;
	width: calc(100% - 48px);
	height: calc(100% - 84px);
}

.m4-xBoxGrid-containerGrid,
.columns .cell {
	border-style: dashed;
	border-color: rgba(138, 167, 247, 0);
}

.m4-xBoxGrid-containerGrid.hoverDrop,
.m4-xBoxGrid-box.hoverDrop,
.columns .cell.hoverDrop {
	transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	background-color: rgba(222, 229, 249, 1);
	overflow: hidden;
}

.m4-xBoxGrid-containerGrid.hoverDrop.inside,
.m4-xBoxGrid-box.hoverDrop.inside,
.columns .cell.hoverDrop.inside {
	transition: background-color 0.1s linear;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	background-color: rgba(222, 229, 249, 0.4);
}

.m4-xBoxGrid-containerGrid.hoverDrop div.m4-xBoxGrid-box {
	background: rgba(241, 241, 241, 0);
}

.m4-xBoxGrid-container-titleNumberPerson {
	float: left;
	width: 100%;
	margin-bottom: 12px;
	padding-left: 12px;
	position: relative;
	background-color: #3e4753;
}

.m4-xBoxGrid-container-titleNumberPerson h3 {
	display: inline-block;
	padding-right: 6px;
	color: #ffffff;
	font-size: 13px;
}

.m4-xBoxGrid-container-titleNumberPerson span:not(.h3Number) {
	color: #ffffff;
	font-size: 13px;
}

.m4-xBoxGrid-container-titleNumberPerson .axisMovedMessage {
	width: 50%;
	padding: 0 6px;
	position: absolute;
	right: 0;
}

.m4-xBoxGrid-containerNameAxisX {
	height: 16px;
}

.m4-xBoxGrid-containerNameAxisX>.m4-xBoxGrid-titleCoordinateX {
	width: 200px;
	position: absolute;
	left: 16px;
	bottom: 0;
	color: #ffffff;
	font-size: 13px;
	background-color: #3e4753;
	line-height: 16px;
}

.m4-xBoxGrid-containerLabelsX {
	float: left;
	width: 16px;
	padding-top: 24px;
	height: calc(100% - 108px);
	overflow: hidden;
}

.m4-xBoxGrid-containerNameAxisY {
	float: left;
	width: 32px;
	height: calc(100% - 88px);
}

.m4-xBoxGrid-containerNameAxisY>.verticalCenterRotate {
	width: 200px;
	left: 108px;
	top: calc(100% - 72px);
}

.m4-xBoxGrid-containerNameAxisY>.verticalCenterRotate .m4-xBoxGrid-titleCoordinateY {
	color: #ffffff;
	font-size: 13px;
	line-height: 16px;
	background-color: #3e4753;
}

.m4-xBoxGrid-containerLabelsY {
	height: 32px;
	width: 100%;
	padding-left: 74px;
	clear: both;
}

.m4-xBoxGrid-containerNameAxisY,
.m4-xBoxGrid-containerLabelsX {
	pointer-events: none;
}

.m4-xBoxGrid-divLabelsv {
	display: flex;
    align-items: center;
}

.m4-xBoxGrid-divLabelsv .verticalCenterRotate {
	height: 100%;
    width: 100%;
    margin-left: 0;
    left: -4px;
    top: 0;
}

.m4-xBoxGrid-divLabelsv .m4-xBoxGrid-labels-axisY {
	transform: rotate(-90deg);
	text-overflow: ellipsis;
	overflow: hidden;
	pointer-events: all;
	height: 100%;
	padding: 0 4px;
}

.m4-xBoxGrid-titleCoordinateY {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	white-space: nowrap;
}

.m4-xBoxGrid-titleCoordinateX {
	margin-top: -15px;
}

.m4-xBoxGrid-titleCoordinateX,
.m4-xBoxGrid-titleCoordinateY {
	display: block;
	text-align: center;
}

.m4-xBoxGrid-containerDeleteRelative {
	width: 46px;
	height: calc(100% - 85px);
	pointer-events: none;
	position: absolute;
}

.m4-xBoxGrid-containerDelete {
	width: 46px;
	height: 300px;
	position: relative;
	top: calc(50% - 150px);
	left: 0;
	opacity: 0;
	padding: 7px;
	text-align: center;
	background-color: rgba(174, 181, 188, 1);
}

.m4-xBoxGrid-containerDelete.hoverDrop {
	border: none!important;
}

.m4-xBoxGrid-containerDelete span,
.m4-xBoxGrid-containerDelete img {
	display: inline-block;
	vertical-align: middle;
}

.m4-xBoxGrid-containerDelete span {
	font-size: 14px;
	color: #fff;
	padding-left: 5px;
}

.m4-xBoxGrid-containerDelete img {
	width: 32px;
	height: 32px;
	position: relative;
	top: calc(50% - 16px);
}

.m4-xBoxGrid-containerDelete.m4-xBoxGrid-containerDelete-active {
	opacity: 1;
	background-color: rgba(230, 50, 36, 0.6);
}

.m4-xBoxGrid-containerDelete.m4-xBoxGrid-containerDelete-hover {
	background-color: rgba(230, 50, 36, 0.9);
}

.m4-xBoxGrid-selectnoneall-adjustCoordinate>div>.m4RadioButton {
	height: auto;
	display: inherit;
}

.m4-xBoxGrid-selectnoneall-adjustCoordinate>div.m4-flex.columns {
	width: auto;
	flex-direction: row;
}

html[dir=ltr] .m4-xBoxGrid-selectnoneall-adjustCoordinate>div>.m4RadioButton:nth-child(even) {
	padding-left: 12px;
}

html[dir=rtl] .m4-xBoxGrid-selectnoneall-adjustCoordinate>div>.m4RadioButton:nth-child(even) {
	padding-right: 12px;
}


/*end structure*/

.m4-xBoxGrid-vertical-line,
.m4-xBoxGrid-horizontal-line {
	fill: orange;
	stroke: black;
	stroke-width: 2;
}


/* Mode SVG */

svg.m4-xBoxGrid,
canvas.m4-xBoxGrid {
	cursor: move;
	display: block;
}

svg.m4-xBoxGrid.readVersion {
	cursor: default;
}

rect.m4-xBoxGrid-box {
	pointer-events: all;
	fill: #E6E8EB;
	stroke: #FFFFFF;
	stroke-dasharray: initial;
	stroke-width: initial;
}

g.m4-xBoxGrid-box {
	pointer-events: all;
}

.bad {
	stroke: rgb(240, 80, 67);
	fill: transparent;
	stroke-width: 0.4em;
}

.poor {
	stroke: rgb(206, 159, 2);
	fill: transparent;
	stroke-width: 0.4em;
}

.good {
	stroke: rgb(142, 181, 62);
	fill: transparent;
	stroke-width: 0.4em;
}

.grey {
	stroke: rgb(164, 176, 188);
	fill: transparent;
	stroke-width: 0.4em;
}

.m4-xBoxGrid-arrow {
	stroke: rgb(136, 136, 136);
	marker-end: url(#m4-xBoxGrid-markerArrow);
	stroke-width: 0.05em;
}

#m4-xBoxGrid-markerArrow {
	fill: rgb(136, 136, 136);
}

#m4-xBoxGrid-markerArrow-hover {
	fill: rgb(0, 0, 0);
}


/* END Mode SVG */


/* Mode HTML */

div.m4-xBoxGrid {
	cursor: default;
	position: relative;
}

div.m4-xBoxGrid-box {
	display: inline-block;
	overflow: hidden;
	border: 1px solid #ffffff;
	/*#e9e9e9*/
	float: left;
	background: rgba(230, 232, 235, 1);
}

.m4-xBoxGrid-editMode div.m4-xBoxGrid-box {
	background-color: #ede3e8;
}

.m4-xBoxGrid-background-grid {
	height: 100%;
	width: 100%;
	fill: transparent;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-textBox {
	background: #7B93AF;
	padding: 0 4px;
	display: -webkit-inline-flex;
	display: inline-flex;
	color: rgba(255, 255, 255, 0.7);
	max-width: 100%;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-textBox .title {
	max-width: calc(100% - 22px);
	vertical-align: middle;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-textBox .number {
	color: #fff;
	min-width: 23px;
	text-align: right;
	padding-left: 4px;
	vertical-align: middle;
	margin-left: auto;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-textBox .number.noText {
	padding: 0;
	min-width: initial;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-box-container-ul {
	overflow: auto;
	height: calc(100% - 22px);
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-contentPerson {
	position: relative;
	display: flex;
	align-items: center;
}

.containerXGridBox:not(.m4-xBoxGrid-hideTextPerson) .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-contentImages,
.m4-xBoxGrid-hideHasASuccessorPerson.m4-xBoxGrid-hideKeyEmployeePerson:not(.m4-xBoxGrid-hideTextPerson) .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person.m4-xBoxGrid-personRevised .m4-xBoxGrid-contentImages {
	display: flex;
	align-items: center;
	width: 76px;
	min-width: 76px;
	padding: 4px;
	background-color: #a4b0bc;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-contentIcons {
	line-height: 0;
	display: flex;
	flex-direction: column;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person {
	cursor: pointer;
	min-width: 100px;
	max-width: 100%;
	padding: 4px;
	flex-basis: 200px;
	flex-grow: 1;
	flex-shrink: 0;
}

.readyToPrint .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person {
	flex-basis: 100px;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-textPerson,
.m4-xBoxGrid-hideHasASuccessorPerson.m4-xBoxGrid-hideKeyEmployeePerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person.m4-xBoxGrid-personRevised .m4-xBoxGrid-textPerson {
	padding-left: 4px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-checkRevised,
.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-keyEmployeePerson,
.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-hasASuccessorPerson,
.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-accessDialog {
	width: 12px;
	height: 12px;
	margin-left: 4px;
}

.m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-photoPerson {
	height: 52px;
	width: 52px;
}


/* END Mode HTML */


/* COMMON SVG & HTML */

.m4-xBoxGrid {
	margin: 0 auto;
}

.m4-xBoxGrid-photoPerson,
.m4-xBoxGrid-photoPersonClipPath,
.m4-xBoxGrid-riskOfLeavingPerson,
.m4-xBoxGrid-checkRevised,
.m4-xBoxGrid-keyEmployeePerson,
.m4-xBoxGrid-hasASuccessorPerson,
.m4-xBoxGrid-accessDialog,
.m4-xBoxGrid-arrow,
.m4-xBoxGrid-markerArrow,
.m4-xBoxGrid-markerArrow-hover {
	font-size: 25px;
	/* MANTENER ASPECTO ZOOM SVG. LA CLASS DIRECTAMENTE, SI SE PONEN CLASS CONCATENADAS NO FUNCIONA */
}

.m4-xBoxGrid-textPerson {
	font-size: 11px;
	/* MANTENER ASPECTO ZOOM SVG. LA CLASS DIRECTAMENTE, SI SE PONEN CLASS CONCATENADAS NO FUNCIONA */
}

.m4-xBoxGrid-textBox .number {
	fill: rgba(255, 255, 255, 1);
	font-size: 1.4em;
}

.m4-xBoxGrid-textBoxBackground {
	fill: #7B93AF;
	stroke: none;
	font-size: 20px; /* OJO si se toca hay que cambiar var    wEM = wRect / 20;    en x_box_grid.js */
}

.m4-xBoxGrid-textBox {
	fill: rgba(255, 255, 255, 0.6);
	stroke: none;
	font-size: 11px;
}


/* END COMMON SVG & HTML */


/* Hide NAME */

.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-textPerson,
.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid-person text {
	display: none!important;
}

.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person {
	width: 64px;
	min-width: 64px;
	max-width: 64px;
}

.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-contentImages {
	line-height: 0;
	width: 60px;
	height: 76px;
	padding: 4px;
	background-color: #a4b0bc;
}

.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-contentIcons,
.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-contentIcons {
	flex-direction: row;
}

.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-contentIcons {
	margin-top: 4px;
}

.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-checkRevised,
.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-keyEmployeePerson,
.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-hasASuccessorPerson,
.m4-xBoxGrid-hideTextPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-accessDialog {
	display: inline-block;
	margin: 0;
}


/* Hide PHOTO */

.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid-person .m4-xBoxGrid-photoPerson {
	display: none!important;
}

.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person .m4-xBoxGrid-contentImages {
	width: 56px;
	height: 20px;
	line-height: 0;
}

.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person .m4-xBoxGrid-checkRevised,
.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person .m4-xBoxGrid-keyEmployeePerson,
.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person .m4-xBoxGrid-hasASuccessorPerson,
.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person .m4-xBoxGrid-accessDialog {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person .m4-xBoxGrid-textPerson {
	width: calc(100% - 56px);
}


/* Hide NAME and PHOTO */

.m4-xBoxGrid-hideTextPerson.m4-xBoxGrid-hidePhotoPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-contentIcons {
	margin: 0;
}


/* Hide HAS A SUCCESSOR */

.m4-xBoxGrid-hideHasASuccessorPerson .m4-xBoxGrid-person .m4-xBoxGrid-hasASuccessorPerson {
	display: none!important;
}


/* Hide KEY EMPLOYEE */

.m4-xBoxGrid-hideKeyEmployeePerson .m4-xBoxGrid-person .m4-xBoxGrid-keyEmployeePerson {
	display: none!important;
}


/* Hide ACCESS DIALOG */

.containerXGridBox:not(.m4-xBoxGrid-showDialog) .m4-xBoxGrid-person .m4-xBoxGrid-accessDialog {
	display: none!important;
}


/* Hide RISK OF LEAVING */

.m4-xBoxGrid-hideRiskOfLeavingPerson .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-person .m4-xBoxGrid-contentImages {
	background-color: #a4b0bc!important;
}

.m4-xBoxGrid-hideRiskOfLeavingPerson .m4-xBoxGrid-person .m4-xBoxGrid-riskOfLeavingPerson {
	stroke: rgb(164, 176, 188);
}


/* Hide everything */

.m4-xBoxGrid-hideRiskOfLeavingPerson.m4-xBoxGrid-hidePhotoPerson.m4-xBoxGrid-hideKeyEmployeePerson.m4-xBoxGrid-hideHasASuccessorPerson:not(.m4-xBoxGrid-showDialog) .m4-xBoxGrid.m4-xBoxGrid-modeHTML .m4-xBoxGrid-textBox {
	margin-bottom: 0px;
}

.m4-xBoxGrid-hideRiskOfLeavingPerson.m4-xBoxGrid-hidePhotoPerson.m4-xBoxGrid-hideKeyEmployeePerson.m4-xBoxGrid-hideHasASuccessorPerson:not(.m4-xBoxGrid-showDialog) .m4-xBoxGrid-person .m4-xBoxGrid-contentImages,
.m4-xBoxGrid-hideRiskOfLeavingPerson.m4-xBoxGrid-hidePhotoPerson.m4-xBoxGrid-hideKeyEmployeePerson.m4-xBoxGrid-hideHasASuccessorPerson:not(.m4-xBoxGrid-showDialog) .m4-xBoxGrid-person circle {
	display: none;
}

.m4-xBoxGrid-hideRiskOfLeavingPerson.m4-xBoxGrid-hidePhotoPerson.m4-xBoxGrid-hideKeyEmployeePerson.m4-xBoxGrid-hideHasASuccessorPerson:not(.m4-xBoxGrid-showDialog) .m4-xBoxGrid-person .m4-xBoxGrid-textPerson {
	font-size: 10px;
	line-height: 12px;
	vertical-align: baseline;
}


/* Reglas para la vista resumen */

div.m4-xBoxGrid-box-viewResume {
	position: relative;
}

.m4-xBoxGrid-viewResume .m4-xBoxGrid-person {
	display: none
}


/* rules to popUp adjust criteria */

.m4-xBoxGrid-data #m4-header-collapse {
	padding: 0!important;
	height: 92px;
	background-color: transparent;
	border: none;
	overflow: hidden;
}

.m4-xBoxGrid-container-adjustCoordinate {
	max-width: 50%;
	min-width: 20%;
	overflow: auto;
	max-height: 80%;
}

.m4-xBoxGrid-photo-adjustCoordinate,
.m4-xBoxGrid-info-adjustCoordinate {
	display: inline-block;
	vertical-align: top;
}

.m4-xBoxGrid-info-adjustCoordinate {
	padding-left: 6px;
	width: calc(100% - 101px);
}

.m4-xBoxGrid-data-adjustCoordinate>* {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m4-xBoxGrid-photo-adjustCoordinate img {
	width: 85px;
	height: 85px;
}

.m4-xBoxGrid-job-adjustCoordinate,
.m4-xBoxGrid-workUnit-adjustCoordinate {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 16px);
}

.m4-xBoxGrid-link {
	display: inline-block;
}

.m4-xBoxGrid-data-adjustCoordinate label {
	display: block;
	margin-bottom: 4px;
	margin-top: 8px;
}

.m4-xBoxGrid-data-adjustCoordinate select {
	width: calc(70% - 12px);
	margin: 0 12px 0 0;
}

.m4-xBoxGrid-data-adjustCoordinate input {
	width: 30%;
	margin: 0;
}

.m4-xBoxGrid-checkRevised-adjustCoordinate label {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.m4-xBoxGrid-comment-adjustCoordinate .labelComment {
	width: 100%;
	display: block;
}

.m4-xBoxGrid-data-riskOfLeaving .m4-xBoxGrid-riskOfLeavingPerson {
	display: inline-block;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	cursor: pointer;
}

.m4-xBoxGrid-data-riskOfLeaving .m4-xBoxGrid-riskOfLeavingPerson-selected {
	border: 3px solid #4e4e4e;
}

.m4-xBoxGrid-data-adjustCoordinate textarea {
	resize: vertical;
	width: 100%;
}

.m4-xBoxGrid-containerButtons-adjustCoordinate {
	padding-top: 6px;
}

div.m4-xBoxGrid-divLabels {
	float: left;
}

.m4-xBoxGrid-divLabels {
	text-align: center;
	position: relative;
}

.m4-xBoxGrid-Div-commentPool label {
	padding: 6px 0;
	display: inline-block;
}

.m4-xBoxGrid-Div-commentPool textarea {
	width: 100%;
	height: 80px;
	resize: vertical;
}

.m4-xBoxGrid-labels-axisY {
	-webkit-transform: rotate(-90deg);
	display: block;
	white-space: nowrap;
}

.m4-xBoxGrid-movePerson {
	opacity: 0.3;
}

.m4-xBoxGrid-name-adjustCoordinate {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 6px;
}

.m4-xBoxGrid-workUnit-adjustCoordinate-img {
	display: inline-block;
	vertical-align: middle;
}

.m4-xBoxGrid-employeeIcons {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 4px;
}

.m4-xBoxGrid-employeeIcons span {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0);
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.m4-xBoxGrid-person-hideHistorical {
	display: none;
}

.m4-xBoxGrid-viewHistorical .m4-xBoxGrid-person-historical {
	display: block;
}

.m4-xBoxGrid-container-historical {
	display: none;
	opacity: 0.7;
}

.m4-xBoxGrid-viewHistorical .m4-xBoxGrid-person {
	cursor: default;
}

html:not(.touchDevice) .m4-xBoxGrid-viewHistorical .m4-xBoxGrid-person:hover .m4-xBoxGrid-arrow {
	stroke: #000000;
}

html:not(.touchDevice) .m4-xBoxGrid-viewHistorical .m4-xBoxGrid-person:hover .m4-xBoxGrid-arrow {
	marker-end: url(#m4-xBoxGrid-markerArrow-hover);
}

.m4-xBoxGrid-container-historical {
	display: none;
}

.m4-xBoxGrid-person .m4-xBoxGrid-riskOfLeavingPerson {
	opacity: 0.75;
	transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
}

html:not(.touchDevice) .m4-xBoxGrid-person:hover .m4-xBoxGrid-riskOfLeavingPerson,
.m4-xBoxGrid-person.hoverList .m4-xBoxGrid-riskOfLeavingPerson {
	opacity: 1;
	transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
}


/**************************** end m4-xBoxGrid *******************************************/


/********** filter-list **********/

#filter-list-container {
	overflow: hidden;
	height: calc(100% - 32px);
}

#filter-list-container.footer {
	height: calc(100% - 80px);
}

#filter-apply_button-container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	padding-bottom: 7px;
	/* 8px - 1px border = 7px */
	text-align: center;
	height: 48px;
	border-top: 1px solid #BABDC7;
}

#filter-apply_button-container > div {
	min-width: 50%;
	justify-content: center;
}

#filter-list,
.filter-list { /* A los ids añadir la class para evitar conflictos - 0310222 */
	padding: 4px;
	overflow: auto;
	height: calc(100% - 32px);
	/* Ojo si pide 24px */
}

#filter-list .m4-filter-container {
	width: 100%;
	margin-bottom: 4px;
}

#filter-list .m4-filter-container-title {
	display: flex;
}

#filter-list .m4-filter-container-title .m4-widgetButton:first-child {
	flex-grow: 1;
}

#filter-list .m4-filter-clearfilter {
	margin-left: auto;
	min-width: initial;
}

#filter-list .m4-filter-container-title h3 {
	color: #758199!important;
	font-size: 13px;
}

.m4-filter-clearfilter .m4-widgetButton-text label {
	color: #0060c9;
	font-size: 10px;
	text-align: right;
	display: inline-block;
}

.m4-filter-clearfilter .m4-widgetButton-text {
	display: none;
}

.filterHeader {
	padding: 4px;
	padding-bottom: 3px;
	/* 4px - 1px border = 3px */
	border-bottom: 1px solid #dadce3;
}

html:not(.touchDevice) .filterHeader .m4-widgetButton.imgAction.m4-filter-clearAllfilter:hover {
	background-color: rgba(213, 234, 249, 0.8);
}

#filter-list .m4-filter-container-values {
	padding: 4px 24px 4px 24px;
}

#filter-list .m4-filter-container-values .m4-listJS,
#filter-list .m4-filter-container-values input:not(.m4-multiselect-input) {
	width: 100%;
}

#filter-list .m4-filter-container-values>div {
	position: relative;
	padding: 0 0 4px 0;
	clear: both;
}

#filter-list .m4-filter-container-values>div.m4-slider{
    padding: 4px 8px;
}

#filter-list .m4-filter-container-values .m4RadioButtonDiv label {
	word-break: break-word;
}

#filter-list .m4-filter-container-values .m4RadioButtonDiv span {
	font-weight: bold;
	color: #758199;
	align-self: center;
	margin-left: 4px;
}

#filter-list .m4-filter-container-values .extKnowledge {
	margin-top: 12px;
}

#filter-list .m4-filter-disabled *,
html:not(.touchDevice) #filter-list .m4-filter-disabled:hover * {
	cursor: default;
}


/********** END filter-list **********/


/********** chosen **********/


/* @group Base */

.chzn-container {
	position: relative;
	display: inline-block;
}

.chzn-container .chzn-drop {
	position: fixed;
	top: -9000px;
	left: -9000px;
	border: 1px solid rgb(127, 157, 185);
	background: #fff;
	z-index: 999;
}


/* @end */


/* @group Single Chosen */

.chzn-container-single .chzn-single {
	background-color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
	background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
	background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
	background-image: -o-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
	background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
	background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #aaa;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 8px;
	color: #444;
	text-decoration: none;
}

.chzn-container-single .chzn-single span {
	margin-right: 26px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.chzn-container-single .chzn-single abbr {
	display: block;
	position: absolute;
	right: 26px;
	top: 8px;
	width: 12px;
	height: 13px;
	font-size: 1px;
	background: url('/iconos/chosen-sprite.png') right top no-repeat;
}

html:not(.touchDevice) .chzn-container-single .chzn-single abbr:hover {
	background-position: right -11px;
}

.chzn-container-single .chzn-single div {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: #ccc;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
	background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
	background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
	background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
	background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
	border-left: 1px solid #aaa;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 18px;
}

.chzn-container-single .chzn-single div b {
	background: url('/iconos/chosen-sprite.png') no-repeat 0 1px;
	display: block;
	width: 100%;
	height: 100%;
}

.chzn-container-single .chzn-search {
	padding: 3px 4px;
	position: relative;
	margin: 0;
	white-space: nowrap;
	z-index: 1010;
}

.chzn-container-single .chzn-search input {
	background: #fff url('/iconos/chosen-sprite.png') no-repeat 100% -22px;
	background: url('/iconos/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
	background: url('/iconos/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
	background: url('/iconos/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
	background: url('/iconos/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
	background: url('/iconos/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
	background: url('/iconos/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	outline: 0;
	border: 1px solid #aaa;
	font-family: sans-serif;
	font-size: 1em;
}

.chzn-container-single .chzn-drop {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}


/* @end */

.chzn-container-single-nosearch .chzn-search input {
	position: absolute;
	left: -9000px;
}


/* @group Multi Chosen */

.chzn-choices {
	display: flex;
	flex-wrap: wrap;
	text-align: initial;
	background-color: #fff;
	border: 1px solid #7f9db9;
	margin: 0;
	padding: 0;
	cursor: text;
	overflow: hidden;
	height: auto !important;
	height: 1%;
	position: relative;
}

.chzn-choices li {
	display: inline-flex;
}

.chzn-choices .search-field {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

.chzn-choices .search-field input {
	color: #666;
	background: transparent !important;
	border: 0 !important;
	padding: 0 4px;
	margin: 0;
	outline: 0;
	min-height: 22px;
	min-width: 200px; /* 0309908 */
	/* 24px - 2px de borders = 22px */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.chzn-choices .search-field .default {
	font-style: italic;
	color: rgba(128, 128, 128, 1);
}

.search-choice {
	max-width: calc(100% - 8px);
	/* 8px de margen (4px derecha, 4px izquierda) */
	padding: 0;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
	background-color: #e5e6eb;
	margin: 3px 4px;
	/* El input tiene dos bordes de 1px = 3px top y bottom */
	position: relative;
}

div.search-choice {
	display: flex;
	max-width: 100%;
	margin: 4px;
}

.search-choice span {
	cursor: default;
	padding: 0 6px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-choice:not(.dynamic) span {
	/*max-width: calc(100% - 20px);*/
}

.search-choice.dynamic span {
	margin-bottom: 1px;
}

.search-choice-focus {
	background: #d4d4d4;
}

.search-choice .search-choice-close {
	height: 16px;
	width: 16px;
	min-width: 16px;
	background-color: rgba(123, 147, 175, 1);
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: 16px 16px;
	display: inline-block;
	vertical-align: middle;
	background-position: center center;
}

html:not(.touchDevice) .search-choice .search-choice-close:hover {
	background-color: rgba(123, 147, 175, 0.6);
}


/* @end */


/* @group Results */

.chzn-container .chzn-results {
	margin: 0 4px 4px 0;
	max-height: 190px;
	height: 100%;
	padding: 0 0 0 4px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}

.chzn-container-multi .chzn-results {
	margin: 0;
	padding: 0;
}

.chzn-container .chzn-results li {
	display: none;
	padding: 6px;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chzn-container .chzn-results .active-result {
	cursor: pointer;
	display: list-item;
}

.chzn-container .chzn-results .highlighted {
	background: #d5eaf9;
}

.chzn-container .chzn-results li em {
	background: #feffde;
	font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
	background: transparent;
}

.chzn-container .chzn-results .no-results {
	background: #f4f4f4;
	display: list-item;
}

.chzn-container .chzn-results .group-result {
	cursor: default;
	color: #999;
	font-weight: bold;
}

.chzn-container .chzn-results .group-option {
	padding-left: 20px;
}

.chzn-container-multi .chzn-drop .result-selected {
	display: none;
}


/* @end */


/* @group Active  */

.chzn-container-active .chzn-single {
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
	border: 1px solid #5897fb;
}

.chzn-container-active .chzn-single-with-drop {
	border: 1px solid #aaa;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5) inset;
	background-color: #eee;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
	background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
	background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
	background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
	background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
	background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.chzn-container-active .chzn-single-with-drop div {
	background: transparent;
	border-left: none;
}

.chzn-container-active .chzn-single-with-drop div b {
	background-position: -18px 1px;
}

.chzn-container-active .chzn-choices {
	border: 1px solid #5897fb;
}

.chzn-container-active .chzn-choices .search-field input {
	color: #111 !important;
}


/* @end */


/* @group Disabled Support */

.chzn-disabled {
	cursor: default;
	opacity: 0.5 !important;
}

.chzn-disabled .chzn-single,
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
	cursor: default;
}


/* @group Right to Left */

.chzn-rtl {
	direction: rtl;
	text-align: right;
}

.chzn-rtl .chzn-single {
	padding-left: 0;
	padding-right: 8px;
}

.chzn-rtl .chzn-single span {
	margin-left: 26px;
	margin-right: 0;
}

.chzn-rtl .chzn-single div {
	left: 0;
	right: auto;
	border-left: none;
	border-right: 1px solid #aaaaaa;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.chzn-rtl .chzn-single abbr {
	left: 26px;
	right: auto;
}

.chzn-rtl .chzn-choices li {
	float: right;
}

.chzn-rtl .chzn-choices .search-choice {
	padding: 3px 6px 3px 19px;
	margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
	left: 5px;
	right: auto;
	background-position: right top;
}

.chzn-rtl.chzn-container-single .chzn-results {
	margin-left: 4px;
	margin-right: 0;
	padding-left: 0;
	padding-right: 4px;
}

.chzn-rtl .chzn-results .group-option {
	padding-left: 0;
	padding-right: 20px;
}

.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
	border-right: none;
}

.chzn-rtl .chzn-search input {
	background: url('/iconos/chosen-sprite.png') no-repeat -38px -22px, #ffffff;
	background: url('/iconos/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
	background: url('/iconos/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
	background: url('/iconos/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
	background: url('/iconos/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
	background: url('/iconos/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
	background: url('/iconos/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
	padding: 4px 5px 4px 20px;
}


/* @end */


/********** END chosen **********/


/* Go To & Popup Info Links */

.m4-grouped-actions.popup {
	position: fixed;
	padding: 0 4px;
	width: auto;
	width: -moz-fit-content;
	border: 1px solid #7F9DB9;
	overflow: hidden;
	background-color: #F0F0F0;
	z-index: 999;
}

.m4-grouped-actions.popup .m4-widgetButton {
	width: 100%;
	margin: 4px 0;
}

.m4-grouped-actions li:not(:empty) {
	text-align: left;
	/*padding: 4px 0;*/
	/* NO funciona con los elementos en display none se añade a la anterior margin:; 4px 0 */
}


/* m4-form.formSetting */

#containerPopUp .m4-form.formSetting {
	width: 80%;
}

.m4-table.tableProfileGroup {
	margin-top: 12px;
}

.m4-table.tableProfileGroup th,
.m4-table.tableProfileGroup td {
	vertical-align: middle;
	height: 28px;
}

.m4-table.tableProfileGroup .meta4-widget-select {
	width: 100%;
}

.m4-table.tableProfileGroup .meta4-widget-select h3,
.m4-table.tableProfileGroup .meta4-widget-select li {
	font-size: 15px;
	line-height: 28px;
}

.m4-table.tableProfileGroup th.talentProfileGrouptdC1 {
	background-color: rgba(0, 0, 0, 0)!important;
}

.m4-table.tableProfileGroup th.talentProfileGrouptdC2 {
	text-align: center;
}

.m4-table.tableProfileGroup td {
	color: #333333;
}

.m4-table.tableProfileGroup td.DataName {
	border: none;
	color: #758199;
	text-align: right;
	padding-right: 12px;
	white-space: nowrap;
}

.m4-table.tableProfileGroup .titleSection td {
	text-align: left;
	border: none;
}

.m4-table.tableProfileGroup .titleSection td h4 {
	padding: 12px 0 0 0;
}


/* m4-delete */

.m4-delete {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(230, 50, 36, 0.6);
}

.m4-delete.hover {
	background-color: rgba(230, 50, 36, 0.9);
}

.m4-delete-container {
	position: relative;
	top: calc(50% - 16px);
}

.m4-delete-container span,
.m4-delete-container img {
	display: inline-block;
	vertical-align: middle;
}

.m4-delete-container span {
	font-size: 14px;
	color: #fff;
	padding-left: 5px;
}

.m4-delete-container img {
	width: 32px;
	height: 32px;
}


/* Grid Table */

.gridTable {
	border-top: 1px solid rgba(45, 57, 72, 1);
	border-right: 1px solid rgba(45, 57, 72, 1);
}

.gridTable tr td {
	width: 10%;
}

.gridTable tr td.employeeQuadrant,
.gridTable tr td.noEmployeeQuadrant {
	border: none;
	border-left: 1px solid rgba(45, 57, 72, 1);
	border-bottom: 1px solid rgba(45, 57, 72, 1);
}

.gridTable tr td.employeeQuadrant {
	background-color: #0ba3ea;
}


/* .m4-makeFilter */

.m4-makeFilter {
	padding: 4px;
}

.m4-makeFilter .m4-filter-clearfilter {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px;
	line-height: 0;
}

.m4-makeFilter .m4-filter-clearfilter div img {
	width: 10px;
	height: 10px;
}

.m4-makeFilter .m4-filterHead p {
	margin-bottom: 12px;
}

.m4-makeFilter .selectMax .chzn-container,
.m4-makeFilter .selectMax select {
	width: 100%!important;
}


/* action-bar */

#panel-float .action-bar,
#panel-left .action-bar,
#panel-right .action-bar,
#panel-left-popUp .action-bar,
#panel-right-popUp .action-bar {
	position: relative;
	top: 0px;
	display: flex;
	align-items: center;
	width: 100%;
	height: 32px;
	border-bottom: 1px solid #babdc7;
	overflow: hidden;
	background-color: #7b93af;
	padding-bottom: 0;
}

#panel-float .action-bar-item,
#panel-left .action-bar-item,
#panel-right .action-bar-item,
#panel-left-popUp .action-bar-item,
#panel-right-popUp .action-bar-item {
	width: 100%;
	color: #ffffff;
	padding: 8px;
	padding-bottom: 7px;
	/* 8px - 1px border bottom = 7px */
}

#panel-float .action-bar-item img#titleHelp,
#panel-left .action-bar-item img#titleHelp,
#panel-right .action-bar-item img#titleHelp,
#panel-left-popUp .action-bar-item img#titleHelp,
#panel-right-popUp .action-bar-item img#titleHelp {
	position: absolute;
	right: 12px;
}

#panel-float .action-bar-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/* M4 POPUP WINDOW
 --------------------------------------------------- */

.m4-popUpFullWindow {
	position: absolute;
	top: 10%;
	max-height: 80%;
	min-width: 300px;
}

.m4-popUpFullWindow.fixedTop:not(.maximize) {
	top: 10%!important;
}

.m4-popUpFullWindow .m4-popUpFullWindow-container {
	height: 100%;
}

.m4-popUpFullWindow .allPanels {
	position: relative;
	width: 100%;
	padding: 0;
	background-color: #bdc4db;
	z-index: 9;
}

.m4-popUpFullWindow .allPanels,
.m4-popUpFullWindow #m4-popUpFullWindow-expand {
	height: 100%;
}

.m4-popUpFullWindow-top {
	height: 24px;
	width: 100%;
}

.touchDevice .m4-popUpFullWindow-top {
	height: 32px;
}

.m4-popUpFullWindow-top h3 {
	color: #ffffff;
	max-width: calc(100% - 64px);
}

.touchDevice .m4-popUpFullWindow-top {
	line-height: 32px;
}

#m4-popUpFullWindow-header {
	width: 100%;
}

#m4-popUpFullWindow-header .photo {
	width: 140px;
	min-width: 140px;
	height: 140px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-ms-background-position-y: center;
	-ms-background-position-x: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#m4-popUpFullWindow-header .divInfo {
	height: 140px;
	padding: 16px;
	flex-grow: 1;
}

#m4-popUpFullWindow-header .divInfo>div,
#m4-popUpFullWindow-header .divInfo>h3 {
	width: 100%;
}

#m4-popUpFullWindow-header .divInfo>h3 {
	margin-bottom: 8px;
}

#m4-popUpFullWindow-header .divInfo .info {
	height: calc(100% - 32px);
	overflow: auto;
}

#m4-popUpFullWindow-header .divInfo .info p {
	max-width: 100%;
}

#m4-popUpFullWindow-header .divInfo .info.m4-icon p {
	max-width: calc(100% - 22px);
}

#m4-popUpFullWindow-header .divInfo .info.m4-icon-two p {
	max-width: calc(100% - 44px);
}

#m4-popUpFullWindow-wrap {
	width: 100%;
	height: calc(100% - 220px); /* Si se cambia revisar bug: 0309908 */
	overflow: hidden;
	background-color: #fafafa;
}

.m4-popUpFullWindow-bottom {
	padding: 16px;
	line-height: 0;
	background-color: #f4f4f4;
	width: 100%;
}

#m4-popUpFullWindow-divTabs {
	width: 140px;
	height: 100%;
	background-color: #4f5070;
}

#m4-popUpFullWindow-divTabs #m4-popUpFullWindow-divTabs-cont {
	display: table;
	width: 100%;
	background-color: inherit;
}

#m4-popUpFullWindow-divTabs #m4-popUpFullWindow-divTabs-cont .tab {
	display: table-row;
}

html:not(.touchDevice) #m4-popUpFullWindow-divTabs #m4-popUpFullWindow-divTabs-cont .tab:hover {
	cursor: pointer;
	background-color: #5f607d;
}

#m4-popUpFullWindow-divTabs #m4-popUpFullWindow-divTabs-cont .tab.current {
	background-color: #9da516;
}

#m4-popUpFullWindow-divTabs #m4-popUpFullWindow-divTabs-cont .tab span {
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
	padding: 8px;
	text-transform: uppercase;
}

#m4-popUpFullWindow-contInfo {
	position: relative;
	width: calc(100% - 140px);
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
}

#m4-popUpFullWindow-contInfo>div {
	opacity: 0;
	position: absolute;
	top: 0;
	left: -110%;
	width: 100%;
	height: 0%;
	padding: 16px;
	background-color: #fafafa;
	z-index: 8;
}

.noPaddingContInfo #m4-popUpFullWindow-contInfo>div {
	padding: 0;
}

#m4-popUpFullWindow-contInfo>div.current {
	left: 0;
	opacity: 1;
	position: relative;
	height: 100%;
	z-index: 9;
}

#m4-popUpFullWindow-contInfo>div.current>div {
	height: 100%;
}

#m4-popUpFullWindow-contInfo>div .m4-form {
	top: 0;
	width: 100%;
	padding: 0;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	border: none;
	overflow: visible;
}

#m4-popUpFullWindow-contInfo>div>div {
	padding: 0;
}

#m4-popUpFullWindow-expand {
	position: absolute;
	top: 0;
	left: 100%;
	width: 50%;
	background-color: #fafafa;
	z-index: 8;
}

#m4-popUpFullWindow-expand.collapse {
	left: calc(50% - -16px);
	background-color: transparent;
}

#m4-popUpFullWindow-expand .m4-expandPanel {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 48px;
	background-color: #fafafa;
}

html:not(.touchDevice) #m4-popUpFullWindow-expand .m4-expandPanel:hover {
	cursor: pointer;
	background-color: rgba(213, 234, 249, 1);
}

#m4-popUpFullWindow-expand .m4-expandPanel .imgPlegar {
	top: 0;
	right: 0;
	height: 48px;
}

html:not(.touchDevice) #m4-popUpFullWindow-expand .m4-expandPanel .imgPlegar:hover {
	background-color: transparent;
}

.collapse#m4-popUpFullWindow-expand .m4-expandPanel .imgPlegar {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}


/* Expand Cont */

#m4-popUpFullWindow-expand .expandCont {
	padding: 16px;
	height: calc(100% - 48px);
	overflow: auto;
}

#m4-popUpFullWindow-expand .expandCont h3 {
	margin-bottom: 16px;
	width: 100%;
	overflow: hidden;
	/* Se puede sustituir por la class ellipsis */
	text-overflow: ellipsis;
	white-space: nowrap;
}

.collapse#m4-popUpFullWindow-expand .expandCont {
	opacity: 0;
}


/* Small */

.small#m4-popUpFullWindow-wrap {
	overflow: auto;
}

.small#m4-popUpFullWindow-wrap #m4-popUpFullWindow-contInfo {
	overflow: hidden;
	height: auto;
}


/* Hide Section */

.hideHeader #m4-popUpFullWindow-header {
	display: none;
}

.hideHeader #m4-popUpFullWindow-wrap {
	height: calc(100% - 80px);
}

.touchDevice .hideHeader #m4-popUpFullWindow-wrap {
	height: calc(100% - 96px);
}

.hideBottom #m4-popUpFullWindow-wrap {
	height: calc(100% - 164px);
}

.touchDevice .hideBottom #m4-popUpFullWindow-wrap {
	height: calc(100% - 172px);
}

.hideBottom.hideHeader #m4-popUpFullWindow-wrap {
	height: calc(100% - 24px);
}

.hideTabs #m4-popUpFullWindow-divTabs,
.hideBottom .m4-popUpFullWindow-bottom {
	display: none;
}

.hideTabs #m4-popUpFullWindow-contInfo {
	width: 100%;
}


/* Size m4-popUpFullWindow */

.m4-popUpFullWindow.m4-iframePopUp {
	width: 80%;
	height: 80%;
	min-width: 1044px;
	/* 1024px + 20px padding(left + right) */
}

@media screen and (width: 1024px) {
	.m4-popUpFullWindow.m4-iframePopUp {
		min-width: 1024px;
		/* 1044px - 20px padding(left + right) */
	}
	.m4-popUpFullWindow.m4-iframePopUp .allPanels {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.m4-popUpFullWindow.m4-iframePopUp #m4-popUpFullWindow-contInfo>div {
	padding: 0;
}

.m4-popUpFullWindow.m4-iframePopUp #m4-popUpFullWindow-contInfo>div.current {
	height: 100%;
}

.m4-popUpFullWindow.m4-iframePopUp #m4-popUpFullWindow-contInfo>div iframe {
	width: 100%;
	height: 100%;
}

.m4-popUpFullWindow.m4-iframePopUp #m4-popUpFullWindow-contInfo {
	overflow: hidden;
}


/* m4-form inside a popup window */

.m4-popUpFullWindow .m4-form-table {
	/*width: 100%;*/
	/* Desactivado por validaciones inline */
	/*table-layout: fixed;*/
	/* Si se activa revisar la siguiente línea */
}

.m4-popUpFullWindow .m4-form-table>tr>td:nth-child(2) {
	/*width: 65%;*/
}

.m4-popUpFullWindow .m4-form-table .m4-form-labelIput100 {
	/*width: 100%;*/
	/* Desactivado por validaciones inline */
}

.m4-popUpFullWindow .m4-form .m4-form-table .m4-form-tr-scheduler>td {
	padding: 12px 0 0 0;
	border-top: 1px solid #babdc7;
}

html[dir=ltr] .m4-indent .m4-form-table>tr>td:nth-child(1) {
	padding-left: 17px;
}

html[dir=rtl] .m4-indent .m4-form-table>tr>td:nth-child(1) {
	padding-right: 17px;
}

html[dir=ltr] .m4-indent .m4-form-table>tr.m4-form-tr-scheduler>td:nth-child(1),
html[dir=rtl] .m4-indent .m4-form-table>tr.m4-form-tr-scheduler>td:nth-child(1) {
	padding-left: 0;
	padding-right: 0;
}


/* m4-block employee inside a m4-popUpFullWindow */

#m4-popUpFullWindow-header .m4-block {
	margin: 0;
}

#m4-popUpFullWindow-header .m4-block .employee {
	width: 100%;
}

#m4-popUpFullWindow-header .m4-block .employee .photo img {
	width: 110px;
	height: 110px;
}

#m4-popUpFullWindow-header .m4-block .employee .info {
	width: calc(100% - 110px);
}


/* m4Form inside popup */

.m4-popUpFullWindow .m4-form-table textarea {
	resize: vertical;
}


/* Compare PopUp */

.comparePopUp.m4-popUpFullWindow table.m4-table {
	width: auto;
}

.comparePopUp .m4-table thead th {
	padding: 0;
}

.comparePopUp .m4-block {
	margin: 0;
	background-color: #fafafa;
}

.comparePopUp .m4-block .employee {
	width: 210px;
	margin-bottom: 8px;
}

.comparePopUp .m4-block .employee .photo {
	border-radius: 50%;
	overflow: hidden;
}

.comparePopUp .m4-block .employee .photo img {
	width: 56px;
	height: 56px;
}

.comparePopUp .m4-block .employee .info {
	padding: 0 4px;
	width: calc(100% - 56px);
}

.comparePopUp .m4-block .employee .info h3 {
	font-size: 13px;
	line-height: inherit;
}

.comparePopUp.m4-popUpFullWindow {
	width: auto;
	max-width: 70%;
}

.comparePopUp table.m4-table {
	width: auto;
}

.comparePopUp table.m4-table div.m4RadioButton {
	margin-bottom: 12px;
}

.comparePopUp table.m4-table div.m4RadioButton svg {
	width: 24px;
	height: 24px;
}

.comparePopUp #m4-popUpFullWindow-contInfo>div .m4-form {
	overflow-x: auto;
	padding-bottom: 24px;
}

.comparePopUp .m4-form,
.comparePopUp table.m4-table {
	background: none!important;
}

.comparePopUp table.m4-table {
	overflow: hidden;
}

.comparePopUp table.m4-table td,
.comparePopUp table.m4-table th {
	position: relative;
}

html:not(.touchDevice) .comparePopUp table.m4-table td:hover::after,
html:not(.touchDevice) .comparePopUp table.m4-table th:hover::after {
	content: "";
	position: absolute;
	background-color: rgba(213, 234, 249, 1);
	left: 0;
	top: -5000px;
	height: 10000px;
	width: 100%;
	z-index: -1;
}

html:not(.touchDevice) .comparePopUp table.m4-table td.noTrHover:hover::after,
html:not(.touchDevice) .comparePopUp table.m4-table th.noTrHover:hover::after {
	background-color: rgba(213, 234, 249, 0);
}


/* Alturas PopUp */

.m4-popUpSize300h {
	max-height: 300px;
}


/* Se toma como referencia una pantalla de 1440px, de ahí se sacan tamaños proporcionales para el resto de tamaños.
   Si se tiene que cambiar algún tamaño, cambiar la media query de 1440 y recalcular el resto proporcionalmente.*/

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.m4-popUpFullWindow.m4-popUpSize25 {
		width: 47%;
	}
	.m4-popUpFullWindow.m4-popUpSize35 {
		width: 62%;
	}
	.m4-popUpFullWindow.m4-popUpSize50 {
		width: 75%;
	}
	.m4-popUpFullWindow.m4-popUpSize75 {
		width: 95%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.m4-popUpFullWindow.m4-popUpSize25 {
		width: 36%;
	}
	.m4-popUpFullWindow.m4-popUpSize35 {
		width: 53%;
	}
	.m4-popUpFullWindow.m4-popUpSize50 {
		width: 65%;
	}
	.m4-popUpFullWindow.m4-popUpSize75 {
		width: 90%;
	}
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
	.m4-popUpFullWindow.m4-popUpSize25 {
		width: 25%;
	}
	.m4-popUpFullWindow.m4-popUpSize35 {
		width: 38%;
	}
	.m4-popUpFullWindow.m4-popUpSize50 {
		width: 50%;
	}
	.m4-popUpFullWindow.m4-popUpSize75 {
		width: 75%;
	}
}

@media screen and (min-width: 1920px) {
	.m4-popUpFullWindow.m4-popUpSize25 {
		width: 20%;
	}
	.m4-popUpFullWindow.m4-popUpSize35 {
		width: 28%;
	}
	.m4-popUpFullWindow.m4-popUpSize50 {
		width: 35%;
	}
	.m4-popUpFullWindow.m4-popUpSize75 {
		width: 55%;
	}
}


/* M4 PERSON INFO
 --------------------------------------------------- */

.m4-person-info {
	min-height: 50px;
	width: 40%;
	left: 30%;
	padding: 16px;
}

.m4-person-info h3 {
	margin-bottom: 12px;
}

.m4-person-info .main-info {
	float: left;
	padding: 0 0 0 12px;
	width: calc(100% - 96px);
}

.m4-person-info .more-data {
	float: left;
	padding-top: 12px;
	padding-left: 108px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.m4-person-info .m4-other {
	padding-left: 0px;
}

.m4-person-info p {
	color: #758199;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.m4-person-info p span {
	color: #333333;
	font-weight: bold;
}

.m4-person-info .m4-gbname {
	position: absolute;
	left: 17px;
	line-height: 21px;
	margin: 0 0 12px;
	width: calc(100% - 58px);
}

.m4-person-info.popup {
	max-width: 514px;
}

.m4-form.m4-person-info.popup * {
	word-break: break-all;
	word-break: break-word;
}

.m4-person-info .main-info>div {
	width: 100%;
}

.m4-person-info .m4-itemName,
.m4-person-info .m4-itemValue {
	display: inline-block;
	vertical-align: top;
}

.m4-person-info .m4-itemName {
	width: 40%;
}

.m4-person-info .m4-itemValue {
	width: 60%;
}


/* M4 DIV TABLE
 --------------------------------------------------- */

.m4-divTable {
	width: 100%;
	display: table;
	background-color: #fafafa;
}

.m4-divTable.auto {
	table-layout: auto;
}

.m4-divTable.fixed {
	table-layout: fixed;
}

.m4-divTable>div,
.m4-divRow {
	display: table-row;
}

.m4-divTable>div>div,
.m4-divCell {
	display: table-cell;
	white-space: nowrap;
}

.m4-divTable>div>div.m4-wrap,
.m4-divCell.m4-wrap {
	white-space: pre-wrap;
}

.m4-divRow.one>div {
	width: 100%;
}

.m4-divRow.two>div {
	width: 50%;
}

.m4-divRow.three>div {
	width: calc(100% / 3);
}

.m4-divRow.four>div {
	width: 25%;
}

.m4-divRow.five>div {
	width: 20%;
}

.m4-divRow.six>div {
	width: calc(100% / 6);
}

.m4-divRow .top {
	vertical-align: top;
}

.m4-divRow .middle {
	vertical-align: middle;
}

.m4-divRow .bottom {
	vertical-align: bottom;
}

.m4-divRow .m4-border1Left,
.m4-divRow .m4-border1Right {
	border-left-style: solid;
	border-left-color: rgb(255, 255, 255);
	border-right-style: solid;
	border-right-color: rgba(0, 0, 0, 0.15);
}

.m4-divRow .cell100 {
	width: 100%;
}

.m4-divRow .cell50 {
	width: 50%;
}

.m4-divTable .m4-tHead {
	color: #FFF;
	padding: 0 4px;
}


/* M4 TAB
 --------------------------------------------------- */

.m4-tab {
	width: 200px;
	padding: 8px;
	vertical-align: top;
	background-color: #EEF0F5;
	cursor: pointer;
}

.m4-tab .m4-tabTitle>h4 {
	text-align: center;
}

.m4-tabMenu.custom .m4-tab {
	height: 80px;
}

.m4-container-tab.horizontal {
	padding-top: 16px;
	overflow: hidden;
}

.m4-container-tab.horizontal .m4-tab {
	padding-bottom: 7px;
	/* 8px - 1px de border bottom = 7px */
}

.m4-container-tab.horizontal .m4-tabMenu {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #BABDC7;
}

.m4-container-tab.horizontal .m4-tab {
	width: auto;
	text-align: center;
	overflow: hidden;	
}

.m4-container-tab.horizontal .m4-tabMenu:not(.custom) .m4-tab {
	flex-basis: 160px;
}

html[ie-version="ie11"] .m4-container-tab.horizontal .m4-tabMenu:not(.custom) .m4-tab {
	max-width: 160px;
}

.m4-container-tab.horizontal .m4-tabMenu.custom .m4-tab {
	min-width: 160px;
}

html[dir=ltr] .m4-container-tab.horizontal .m4-tab {
	margin-right: 4px;
}

html[dir=rtl] .m4-container-tab.horizontal .m4-tab {
	margin-left: 4px;
}

.m4-container-tab.vertical {
	display: flex;
}

.m4-container-tab.vertical .m4-tabView {
	padding: 12px;
	flex-grow: 1;
}

.m4-container-tab .m4-tabView .m4-tabCont {
	padding: 16px;
}

.m4-tabMenu .m4-tab:last-child {
	margin: 0;
}

html:not(.touchDevice) .m4-tab:hover {
	background-color: #d5eaf9;
}

.m4-tab.current {
	cursor: default!important;
	background-color: #9da516!important;
}

.m4-tab.current *,
.m4-tab.current .leftContent>span {
	color: #ffffff!important;
}

.m4-tab.current .m4-link {
	text-decoration: none!important;
	cursor: default!important;
}

.m4-tab.current .infoExtra {
	color: #ffffff;
	opacity: 0.60;
}


/* M4 TREE
 --------------------------------------------------- */

html[dir="ltr"] .m4-tree ul li ul li {
	padding-left: 24px;
}

html[dir="rtl"] .m4-tree ul li ul li {
	padding-right: 24px;
}

.m4-tree-check {
	overflow: hidden;
}

.m4-tree-check label {
	line-height: 24px;
	cursor: pointer;
}

.touchDevice .m4-tree-check label {
	line-height: 32px;
}

.m4-tree {
	position: relative;
}

.m4-tree-container {
	clear: both;
}

.m4-tree-container-search {
	display: inline-block;
}

.m4-tree-container-search input {
	float: left;
	width: 100%;
}

.m4-tree-container-search ul {
	clear: both;
	float: left;
	max-height: 150px;
	overflow: auto;
}

.m4-tree-container-search ul li {
	font-size: 11px;
	padding: 8px 12px;
}

html:not(.touchDevice) .m4-tree-container-search ul li:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.1);
}

#tables-panel-left .m4-tree-container-search {
	width: 100%;
}


/* Progress complete */

.m4-percentComplete .m4ProgressBar-text {
	display: none;
}

.m4-percentComplete-containerProgess-progress {
	padding: 0 6px;
}

.m4-percentComplete .m4-percentComplete-number {
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.m4-percentComplete-photo {
	width: 32px;
	height: 32px;
	background-size: 32px;
}

.m4-percentComplete-photo>img {
	width: 100%;
	height: 100%;
}

.m4-percentComplete-containerProgess-progress .m4ProgressBar-container {
	line-height: 5px;
}


/* m4-listCheckBox */

ul.m4-listCheckBox>li {
	margin-bottom: 8px;
}

ul.m4-listCheckBox>li:last-child {
	margin-bottom: 0;
}


/* M4 FILTERQBF
 --------------------------------------------------- */

.containerQBF {
	position: relative;
}

.containerQBF .contInput input {
	width: 100%;
}

.containerQBF .m4-filterQBF {
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.m4-filterQBF .m4-form {
	border: none;
	background-color: transparent;
	padding: 0;
}

.m4-filterQBF .m4-form label.m4-form-table-label {
	white-space: nowrap;
}

.m4-filterQBF-table:not(:empty) {
	margin-top: 8px;
}

html:not(.touchDevice) .m4-filterQBF-table .m4-table tbody td:hover,
html:not(.touchDevice) .m4-filterQBF-table .m4-table tbody td>*:hover {
	cursor: pointer;
}

html:not(.touchDevice) .m4-filterQBF-table .m4-table tbody tr.m4-table-no-data-available td:hover,
html:not(.touchDevice) .m4-filterQBF-table .m4-table tbody tr.m4-table-no-data-available td>*:hover {
	cursor: default;
}

.chzn-container,
.chzn-drop {
	width: 200px;
}

.m4-filterQBF-form .m4-form {
	border-width: 1px;
}

html[dir="ltr"] .m4-titleBar-content-right .m4-filterQBF {
	text-align: left;
}

html[dir="rtl"] .m4-titleBar-content-right .m4-filterQBF {
	text-align: right;
}


/* NEW POOLS
 --------------------------------------------------- */

.m4-form.newPools>div:first-child {
	padding-top: 0;
}

.newPools>div:last-child {
	margin: 0;
}

.newPools div.m4RadioButtonDiv {
	padding: 0;
}

.newPools .m4-xBoxGrid-newExt-adjustCoordinate {
	padding-top: 16px;
}

.newPools .m4-Div-NewPool {
	padding-top: 8px;
}

#m4-popUpFullWindow-contInfo>div .m4-form.newPools .m4-Div-NewPool>div {
	padding: 0;
	position: relative;
}

html[dir="ltr"] #m4-popUpFullWindow-contInfo>div .m4-form.newPools .m4-Div-NewPool>div {
	left: 0;
}

html[dir="rtl"] #m4-popUpFullWindow-contInfo>div .m4-form.newPools .m4-Div-NewPool>div {
	right: 0;
}

.newPools .m4-Div-NewPool>div>.m4-form-title {
	margin: 0;
}

.newPools.m4-form .m4-selectMax select {
	margin: 4px 0;
}

.newPools.m4-form .m4-selectMax select[multiple] {
	height: 45px;
}

.newPools .m4-Div-NewPool textarea {
	min-height: 40px;
}

.newPools .m4-Div-NewPool .m4-form-table td.m4-form-td-button {
	padding: 8px 0;
}

html[dir="ltr"] .newPools>div.m4-indent {
	padding-left: 16px;
	padding-top: 0;
	padding-bottom: 0;
}

html[dir="rtl"] .newPools>div.m4-indent {
	padding-right: 16px;
	padding-top: 0;
	padding-bottom: 0;
}

html[dir="ltr"] .newPools .m4-div-button {
	padding-left: 16px;
}

html[dir="rtl"] .newPools .m4-div-button {
	padding-right: 16px;
}


/* M4 ERROR
 --------------------------------------------------- */

#m4-error pre {
	white-space: pre-line;
}

#m4-error #m4-error-container {
	overflow-y: scroll;
	max-height: 220px;
	border: 1px solid #93A8C3;
	margin-top: 12px;
	padding: 0 8px;
}

#m4-error #m4-error-container.fixIeH {
	height: 200px;
}

#m4-error #m4-error-container ul li:not(:empty) {
	margin: 8px 0;
}


/* Highcharts
 --------------------------------------------------- */

.highcharts-background,
.highcharts-button rect {
	fill: transparent;
}

.highcharts-button path {
	fill: #4e647e;
	stroke: #4e647e;
}


/* Masonry
 --------------------------------------------------- */

.m4-masonry {
	position: relative;
}

.m4-masonry>div {
	display: inline-block;
	padding: 0 4px;
}

.m4-masonry .m4-masonry-left {
	padding: 0 8px 0 0;
}

.m4-masonry .m4-masonry-center {
	padding: 0 4px;
}

.m4-masonry .m4-masonry-right {
	padding: 0 0 0 8px;
}


/* onlyOneBlock */

.m4-masonry.onlyOneBlock>div:first-child {
	width: 100%!important;
	padding: 0;
}

.m4-masonry.onlyOneBlock>div:empty {
	display: none;
}


/* column */

.m4-masonry .column {
	margin-top: 16px;
}


/********** START Style Search Box **********/

.m4-search {
	position: relative;
	display: inline-flex;
	max-width: 100%;
}

.m4-search .m4-search-box,
.m4-searchEdge.m4-search-box {
	position: absolute;
	/*min-height: 137px;*/
	/*0294912*/
	background: transparent;
	z-index: 999;
}

.m4-searchEdge.m4-search-box {
	/*0298976*/
	z-index: 9999999;
}

.m4-search .m4-search-box-cont,
.m4-searchEdge .m4-search-box-cont {
	position: absolute;
	width: 100%;
	border: 1px solid rgb(127, 157, 185);
	background: #fff;
}

.m4-search .m4-search-box-cont ul.m4-search-result,
.m4-searchEdge .m4-search-box-cont ul.m4-search-result {
	max-height: 160px;
	overflow: auto;
	overflow-x: hidden;
}

.m4-search .m4-search-box-cont ul.m4-search-result li,
.m4-search .m4-search-box-cont>span,
.m4-searchEdge .m4-search-box-cont ul.m4-search-result li,
.m4-searchEdge .m4-search-box-cont>span {
	padding: 8px;
}

.m4-search .m4-search-box-cont ul.m4-search-result li label,
.m4-searchEdge .m4-search-box-cont ul.m4-search-result li label {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m4-search .m4-search-box-cont ul.m4-search-result li.showrecents {
	border-bottom: 1px solid #ccc;
}

html:not(.touchDevice) .m4-search .m4-search-box-cont ul.m4-search-result li:hover,
.m4-search .m4-search-box-cont ul.m4-search-result li.m4-search-simulateHover,
html:not(.touchDevice) .m4-search .m4-search-box-cont ul.m4-search-result li>label:hover,
.m4-search .m4-search-box-cont .m4-search-showAll.m4-search-simulate-hover,
html:not(.touchDevice) .m4-search .m4-search-box-cont .m4-search-showAll:hover,
html:not(.touchDevice) .m4-searchEdge .m4-search-box-cont ul.m4-search-result li:hover,
.m4-searchEdge .m4-search-box-cont ul.m4-search-result li.m4-search-simulateHover,
html:not(.touchDevice) .m4-searchEdge .m4-search-box-cont ul.m4-search-result li>label:hover,
.m4-searchEdge .m4-search-box-cont .m4-search-showAll.m4-search-simulate-hover,
html:not(.touchDevice) .m4-searchEdge .m4-search-box-cont .m4-search-showAll:hover,
html:not(.touchDevice) .m4-search .m4-search-box-cont ul.m4-search-result li.showrecents:hover {
	background-color: #f3f8fb!important;
	cursor: pointer;
	color: inherit;
}

.m4-search .m4-search-box-cont ul.m4-search-result li.m4-search-selected,
html:not(.touchDevice) .m4-search .m4-search-box-cont ul.m4-search-result li.m4-search-selected:hover,
html:not(.touchDevice) .m4-search .m4-search-box-cont ul.m4-search-result li.m4-search-selected>label:hover,
.m4-searchEdge .m4-search-box-cont ul.m4-search-result li.m4-search-selected,
html:not(.touchDevice) .m4-searchEdge .m4-search-box-cont ul.m4-search-result li.m4-search-selected>label:hover {
	/*color: #fff;*/
	background-color: #ebf4fb;
}

.m4-search .m4-search-box-cont .m4-search-showAll,
.m4-searchEdge .m4-search-box-cont .m4-search-showAll {
	display: block;
	border-top: 1px solid #BABDC7;
	background-color: #ffffff;
	color: #0060c9!important;
}

.m4-search .m4-search-box-cont .m4-search-spinner,
.m4-search .m4-search-box-cont .m4-search-noResult {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.m4-search ul.m4-search-container-multiselect li {}

.m4-search ul.m4-search-container-multiselect li p,
.m4-searchEdge ul.m4-search-container-multiselect li p {
	width: calc(100% - 28px);
	padding: 0 6px;
}


/* m4-multiselect */

.m4-multiselect {
	/*padding: 0 3px;*/
	border: 1px solid #7f9db9;
	background-color: #fff;
}

.m4-multiselect input {
	border: none!important;
}

.m4-multiselect input:focus {
	outline: none!important;
}

.m4-multiselect input:not(:only-child) {
	opacity: 0!important;
	background-image: none!important;
}

.m4-multiselect input:not(:only-child):focus {
	opacity: 1!important;
}

.m4-multiselect .item {
	margin: 2px 0;
	cursor: default;
	max-width: 100%;
}

.m4-multiselect .item p {
	padding: 0 3px;
}

.m4-multiselect .icon {
	padding: 3px;
	min-width: 22px;
	max-width: 22px;
	height: 22px;
	background-color: #7b93af;
}

html:not(.touchDevice) .m4-multiselect .icon.imgAction:hover {
	background-color: rgba(123, 147, 175, 0.6);
}


/********** END Style Search Box **********/


/********** START m4-comment **********/

.m4-expander-container {
	margin-bottom: 16px;
}

.m4-expander-view {
	/*overflow: hidden;*/
	/* OJO, las tablas dentro de expander necesitan overflow */
	padding-top: 8px;
}

html[dir="ltr"] .m4-expander-view {
	padding-left: 24px;
}

html[dir="rtl"] .m4-expander-view {
	padding-right: 24px;
}


/********** END m4-comment **********/


/********** START m4-comment **********/

textarea.m4-comment,
.m4-form-table textarea.m4-comment {
	min-height: 24px;
	height: 24px;
	width: 100%;
	max-width: 100%;
	max-height: 136px;
	overflow: auto;
	resize: none;
}

.touchDevice textarea.m4-comment,
.touchDevice .m4-form-table textarea.m4-comment {
	min-height: 32px;
	height: 32px;
}

div[showimage="true"] textarea.m4-comment,
div[showimage="true"] pre.m4-comment,
div[showimage="true"] div.readMore {
	width: calc(100% - 28px);
}

html[dir="ltr"] div[showimage="true"] div.readMore {
	margin-left: 28px;
}

html[dir="rtl"] div[showimage="true"] div.readMore {
	margin-right: 28px;
}

div.readMore {
	line-height: 0;
}

div[showimage="false"] div.readMore .m4-widgetButton-text label,
div[showimage="false"] pre.m4-comment {
	padding: 0;
}

pre.m4-comment {
	padding-top: 4px;
	margin-bottom: 4px;
	max-height: 65px;
	overflow: hidden;
}

pre.m4-comment:not(.noReadMore) {
	height: 52px;
}

div[showimage="false"] pre.m4-comment:not(.noReadMore) {
	height: 48px;
}

pre.m4-comment.viewAll {
	max-height: none!important;
	height: auto!important;
}

pre.m4-comment.frame {
	padding: 2px 6px;
}


/********** END m4-comment **********/

.m4-doubleSlider-cont {
	height: 16px;
	max-width: 100%;
}

.m4-doubleSlider-labelRange {
	position: relative;
}


/* m4-grid */

.m4-grid {
	width: 100%;
	max-height: 100%;
	position: absolute;
	overflow: hidden;
}

.m4-grid>.columns {
	border: 1px dashed #ccc;
}


/* END m4-grid */


/* Mywidgets */

.m4-mywidgets {
	margin: 0!important;
	border: 4px solid transparent;
	overflow: hidden;
	background-clip: content-box;
}

.m4-mywidgets.moving {
	z-index: 9999;
}

.m4-mywidgets.m4-dark {
	background-color: #3e4753;
}

.m4-mywidgets.m4-light {
	background-color: #eef0f5;
}

.m4-mywidgets.m4-dark * {
	color: #ffffff;
}

html:not(.touchDevice) .m4-mywidgets.m4-dark .m4-link:hover {
	color: inherit;
}

.m4-mywidgets.m4-dark .color {
	width: 100%;
	height: 100%;
}

.m4-mywidgets.m4-light .color {
	width: 100%;
	height: 100%;
}

.m4-mywidgets .divTitle {
	position: relative;
}

.m4-mywidgets .divTitle>h3 {
	max-width: calc(100% - 8px);
    padding: 4px 12px;
    line-height: 24px;
	cursor: move;
	cursor: grab;
	cursor: -webkit-grab;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m4-mywidgets .divTitle>h3 p {
	color: inherit;
	line-height: inherit;
}

.m4-mywidgets .m4-mywidgets-title {
	display: flex;
	align-items: center;
}

.m4-mywidgets .divTitle>.m4-mywidgets-imgGrab {
	position: absolute;
	top: calc(50% - 8px);
	visibility: hidden;
	cursor: move;
	cursor: grab;
	cursor: -webkit-grab;
	pointer-events: none;
}

html[dir="ltr"] .m4-mywidgets .divTitle>.m4-mywidgets-imgGrab {
	right: 8px;
}

html[dir="rtl"] .m4-mywidgets .divTitle>.m4-mywidgets-imgGrab {
	left: 8px;
}

html:not(.touchDevice) .m4-mywidgets .divTitle:hover>.m4-mywidgets-imgGrab {
	visibility: visible;
}

.m4-mywidgets .container {
	width: 100%;
	height: 100%;
	padding: 0 24px;
	position: relative;
}

.m4-mywidgets .page {
	width: calc(100% - 48px);
	/* Restamos los 48px de las flechas de navegación (24px por flecha), aunque no haya paginación se reserva el espacio */
	height: 100%;
	padding: 8px;
	position: absolute;
}

.m4-mywidgets .page.animation {
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in
}

.m4-mywidgets .page.prev {
	left: -100%;
}

.m4-mywidgets .page.next {
	left: 100%;
}

html[dir="ltr"] .m4-mywidgets .page.active {
	left: 24px;
}

html[dir="rtl"] .m4-mywidgets .page.active {
	right: 24px;
}

.m4-mywidgets .bullets {
	width: 100%;
	padding: 0 24px;
}

.m4-mywidgets .bullets>.bullet {
	height: 24px;
	width: 24px;
	position: relative;
	cursor: pointer;
}

.m4-mywidgets .bullets>.bullet>div {
	height: 8px;
	width: 8px;
	position: absolute;
	top: calc(50% - 4px);
	left: calc(50% - 4px);
	border-radius: 50%;
}

.m4-mywidgets .bullets>.bullet>div {
	background-color: rgba(255, 255, 255, 0.5);
}

.m4-mywidgets.m4-dark .bullets>.bullet.active>div {
	background-color: rgba(255, 255, 255, 0.8);
}

.m4-mywidgets.m4-light .bullets>.bullet>div {
	background-color: rgba(112, 132, 204, 0.5);
}

.m4-mywidgets.m4-light .bullets>.bullet.active>div {
	background-color: rgba(112, 132, 204, 1);
}

.m4-mywidgets .m4-back,
.m4-mywidgets .m4-forward {
	line-height: 0;
	position: absolute;
	top: calc(50% - 12px);
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.20);
}

html[dir="ltr"] .m4-mywidgets .m4-back {
	left: 0;
}

html[dir="rtl"] .m4-mywidgets .m4-back {
	right: 0;
}

html[dir="ltr"] .m4-mywidgets .m4-forward {
	right: 0;
}

html[dir="rtl"] .m4-mywidgets .m4-forward {
	left: 0;
}

html[dir="ltr"] .m4-mywidgets .m4-back,
html[dir="rtl"] .m4-mywidgets .m4-forward {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

html:not(.touchDevice) .m4-mywidgets .m4-back:not(.m4-disabled):hover,
html:not(.touchDevice) .m4-mywidgets .m4-forward:not(.m4-disabled):hover {
	background-color: rgba(112, 132, 204, 0.6);
}

html:not(.touchDevice) .m4-mywidgets.m4-dark .divTitle:hover,
html:not(.touchDevice) .m4-mywidgets.m4-dark .bullets>.bullet:hover,
html:not(.touchDevice) .m4-mywidgets.m4-dark .dragHandle:hover,
html:not(.touchDevice) .m4-mywidgets.m4-dark .imgAction.imgIcon:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

html:not(.touchDevice) .m4-mywidgets.m4-light .divTitle:hover,
html:not(.touchDevice) .m4-mywidgets.m4-light .bullets>.bullet:hover,
html:not(.touchDevice) .m4-mywidgets.m4-light .dragHandle:hover,
html:not(.touchDevice) .m4-mywidgets.m4-light .imgAction.imgIcon:hover {
	background-color: rgba(112, 132, 204, 0.2);
}

.m4-mywidgets .dragHandle {
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: 0;
	cursor: nw-resize;
	z-index: 9;
}

html[dir="ltr"] .m4-mywidgets .dragHandle {
	right: 0;
}

html[dir="rtl"] .m4-mywidgets .dragHandle {
	left: 0;
}

.m4-mywidgets .dragHandle>.m4-mywidgets-imgHandle {
	position: absolute;
	bottom: 0;
	pointer-events: none;
}

html[dir="ltr"] .m4-mywidgets .dragHandle>.m4-mywidgets-imgHandle {
	right: 0;
}

html[dir="rtl"] .m4-mywidgets .dragHandle>.m4-mywidgets-imgHandle {
	left: 0;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}


/* END Mywidgets */


/* Inactivity */

.mensInactivity {
	margin: 8px 12px;
}


/* m4-breadcrumb */

.m4-breadcrumb>label {}


/* Popup Info Vacancy */

#popupVacancies .attachment {
	margin-bottom: 12px;
}

#popupVacancies .infoVacancy {
	padding: 12px;
}

#popupVacancies .infoVacancy .divInfo {
	min-width: 150px;
	-webkit--flex-shrink: 2;
	flex-shrink: 2;
}

#popupVacancies .infoVacancy p {
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#popupVacancies .infoVacancy .middleColumn {
	min-width: 200px;
}

#popupVacancies .infoVacancy .middleColumn>div:first-child {
	min-width: 145px;
}

#popupVacancies .infoVacancy .middleColumn p {
	min-width: 80px;
}

#popupVacancies .infoVacancy h3 {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

#popupVacancies .infoVacancy p>span {
	padding: 1px;
	/* Si no hay texto ocupa el hueco para no descuadrar el resto de valores */
}

#popupVacancies .infoVacancy .icons {
	line-height: 0;
}

#popupVacancies .infoVacancy .icons img {
	margin: 2px 0;
}

#popupVacancies .infoVacancy .divValues {
	width: 100%;
}

#popupVacancies .infoVacancy .grade {
	width: 150px;
	min-width: 150px;
	/* 0308757 */
}

#popupVacancies .column:only-child {
	width: 100%;
}

#popupVacancies .fullBlock {
	clear: both;
}

#popupVacancies .fullBlock,
#popupVacancies .column>.m4-divTable {
	margin-bottom: 12px;
}

#popupVacancies .m4-divTable.m4-block {
	padding: 17px;
	margin: 0 0 12px 0;
	background-color: rgba(230, 232, 235, 1);
}

#popupVacancies .m4-divRow.m4-block,
#popupVacancies .langBlock>.m4-block {
	margin: 0;
	padding: 17px;
}

#popupVacancies .langBlock>.m4-block {
	float: none;
}

#popupVacancies .langBlock>.m4-block>.m4-divTable {
	background-color: transparent;
}

#popupVacancies .langBlock>.showMoreInfo {
	float: none;
	display: block;
}

#popupVacancies .langBlock {
	margin-bottom: 12px;
}

#popupVacancies .showMoreInfo>div {
	padding: 0;
	display: block!important;
}

#popupVacancies .showMoreInfo>div>.divComment {
	max-height: 200px;
	padding: 6px 17px 20px 17px;
	overflow: auto;
}

#popupVacancies .sectionColumns p {
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

#popupVacancies .sectionColumns .m4ProgressBar-container {
	margin-top: 6px;
}

#popupVacancies .sectionColumns .m4ProgressBar-text {
	width: 40px;
	font-size: 15px;
}

#popupVacancies .sectionColumns .showComment {
	position: relative;
	left: -6px;
	top: 9px;
}

#popupVacancies .language.h5 {
	padding-bottom: 12px;
}

#popupVacancies p.description,
#popupVacancies pre.description {
	width: 100%;
	padding: 12px 0;
}

#popupVacancies .languages .description {
	padding: 3px 0;
}

#popupVacancies .fullBlock h5 {
	margin: 12px 0 3px 0;
}

#popupVacancies .fullBlock>p.description {
	padding-top: 0;
}

#popupVacancies .grade.m4-block {
	padding: 0;
}

#popupVacancies .grade>div {
	padding: 17px;
}

#popupVacancies .grade .rightContent {
	padding: 17px 6px;
	background-color: #3e4753;
}

#popupVacancies .grade .textTitle {
	color: #d1ddeb;
}

#popupVacancies .grade .textGrade {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #ffd67d;
	font-family: 'Open SansCond';
}

#popupVacancies .grade .number {
	width: 44px;
	height: 44px;
	margin: 6px;
	padding: 12px 0;
	display: inline-block;
	text-align: center;
	font-size: 32px;
	color: #d1ddeb;
	background-color: #3e4753;
	border-radius: 22px;
	font-family: 'Open SansCond';
}

#popupVacancies .vacancy .column .m4ProgressBar-container-align,
#popupVacancies .vacancy .column .m4ProgressBar-container .m4progressBar {
	width: 50px;
}

#popupVacancies .vacancy .linkDoc>p {
	line-height: 28px;
}

#popupVacancies .vacancy .linkDoc>.m4-widgetButton {
	padding: 0;
}

#popupVacancies .mobilityIcon {
	width: 44px;
	height: 44px;
	padding: 6px;
}

#popupVacancies .fullBlock>h4 {
	padding-bottom: 12px;
}

#popupVacancies p.description.comment {
	padding: 6px 0;
	border-bottom: 1px solid #d3d7db;
}

#popupVacancies p.description.comment:last-child {
	border: none;
}

#popupVacancies div.m4-chart {
	height: 500px;
	padding-bottom: 6px;
}

#popupVacancies .m4ProgressBar-container .m4ProgressBar-text::after {
	content: '%';
}

#popupVacancies .fullBlock.table {
	margin-bottom: 17px;
}

#divVacancyDetail .vacancy.section {
	margin-top: 24px;
}


/* End Popup Info Vacancy */


/* Criteria list (Matriz talento popup cursos itinerarios formativos) */

#criteria-list.content-item {
	height: calc(100% - 32px);
}

#criteria-list.content-item.items-2 .element { /* 2 elementos */
	max-height: calc(100% - 64px);
}

#criteria-list.content-item.items-3 .element { /* 3 elementos */
	max-height: calc(100% - 96px);
}

#criteria-list.content-item.items-4 .element { /* 4 elementos */
	max-height: calc(100% - 128px);
}

#criteria-list.content-item.items-5 .element { /* 5 elementos */
	max-height: calc(100% - 160px);
}

#criteria-list.content-item.items-6 .element { /* 6 elementos */
	max-height: calc(100% - 192px);
}

#criteria-list .toggler {
	width: 100%;
	height: 32px;
	display: flex;
	align-items: center;
	color: #FFF;
	padding: 4px 6px;
	cursor: pointer;
	background-color: rgba(77, 90, 107, 1);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#criteria-list .element {
	overflow: hidden;
	height: 0%!important;
	transition: height 0.4s linear;
	-webkit-transition: height 0.4s linear;
	-moz-transition: height 0.4s linear;
	-o-transition: height 0.4s linear;
}

#criteria-list .element.active {
	height: 100%!important;
}


/* Time Picker
 --------------------------------------------------- */

.timePicker input {
	text-align: center;
	width: 68px;
}

.timePicker .containerListHours {
	height: 140px;
	overflow: auto;
}

.timePicker .containerListHours .selected,
.timePicker .containerListHours .selected:hover {
	cursor: default!important;
	color: #fff;
	background-color: #389dc8!important;
}


/* M4 LANE
 --------------------------------------------------- */
.m4-lane .groupedCont {
	min-width: 220px;
	max-width: 220px;
}

html[dir="ltr"] .m4-lane .lane-row > *:first-child,
html[dir="rtl"] .m4-lane .lane-row > *:first-child {
	border-left: none;
}


/* M4 SHOW CALENDAR
 --------------------------------------------------- */
.m4-show-calendar *[date-short] {
	display: none;
}

.m4-show-calendar.noDateIcon *[date-icon] {
	display: none;
}

.m4-table .m4-show-calendar {
	justify-content: center;
}

.m4-table .m4-show-calendar *[date-long],
.m4-table .m4-show-calendar *[date-icon] {
	display: none;
}

.m4-table .m4-show-calendar *[date-short] {
	display: inherit;
}

/* REQUEST TRAINING POPUP
 --------------------------------------------------- */

.requestTraining {
	min-height: 65%;
	/* Dado por el form que se pinta al hacer click en la check de no hay sesiones programadas */
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	.requestTraining {
		min-width: 768px;
		/* Dado por el form que se pinta al hacer click en la check de no hay sesiones programadas */
	}
}

.requestTraining .containerRadio {
    margin-top: 12px;
    margin-bottom: 12px;
}

.requestTraining .blockContainer {
    padding: 0 12px;
}

.requestTraining .blockRecomendedCourse {
	position: relative;
}

.requestTraining .blockRecomendedCourse .checkDiv,
.requestTraining .containerCourse .columnRadio {
    height: 100%;
    position: relative;
    background-color: #fafafa;
    text-align: center;
    min-width: 92px;
    max-width: 92px;
}

.requestTraining .blockRecomendedCourse .checkDiv svg,
.requestTraining .containerCourse .columnRadio svg {
	width: 32px;
	height: 32px;
	margin-top: 4px;
}

.requestTraining .blockRecomendedCourse .checkDiv .checkBox,
.requestTraining .containerCourse .columnRadio .checkBox {
	flex-direction: column-reverse;
}

.requestTraining .blockRecomendedCourse .checkDiv .checkBox label,
.requestTraining .containerCourse .columnRadio .checkBox label {
	margin: 0;
	padding: 4px 0px;
	max-width: 100%;
	white-space: normal;
	text-align: center;
}

.requestTraining .blockRecomendedCourse .contTriangle>div {
	top: 8px;
	right: 0;
}

.requestTraining .blockRecomendedCourse .contTriangle .iconTriangle {
	right: 2px;
	top: 10px;
	z-index: 9;
}

.requestTraining .blockRecomendedCourse .blockContainer {
	padding: 0 12px;
}

.requestTraining .blockRecomendedCourse .blockContainer .information {
	/*width: 50%;*/
	margin-top: 12px;
}

.requestTraining .blockRecomendedCourse .blockContainer .information>div {
    overflow: hidden;
}

.requestTraining .blockRecomendedCourse .blockContainer .information p {
	white-space: nowrap;
}

.requestTraining .blockRecomendedCourse .courseIcon {
    padding: 0 45px;
}

.requestTraining .blockRecomendedCourse .hours {
	min-width: 160px;
	padding-top: 12px;
}

.requestTraining .containerCourse .flexCircle {
	min-width: auto;
	max-width: auto;
}

.requestTraining .blockRecomendedCourse .numCircle,
.requestTraining .containerCourse .numCircle {
	padding: 0;
	margin: 0;
	display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 42px;
    line-height: normal;
}

.requestTraining .blockRecomendedCourse .numLabel,
.requestTraining .containerCourse .textCircle {
	padding-top: 8px;
	margin: 0;
}

.requestTraining .containerSession {
	padding: 0 24px;
}

.requestTraining .containerSession h3 {
	margin-bottom: 28px;
}

@media screen and (max-width: 1370px),
screen and (min-width: 1439px) and (max-width: 1599px),
screen and (min-width: 1920px) and (max-width: 2180px) {
	/* Si se modifica algo hay que replicarlo en TRAINING WHEN */
	.requestTraining:not(.maximize) .containerSession .columnCircles {
		-webkit-flex-direction: column;
		flex-direction: column;
		min-width: 240px;
		max-width: 240px;
	}
	.requestTraining:not(.maximize) .containerSession .flexCircle {
		min-width: 100%;
		max-width: 100%;
		padding: 4px 8px;
	}
	html[dir="ltr"] .requestTraining:not(.maximize) .containerSession .flexCircle {
		border-right: none;
	}
	html[dir="rtl"] .requestTraining:not(.maximize) .containerSession .flexCircle {
		border-left: none;
	}
	.requestTraining:not(.maximize) .containerSession .flexCircle>div {
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: center;
		align-items: center;
	}
	.requestTraining:not(.maximize) .containerSession .numCircle {
		width: 32px;
		height: 32px;
		margin: 0;
		font-size: 16px;
		line-height: 32px;
	}
	.requestTraining:not(.maximize) .containerSession .textCircle {
		padding-top: 0;
	}
	html[dir="ltr"] .requestTraining:not(.maximize) .containerSession .textCircle {
		margin-left: 4px;
	}
	html[dir="rtl"] .requestTraining:not(.maximize) .containerSession .textCircle {
		margin-right: 4px;
	}
}

.requestTraining .other {
	margin-top: 24px;
}


/* TRAINING SESSION
 --------------------------------------------------- */

#sessionDetails .blockContainer {
	padding: 4px 12px;
}

#sessionDetails>div.session {
	margin-bottom: 24px;
	clear: both;
}

#sessionDetails>div>h3 {
	margin-bottom: 12px;
	width: 100%
}

#sessionDetails .dates .numCircle {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 34px;
}


/* SESSION */

#sessionDetails .session p.line {
	margin: 6px 0;
}

#sessionDetails .session .column2 {
	min-width: 166px;
	/* BUG IE 0297087 */
	max-width: 166px;
	/* BUG IE 0297087 */
	border-left: 1px solid #ffffff;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}

#sessionDetails .session .status {
	padding: 0 6px;
	min-width: 100px;
}

#sessionDetails .session .info {
	padding-bottom: 6px;
}

#sessionDetails .session .info .information {
	margin-right: 24px;
	margin-top: 12px;
}

#sessionDetails .session .numCircle {
	width: 80px;
	height: 80px;
	line-height: 80px;
	padding: 0;
	font-size: 34px;
	margin: 0 42px;
}

#sessionDetails .session .textCircle {
	margin-top: 12px
}

#sessionDetails .session .status {
	margin: 0 24px;
}


/* CALENDAR */

.calendarTraining {
	padding: 0;
}

.calendarTraining thead th {
	background-color: transparent!important;
}

.calendarTraining tbody td {
	overflow: hidden;
}

.calendarTraining .day {
	line-height: inherit;
}

.calendarTraining .day.selectDay {
	background-color: #389dc8!important;
}

.calendarTraining td:not(.k-state-selected) .day.sessionDay {
	background-color: #cccccc!important;
	font-color: #333!important;
}


/* detailDays */

#sessionDetails .detailDays .information {
	margin-bottom: 12px;
}

#sessionDetails .detailDays .information .m4-icon32 {
	max-width: 32px;
	min-width: 32px;
}

#sessionDetails .detailDays .information .row50 {
	margin: 6px 12px 12px 12px;
}

#sessionDetails .detailDays .information .row50:first-child {
	margin-top: 12px;
}


/* MEDIA QUERIES */

@media screen and (max-width: 768px) {
	#sessionDetails .contCalendar {
		display: none
	}
	#sessionDetails .information .row50 {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#sessionDetails .information .row50:first-child {
		margin-bottom: 0!important;
	}
	#sessionDetails .information .row50>div {
		padding: 0;
		max-width: 100%;
	}
	#sessionDetails .information .row50>div:first-child {
		margin-bottom: 12px;
	}
	#sessionDetails .detailDays .information .hours {
		min-width: 120px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.calendarTraining {
		width: 195px!important;
	}
	.calendarTraining * {
		font-size: 11px;
	}
	#sessionDetails .information .row50 .noOverflow {
		min-width: 50%;
	}
	#sessionDetails .detailDays .information .hours .numCircle {
		padding: 12px 4px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
	.calendarTraining {
		width: 230px!important;
	}
	.calendarTraining * {
		font-size: 13px;
	}
	#sessionDetails .detailDays .information .dates {
		min-width: 120px;
	}
	#sessionDetails .information .row50 .noOverflow {
		min-width: 40%;
	}
	#sessionDetails .detailDays .information .hours {
		min-width: 120px;
	}
}

@media screen and (min-width: 1441px) {
	.calendarTraining {
		width: 285px!important;
	}
	.calendarTraining * {
		font-size: initial;
	}
	#sessionDetails .information .row50 .noOverflow {
		min-width: 30%;
	}
	#sessionDetails .detailDays .information .dates {
		min-width: 200px;
	}
	#sessionDetails .detailDays .information .hours {
		min-width: 200px;
	}
}


/* TRAINING COURSE
 --------------------------------------------------- */

#courseDetails>div {
	margin-bottom: 24px;
	clear: both;
}

#courseDetails .blockContainer {
	padding: 8px 12px;
}

#courseDetails>div>h3 {
	margin-bottom: 12px;
	width: 100%
}

#courseDetails .m4-formatted ul li {
	margin-bottom: 4px;
}

#courseDetails .m4-formatted ul li:last-child {
	margin-bottom: 0;
}

#courseDetails>div>.information,
#courseDetails .textBlock {
	margin-bottom: 12px;
}


/* COURSE */

#courseDetails>div.course {
	margin-bottom: 24px;
}

html[dir="ltr"] #courseDetails .course.isDeductible>.blockContainer {
	padding-right: 75px;
}

html[dir="rtl"] #courseDetails .course.isDeductible>.blockContainer {
	padding-left: 75px;
}

#courseDetails .course {
	position: relative;
}

#courseDetails .course p.line {
	margin-bottom: 4px;
}

#courseDetails .course .status {
	padding: 0 4px;
	min-width: 100px;
}

#courseDetails .course .info {
	padding-top: 12px;
}

#courseDetails .course .columnCircle {
	height: 100%;
}

#courseDetails .course .textCircle {
	margin-top: 12px
}

#courseDetails .course .numCircle {
	display: inline-block;
	font-size: 42px;
	padding: 12px;
	width: 80px;
	height: 80px;
	margin: 0 42px;
	line-height: 60px;
}

#courseDetails .course .iconTriangle {
	z-index: 9;
}

#courseDetails .course .iconTriangle {
	right: 2px;
	top: 2px;
}

#courseDetails .lineBlocks>div {
	margin-right: 24px;
	margin-bottom: 12px;
}

#courseDetails .extendedKnow p {
	margin-bottom: 4px;
}

#courseDetails .information p {
	white-space: nowrap;
}


/* PREREQUISITES */

#courseDetails>div.prerequisites {
	margin-bottom: 12px;
	overflow: hidden;
}

#courseDetails .prerequisites>div {
	margin-bottom: 12px;
}

#courseDetails .prerequisites .colNum {
	min-width: 50px;
	max-width: 50px;
}

#courseDetails .prerequisites .colNum span {
	font-size: 20px;
	width: 100%;
}

#courseDetails .prerequisites .colReq span {
	margin: 0 12px;
}


/* AGREEMENTS */

#courseDetails .agreements>div {
	width: 100%;
}

#courseDetails .agreements .col1 {
	width: 100%;
}

#courseDetails .agreements .information {
	margin: 0 24px;
}


/* LEVELS */

#courseDetails .levels .colReq span {
	margin: 0 12px;
}


/* CURRENCY */
.m4-currency {

}

.m4-currency #money-pay .symbol {
	display: none;
}

.currencyPopUp .contentLabels {
	min-width: 150px;
}


/* STEPS */

#main[m4-steps-collapse="false"] #panel-center {
	height: calc(100% - 72px); /* cálculo con steps */
}

#main[m4-steps-collapse="true"] #panel-center {
	height: calc(100% - 48px); /* cálculo con steps */
}

#main[m4-steps-collapse="false"][m4-panel-subtitle-buttons="true"] #panel-center {
	height: calc(100% - 104px); /* cálculo con steps y botonera*/
}

#main[m4-steps-collapse="true"][m4-panel-subtitle-buttons="true"] #panel-center {
	height: calc(100% - 80px); /* cálculo con steps y botonera */
}

#main[m4-panel-subtitle-buttons="true"] #panel-center {
	height: calc(100% - 32px); /* cálculo sin steps y con botonera */
}

.steps .circle {
	border: 2px solid;
	border-color: #7280c9;
	color: #7280c9;
	background-color: transparent;
}

.steps .circle.active {
	border: 0;
	color: #fff;
	background-color: #ba68c8;
}


/* POPUPLATIONS */

.populationPopUp {
	height: 100%;
}

.populationTitle {
	min-width: 220px;
}

html[dir="ltr"] .populationItems .item:last-child {
	margin-right: 0!important;
}

html[dir="rtl"] .populationItems .item:last-child {
	margin-left: 0!important;
}


/* populationSection colors */

.populationTitle.workUnit {
	background-color: #ea116a;
}

.toggler.workUnit {
    border-left: 4px solid #ea116a;
}

.populationTitle.job {
	background-color: #3cb33c;
}

.toggler.job {
    border-left: 4px solid #3cb33c;
}

.populationTitle.position {
	background-color: #d4bf0f;
}

.toggler.position {
    border-left: 4px solid #d4bf0f;
}

.populationTitle.jobFamily {
	background-color: #99ffb3;
}

.toggler.jobFamily {
    border-left: 4px solid #99ffb3;
}

.populationTitle.legalEntity {
	background-color: #ff7f00;
}

.toggler.legalEntity {
    border-left: 4px solid #ff7f00;
}

.populationTitle.employee {
	background-color: #3d4a58;
}

.toggler.employee {
    border-left: 4px solid #3d4a58;
}

/* drag and drop */

.droppableZone {
	width: 100%;
	height: 32px;
	border: 2px dashed #8aa7f7;
}

.droppableZone.hover {
	background-color: #dee5f9;
}

.droppableZone .droppableBackground {
	width: 100%;
	height: 100%;
}

.droppableZone .droppableBackground>div {
	width: 100%;
}


/* filters active */
/**[filterisactive="true"] .m4RadioButton[m4-checked="true"] label,
*[filterisactive="true"] .m4RadioButton[m4-checked="true"] span,*/
#filter-list *[filterisactive="true"] .m4-filter-container-title h3 {
	color: rgba(187, 19, 166, 1)!important;
}

*[filterisactive="true"] input,
*[filterisactive="true"] textarea,
*[filterisactive="true"] select,
*[filterisactive="true"] .m4-multiselect,
*[filterisactive="true"] .m4RadioButton[m4-checked="true"] svg[typebox="checkBox"] {
	border: 1px solid rgba(187, 19, 166, 1);
}

*[filterisactive="true"] .m4RadioButton[m4-checked="true"] svg path {
	fill: rgba(187, 19, 166, 1);
}

*[filterisactive="true"] .m4-makeFilter,
*[filterisactive="true"] .m4-slider {
	background-color: rgba(187, 19, 166, 0.15);
}

html:not(.touchDevice) *[filterisactive="true"] .m4-makeFilter:hover {
	background-color: rgba(187, 19, 166, 0.3);
}


/* MEDIA QUERIES */

@media screen and (min-width: 768px) and (max-width: 1023px) {}

@media screen and (min-width: 1024px) and (max-width: 1280px) {}

@media screen and (min-width: 1281px) and (max-width: 1440px) {}

@media screen and (min-width: 1441px) and (max-width: 1920px) {}

@media screen and (min-width: 1921px) {}