@charset "utf-8";
/* CSS Document */
/*** SM-APPBUILDER:USER-CONTENT:START:HEAD *********************************** */
/*** SM-APPBUILDER:OPTIONS:ENABLE ############################################ */


/*** SM-APPBUILDER:USER-CONTENT:END ****************************************** */
/************************************************/
/* Estilos para la tabla de los filtros dinamicos */
.table-filters table tr td {
	background-color: white !important;
	border: 0 none !important;
}

.hide-column-names table thead {
	display:none;
	visibility: hidden;
}

.hide-column-names table tr td {
	border-style: hidden !important;
}

.json-datatable table thead {
	display:none;
}

.json-datatable .ui-datatable-scrollable-body{
	max-height: 200px; 
}

.ui-datepicker{
    clip: auto !important;
}

/************************************************/

/** Estilos para la tabla de los filtros dinamicos */
.table-filters table tr td {
	background-color: white !important;
	border: 0 none !important;
}

.hide-column-names table thead {
	visibility: hidden;
}

.hide-column-names table tr td {
	border-style: hidden !important;
}

/************************************************/

/* EL color del dialog es blanco */
.dialog-background {
	background: white !important
}

/* Quita los bordes a los paneles */
.borderless-panel-grid tr, .footer-pane tr, .panel-grid-form tr,
	.borderless-panel-grid td, .footer-pane td, .panel-grid-form td {
	border: none !important;
}

/* Ubica el panel del footer de los dialogs a la derecha */
.button-pane {
	float: right !important;
	margin-left: auto !important;
	margin-right: 0px !important;
	padding: 0px !important;
}

/* Estilo para el tree en Configuracion Seguridad */
.tree-table {
	padding-bottom: 0px;
}

.paddingless-panel-grid td {
	padding: 0px !important;
}

/* Estilo para el tree en Configuracion Seguridad */
.user-tree-scroll {
	height: 450px;
	border: none;
}

/* Estilo para el tree en Configuracion Seguridad */
.role-tree-scroll {
	height: 385px;
	border: none;
}

/* Quita el borde a un dataGrid en Configuracion Seguridad */
.ui-datagrid-no-border .ui-datagrid-content {
	border: none;
}

/* Deja un espacio top en lo panelgrid de los dialog de usuario */
.ui-row-padding .ui-grid-row {
	padding-top: 2%;
}

.calendar-width {
	width: 110px;
}

/* Tabla del filtro buscar */
table.form-filter {
	width: 100%;
}

.ui-dialog.ui-widget-content {
	background-color: white !important;
}

/* .ui-datepicker{ */
/* 	background-color: white !important; */
/* } */

/* .ui-selectcheckboxmenu-panel{ */
/* 	background-color: white !important; */
/* } */

/* Estilo para que los dialogos se formen responsive */
@media (min-width: 700px) {
    .ui-fieldset {
       height: max-content !important;
    }
}

/******************* ALARMAS *******************/
.alert td:nth-child(3) {
	color: #ff0000;
	font-weight: bold;
}

.fail td:nth-child(3) {
	color: #ff8040;
	font-weight: bold;
}

.minor td:nth-child(3) {
	color: #ffff00;
	font-weight: bold;
}

.warning td:nth-child(3) {
	color: #008040;
	font-weight: bold;
}

.info td:nth-child(3) {
	color: #0000ff;
	font-weight: bold;
}

.minor td:nth-child(3) {
	color: #ffff00;
	font-weight: bold;
}

.warning td:nth-child(3) {
	color: #008040;
	font-weight: bold;
}

.info td:nth-child(3) {
	color: #0000ff;
	font-weight: bold;
}

.alarm_state_active {
	color: #ff0000;
	font-weight: bold;
}

.calendar-text-white input {
	color: white
}

.ui-selectcheckboxmenu-trigger {
	width: 0px !important;
}

.ui-icon-triangle-1-s {
	margin-left: -5px !important;
}

.filter-first-column {
	width: 30% !important;
}

.filter-second-column {
	width: 70% !important;
}

.input-color-gray {
	background: gainsboro !important;
}

.dialog-text-color{
	color: #999;
}

/* ****************************************************************/
/* ESTILOS PARA LAS TABLAS DE TRANSACCIONES Y TRANSACTION CONTROL */
/*                           Y ALARMAS                            */
/* ****************************************************************/

.column_style
{
	text-align: center;
}

.info-column
{
	width: 6% !important;
	text-align: center !important;
}

.red_color
{
  	background-color: #ff4d4d !important;
  	border-radius: 7px;
}

.green_color
{
 	 background-color: #71da71 !important;
 	 border-radius: 7px;
}

.yellow_color
{
 	 background-color: #ffff80 !important;
 	 border-radius: 7px;
}

.column-label-style 
{
    background-color: #ebebe0 !important;
    font-weight: bold;
/*     text-align: center; */
/*     border: groove !important; */
/*     display: inline-block; */
/*     border-radius: 5px; */
/*     width: 14%; */
}

.canceled_type{
	
	background-color: #d6d6c2;
	padding-top: 4px;
    padding-bottom: 4px;
	border-radius: 5px;
	height: 14px;
	padding-top: 2px;
}

.error_type
{
  	background-color: #ff1a1a;
  	padding-top: 4px;
    padding-bottom: 4px;
  	border-radius: 5px;
  	height: 14px;
  	padding-top: 2px;
}

.ok_type
{
 	 background-color: #71da71;
 	 padding-top: 4px;
     padding-bottom: 4px;
 	 border-radius: 5px;
 	 height: 14px;
 	 padding-top: 2px;
}

.warning_type
{
 	 background-color: #ffff80;
 	 padding-top: 4px;
     padding-bottom: 4px;
 	 border-radius: 5px;
 	 height: 14px;
 	 padding-top: 2px;
}

.info_type
{
 	 background-color: #d9d9d9;
 	 padding-top: 4px;
     padding-bottom: 4px;
 	 border-radius: 5px;
 	 height: 14px;
 	 padding-top: 2px;
}

.minor_type
{
 	 background-color: #ff4d4d;
 	 padding-top: 4px;
     padding-bottom: 4px;
 	 border-radius: 5px;
 	 height: 14px;
 	 padding-top: 2px;
}

.major_type
{
 	 background-color: #fb7664;
 	 padding-top: 4px;
     padding-bottom: 4px;
 	 border-radius: 5px;
 	 height: 14px;
 	 padding-top: 2px;
}

.critical_type
{
 	 background-color: #e60000;
 	 padding-top: 4px;
     padding-bottom: 4px;
 	 border-radius: 5px;
 	 height: 14px;
 	 padding-top: 2px;
}


.disabled_type
{
 	 background-color: #A1A1A1;
 	 padding-top: 4px;
     padding-bottom: 4px;
 	 border-radius: 5px;
 	 height: 14px;
 	 padding-top: 2px;
}

.operational_type
{
 	 background-color: #29B473;
 	 padding-top: 4px;
     padding-bottom: 4px;
 	 border-radius: 5px;
 	 height: 14px;
 	 padding-top: 2px;
}

/* ****************************************************************/
/* ESTILOS PARA WIZARD DE GESTION FONDOS                          */
/* ****************************************************************/

.wizardContainer{
	height: auto;
}

.buttons-wizart {
	height: 40px;
}

.container-forms-gestion {
	height: 600px;
}
.buttons-wizard {
	border: none;
	margin-top: -5px;
	margin-bottom: -15px;
}

.formWizard {
	overflow: hidden;
	overflow-y: auto;
	max-height: 450px;
}

.tabLink {
	color: white;
}


/* ****************************************************************/
/* ESTILOS GENERALES PARA TABLAS (PERMITE MULTILINEA)             */
/* ****************************************************************/

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td{
    white-space: initial !important;
}

.ui-datatable-resizable table{
	table-layout: initial !important;
}

/** estilos para columna id */
.ui-datatable-tablewrapper table thead tr th.ui-table-id{
    width: 90px !important;
}

.ui-datatable-tablewrapper table thead tr th.ui-table-id span:nth-child(1){
    display:none;
}

/** estilos para columna acciones */
.ui-datatable-tablewrapper table thead tr th[aria-label="Acciones"]{
	width: 160px !important;
}

.ui-datatable-tablewrapper table tbody tr td.ui-actions{
	text-align: center;
}


/************************************************/
/** background body */

.img-background-body{
	height: inherit;
/* 	background-image: url("/smosp/javax.faces.resource/images/login/login.png.xhtml?ln=ultima-layout");  */
	background-image: url("/smosp/javax.faces.resource/images/blue-world.jpg.xhtml?ln=ultima-layout");
	
	/** PROPIEDADES PARA NO REPETIR LA IMAGEN Y QUE SE ADAPTE AL TAMAÑO DE LA PANTALLA */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/************************************************/
/** Nuevos Estilos SM 2021-07*/
/************************************************/
/*Personalizados generale*/
body.layout-compact .card {
    margin-bottom: 5px !important;
}
/**/
/* Estilos personalizados para las tablas - Inicia */
body .ui-datatable thead th:first-child {
    border-left: 0px solid transparent;
}
body .ui-datatable tbody tr td {
    border: 0px solid transparent;
}
body .ui-datatable thead tr th {
    border: 0px solid transparent;
}
body .ui-datatable thead th:last-child {
    border-right: 0px solid transparent;
}
body.layout-compact .ui-button.ui-button-icon-only {
    transform: scale(0.8);
}
body .ui-datatable thead th.ui-state-active, body .ui-datatable thead th.ui-state-highlight {
    background-color: #03A9F4;
    border-top-color: #03A9F4;
}
body .ui-toolbar {
    background-color: #001F33;
}
body .ui-paginator {
    background-color: #001F33;
}
body.layout-compact .ui-datatable tbody tr.ui-widget-content td {
    padding: 3px 10px !important;
}
body .ui-datatable tbody tr.ui-datatable-even {
    background-color: #E9E9E9;
}
@media (min-width: 1025px) {
    .layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > a {
        color: #212121;
        background-color: #BEEBFE !important;
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a:hover {
        background-color: #BEEBFE !important;
        color: #212121;
    }
    .layout-wrapper.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li.active-menuitem > a {
        color: #0277BD !important;
    }
	.layout-wrapper .topbar-items > li .topbar-icon {
    font-size: 28px !important;
}
}
/* Estilos personalizados para las tablas - Finaliza */

/* Estilos sideBar */
.ui-sidebar-left {
    top: 60px !important;
}



/* ****************************************************************/
/*  **********************  FIN DE ESTILOS BASE *******************/
/* ****************************************************************/

/*** SM-APPBUILDER:USER-CONTENT:START:BODY:custom: *** */

.alarmaTareaNd {
	max-width: 100%;
  	display: block;
  	background-color: rgb(192, 192, 192);
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}
.alarmaTareaOk {
	max-width: 100%;
  	display: block;
  	background-color: #32CD32;
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}
.alarmaTareaMn {
	max-width: 100%;
  	display: block;
  	background-color: #FFFF00;
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}

.alarmaTareaMy {
	max-width: 100%;
  	display: block;
  	background-color: #FF0000;
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}

.estadoPendiente {
	max-width: 100%;
  	display: block;
  	background-color: #FF0000;
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}
.EstadoTerminada {
	max-width: 100%;
  	display: block;
  	background-color: #32CD32;
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}
.estadoSuspendida {
	max-width: 100%;
  	display: block;
  	background-color: #FFFF00;
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}
.estadoEnProceso {
	max-width: 100%;
  	display: block;
  	background-color: #FFFFF0;
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}
.estadoCancelada {
	max-width: 100%;
  	display: block;
  	background-color: rgb(192, 192, 192);
  	color: black;
  	padding: 10px;
  	border-radius: 10%;	
}

@media only screen and (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }
}


/*** SM-APPBUILDER:USER-CONTENT:END *** */