body .card {
    background: #c0cad4;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom:20px;
} 

body .ui-breadcrumb {
	background: #ffffff;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	margin-left: -10px;
	margin-right: -10px;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus {
	outline: 0 none;
	outline-offset: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

body .ui-button.ui-state-focus {
	border-color: var(--institucional-activo);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--institucional);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--institucional);
}

body .ui-card.botones {
	background-color: #f5f5f5;
}

body .ui-card.botones .ui-card-body {
	padding: 0 1rem;
}

body .ui-card.botones .ui-card-body button {
	margin-right: 10px;
}

body .ui-card.error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}

body .ui-card.error .ui-card-body {
	padding: 0 1rem;
}

body .ui-card.error .ui-card-body .ui-card-content {
	display: flex;
	align-items: center;
	font-weight: 700;
}

body .ui-card.error .ui-card-body .ui-card-content .pi {
	font-size: 2rem;
}

body .ui-card.warning {
	background-color: #feffd0;
	border-color: #fef09e;
	color: #9b8b1c;
}

body .ui-card.warning .ui-card-body {
	padding: 0 1rem;
}

body .ui-card.warning .ui-card-body .ui-card-content {
	display: flex;
	align-items: center;
	font-weight: 700;
}

body .ui-card.warning .ui-card-body .ui-card-content .pi {
	font-size: 2rem;
}

body .ui-card.info {
	background-color: #caedff;
	border-color: #9bdcff;
	color: #0080c4;
}

body .ui-card.info .ui-card-body {
	padding: 0 1rem;
}

body .ui-card.info .ui-card-body .ui-card-content {
	display: flex;
	align-items: center;
	font-weight: 700;
}

body .ui-card.info .ui-card-body .ui-card-content .pi {
	font-size: 2rem;
}

body .ui-card.success {
	background-color: #c8e6c9;
	border-color: #addaae;
	color: #256029;
}

body .ui-card.success .ui-card-body {
	padding: 0 1rem;
}

body .ui-card.success .ui-card-body .ui-card-content {
	display: flex;
	align-items: center;
	font-weight: 700;
}

body .ui-card.success .ui-card-body .ui-card-content .pi {
	font-size: 2rem;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
	background: var(--institucional);
    background-color: var(--institucional);
	border-color: var(--institucional);
    color: #fff;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: var(--institucional);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: var(--institucional);
}

body .ui-commandlink.glosario, body .ui-link.glosario {
	font-size: 0.8rem;
}

body .ui-datalist .ui-datalist-header {
	background-color: var(--institucional-activo);
	margin-bottom: 3px;
	border: none;   
    font-size: 1.3rem;
    text-shadow: none;
    padding: 0.25rem 0.6rem;
}

body .ui-datalist .ui-datalist-content {
	border: none;
	padding: 0px;
}

body .ui-datalist .ui-datalist-item {
	background-color: #edeeef;
	border-left: 10px solid ;
	border-left-color: var(--institucional-activo);
	margin-bottom: 3px;
	padding: 10px;
}

body .ui-datalist .ui-datalist-item table {
	width:100%;
}

body .ui-datalist .ui-datalist-item table tr td {
	font-weight: 700;
	text-align: right;
}

body .ui-datalist .ui-datalist-item table tr td:nth-of-type(1) {	
	text-align: left;
	max-width:6.5rem;
}

body .ui-datalist .ui-datalist-item table tr:nth-of-type(1) td:nth-of-type(2) {
	min-width: 2.4em;
	text-align: center;
}


body .ui-datatable {
	/*border-collapse: separate;*/
    width: 100%;
    table-layout: fixed;
}

body .ui-datatable thead th {
	background-color: var(--institucional-activo);
	border: 1px solid #e9ecef;
	border-width: 0 0 1px 0;
	box-sizing: content-box;
	color: #ffffff;
	padding: 0.5rem 0.5rem;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

body .ui-datatable thead th.ui-state-active {
	background: var(--institucional-activo);
	color: #ffffff;
}

body .ui-datatable thead th.ui-state-hover {
	background: var(--institucional);
	color: #ffffff;
}

body .ui-datatable thead th.ui-state-active.ui-state-hover {
	background: var(--institucional);
	color: #ffffff;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    background: var(--institucional-claro);
    color: #495057;
}

body .ui-datatable .ui-datatable-footer {
	background-color: #f5f5f5;
	padding: 0.5rem 0.5rem;
}

body .ui-datatable .ui-datatable-data > tr {
	color: #1f2020;
}

body .ui-datatable .ui-datatable-data>tr>td {
	height: 45px;
	padding: 0 0.5rem;
	text-align: center;
}

body .ui-datatable .ui-datatable-data>tr.ui-expanded-row-content>td {
	background-color: #fbfcfc;
	padding: 1rem;
}

body .ui-datatable .ui-datatable-footer .ui-widget.ui-button.secondary {
	font-size: 0.8rem;
}

body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd {
    background: #eaeaea;
}

body .ui-dialog .ui-dialog-content {
	background: #ffffff;
	color: #495057;
	border: 0 none;
	padding: 1rem 1.5rem 1rem 1.5rem;
	border: 0 none;
}

body .ui-dialog .ui-dialog-titlebar {
	background-color: var(--institucional-activo);
	border-bottom: 0 none;
	color: #ffffff;
	font-weight: 700;
	padding: 0.5rem 1.5rem;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
	color: #ffffff;
	font-weight: 700;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div {
    padding: 0.5rem;
}

body .ui-inputfield {
	text-align: left;
}

body .ui-inputfield.ui-state-focus {
	border-color: var(--institucional-activo);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--institucional);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--institucional);
}

body .ui-inputfield[readonly] {
	background-color: #f5f5f5;
}

body .ui-panel .ui-panel-content {
	padding: 0.5rem;
	border: 1px solid #6f7477;
	background: #e8ecef;
}

body .ui-panel .ui-panel-titlebar {
	padding: 0.5rem 1rem;
	border: 1px solid #6f7477;
    background: #c0cad4;
    color: black;
	
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
	background: none;
}

body .ui-selectcheckboxmenu.ui-state-focus:not(.ui-state-error) {
	border-color: var(--institucional-activo);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--institucional);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--institucional);
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item {
	padding: 0.2rem 1rem;
}

body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
	border-color: var(--institucional-activo);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--institucional);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--institucional);
}


body .ui-selectonemenu.ui-state-disabled {
	background-color: #f5f5f5;
}

body .ui-selectonemenu.ui-state-hover {
	border-color: var(--institucional-activo);
}

body .ui-treetable .ui-treetable-footer {
	background-color: #f5f5f5;
	padding: 0.5rem 0.5rem;
}

body .ui-treetable .ui-treetable-footer .ui-widget.ui-button.secondary {
	font-size: 0.8rem;
}

body .ui-treetable thead th, body .ui-treetable tbody td, body .ui-treetable tfoot td {
    white-space: normal;
}

body .ui-treetable .ui-column-filter.ui-inputfield  {
	font-size: 0.8rem;
	padding: 3px 3px;
}

body .ui-widget {
	font-family: "Ciudadana";
}

body .ui-widget.ui-button {	
	background-color: var(--institucional-activo);
	border: 1px solid var(--institucional-activo);    
    border-radius: 4px;
    padding: 0rem 1rem;
    font-weight: 500;
    color: #ffffff;
    height: 36px;
    text-transform: uppercase;
    width: 100%;    
}

body .ui-widget.ui-button.boton-en-campo { 
	    height: 44px;
}

body .ui-widget.ui-button:hover {
	background-color: var(--institucional);
	border-color: var(--institucional);
}

body .ui-widget.ui-button.secondary {
	background-color: #ffffff;
	background-image: linear-gradient(#fff, #fff 60%, #f5f5f5);
	background-repeat: no-repeat;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #e6e6e6;
	color: #555555;
	font-weight: 500;
	filter: none;
}

body .ui-widget.ui-button.secondary:hover {
	background-color: #d4d4d4;
	background-image: none;
	border-color: rgba(0, 0, 0, 0.1);
}

body .ui-widget.ui-datalist {
	font-size: 0.95rem;
}

body .ui-widget.ui-datatable {
	font-size: 0.8rem;
}

body .ui-widget.ui-datatable table {
	table-layout: auto;
}

body .ui-widget.ui-outputlabel {
	font-size: 0.8rem;
	font-weight: 700;
	text-align: left;
}

body .ui-widget.ui-outputlabel a.glosario:hover {
	cursor: pointer;
	text-decoration: none;
}

body .ui-widget.ui-outputlabel .ui-outputlabel-rfi {
	color: red;
}

body .ui-widget.ui-treetable {
	font-size: 0.8rem;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
	border: none;
}

/* FIX PARA QUE SE MUESTREN LOS ICONOS PARA SELECCIONAR LA HORA EN DatePicker de PF */
body .ui-datepicker .ui-icon {
	text-indent: 0;
}