/** Tablas usadas en los mantenimientos **/
.mantenimientoTablasSinBorde {
	text-align: center;
	margin: 0px auto;
	border-width: 0px;
}

* {
	box-sizing: border-box;
}

body .ui-selectcheckboxmenu .ui-helper-hidden label:hover {
	background-color: #e60000;
	font-weight: bold;
	color: white;
	cursor: pointer;
	border: 0 none;
	padding-left: 5px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.78);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.78);
	cursor: pointer;
	border: 0 none;
	padding-left: 15px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.78);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.78);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.78);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.78);
}

body .ui-selectcheckboxmenu .ui-helper-hidden label:hover:after {
	content: "X";
	color: white;
	font-weight: bold;
	float: right;
	margin-right: 5px;
	border: 0 none;
	float: right;
}

body .ui-widget, body .ui-widget .ui-widget {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.ui-fluid .ui-autocomplete, .ui-fluid .ui-autocomplete-input {
	border-radius: 15px;
}


.not-clickable {
	cursor: not-allowed;
	pointer-events: none;
}

body .ui-fileupload-content .ui-progressbar {
	height: 30px;
	margin: 0;
	overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
	width: 0;
}

.ui-datatable-scrollable-theadclone {
	height: 0;
	display: none;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
	align-self: center;
	display: inline-block;
	margin: 0;
	padding: 0.4em;
	position: relative;
	width: 100%;
}

body .ui-fileupload-files {
	overflow: hidden;
}

body .ui-fileupload-files td {
	overflow: hidden;
	padding: 0 7px;
	text-overflow: ellipsis;
	max-width: 150px;
	padding: 0 7px;
	text-overflow: ellipsis;
}

body .ui-fileupload-files .ui-fileupload-progress {
	display: flex;
	margin-top: 30%;
	margin-bottom: 30%;
}

.mantenimientoTablasConBorde {
	text-align: center;
	margin: 1px auto;
}

.numero {
	text-align: right !important;
}

.number {
	text-align: right !important;
}

body.layout-compact .ui-dialog .ui-dialog-content {
	display: inline-flex;
	padding: 5px 0 0;
}

.blueFont {
	color: #005ce6 !important;
}

/** Tamaño del árbol con scroll **/
.ui-tree .ui-tree-container {
	max-height: 450px !important;
	overflow: scroll !important;
}

.ui-confirm-dialog-message {
	color: bl;
}

.underline {
	text-decoration: underline;
}

.redFont {
	color: #e60000 !important;
}

.greenFontBold {
	color: #8BC34A !important;
	font-weight: bold;
}

.fontBold {
	font-weight: bold;
}

.fontUpperCase {
	text-transform: uppercase;
}

.borderNone {
	border: none;
}


.inputTable .ui-inputfield {
	width: 100% !important;
	max-width: 100px !important;
	min-width: 10px;
}

/**
*
* jesus.rueada 28/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author carlos.vera 05/09/2016
* styleLockButton styleRippleLink styleMenuItem
* Clases para el estilo del botón de bloque (para que tome el mismo estilo que los commandLink del menú) **/


.styleRippleLink {
	padding: 0 12px !important;
}

.styleMenuItem {
	margin-bottom: 0 !important;
}


.ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper {
	width: 50% !important;
}

.maxWidthList {
	max-width: 220px;
}


.ui-fluid .ui-selectonemenu {
	min-width: 50px !important;
	max-width: 100%;
}

/**
*
* jesus.rueada 28/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 28/09/2016
*
* Clase para el que calendario salga con un tamaño automático **/
body .ui-datepicker table {
	table-layout: auto !important;
}

/**
*
* jesus.rueada 28/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 28/09/2016
*
* Clase para el que el texto de los menús desplegables sea flexible **/
body.layout-compact .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link
	{
	display: flex;
}
/**
*
* jesus.rueada 28/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 28/09/2016
*
* Clase para el que el texto de las tablas sea flexible cuando la resolución no supera los 640px**/
@media screen and (max-width: 640px) {
	body .ui-dialog.ui-shadow {
		background: transparent none repeat scroll 0 0;
		border: medium none;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
		left: 0 !important;
		margin-left: 5% !important;
		margin-right: 5% !important;
		width: 90% !important;
		z-index: 1012 !important;
		top: 10%;
		max-height: 400px;
	}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
		display: inline-flex;
	}
	body.layout-compact .ui-widget-content {
		font-size: 12px;
		width: auto !important;
		max-width: 100% !important;
		min-width: 54% !important;
	}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title
		{
		display: inline-block;
		margin: -0.4em 1em -0.4em -0.4em;
		min-width: 50%;
		padding: 0.2em;
		font-weight: bold;
	}
	.hiddenMobile {
		display: none !important;
	}
}

@media screen and (max-width: 860px) {
	body.layout-compact .ui-datatable tbody tr.ui-widget-content td {
		padding: 2px !important;
	}
	body .ui-fileupload-files .ui-fileupload-progress {
		display: none;
	}
	body .ui-fileupload-files .ui-fileupload-preview {
		display: none;
	}
	body .ui-fileupload-files {
		width: 100%;
	}
}

@media screen and (max-width: 1240px) {
	body .ui-fileupload-files .ui-fileupload-progress {
		display: none;
	}
	body .ui-fileupload-files {
		width: 100%;
	}
}
/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clase para el estilo del botón menú en estado responsive **/
.layout-wrapper .topbar .topbar-right #topbar-menu-button i {
	background: #8bc34a none repeat scroll 0 0;
	opacity: 0.8;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para el tamaño de las fuentes desde 6px hasta 22px **/
body .textSize6 {
	font-size: 6px !important;
}

body .textSize8 {
	font-size: 8px !important;
}

body .textSize10 {
	font-size: 10px !important;
}

body .textSize12 {
	font-size: 12px !important;
}

body .textSize14 {
	font-size: 14px !important;
}

body .textSize16 {
	font-size: 16px !important;
}

body .textSize18 {
	font-size: 18px !important;
}

body .textSize20 {
	font-size: 20px !important;
}

body .textSize22 {
	font-size: 22px !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para el grosor de las fuentes "300" para fuente normal "bold" para negrilla **/
body .textWeight300 {
	font-weight: 300 !important;
}

body .textWeightBold {
	font-weight: bold !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para el color de los botones de las vistas de error**/
body .errorColor {
	background-color: #cc0000 !important;
}

body .accessDeniedColor {
	background-color: #69A398 ! important;
}

body .notFoundColor {
	background-color: #3F94B4 ! important;
}

body .logout {
	background-color: #000000 ! important;
}
/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para el color de las fuentes de acuerdo al archivo theme.Scss**/
body .primaryColor {
	color: #607D8B !important;
}

body .primaryColorDark {
	color: #37474F !important;
}

body .primaryColorLight {
	color: #B0BEC5 !important;
}

body .accentColor {
	color: #8BC34A !important;
}

body .accentColorDark {
	color: #558B2F !important;
}

body .accentColorLight {
	color: #C5E1A5 !important;
}

body .redColor {
	color: #cc0000 !important;
}


/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para el responsive de las fuentes, OVERFLOW: desbordamiento, ELLIPSIS: puntos suspensivos y WHITE-SPACE: buen uso de espacios en blanco**/
body .textOverSpace {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 26/09/2016
*
* Clases para el estilo del título <h1> de los combo-box autocomplete**/
body.layout-compact .card h1:first-child {
	color: #999;
	font-weight: normal;
	left: 5px;
	pointer-events: none;
	position: absolute;
	top: -30px;
	transition: all 0.3s ease 0s;
	font-size: 12px;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para el display de elementos. Inline: alineados, Block: por bloques, Flex: flexibles **/
body .displayInLine {
	display: inline !important;
}

body .displayBlock {
	display: block !important;
}

body .displayFlex {
	display: flex !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
*	padding: TOPpx RIGHTpx BOTTOMpx LEFTpx;
* Clases para el padding(espaciado) de elementos**/
body .paddingCard {
	padding: 0 0 0 0 !important;
}

body .paddingCardWTitle {
	padding: 8px 8px 10px 14px !important;
}

body .paddingComponent {
	padding: 2px 10px !important;
}

body .paddingButton {
	padding: 2px 10px !important;
}

body .paddingText {
	padding: 2px 10px !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
*	margin: TOPpx RIGHTpx BOTTOMpx LEFTpx;
* Clases para el margin(márgenes) de elementos**/
body .marginCard {
	margin: 2px 10px !important;
}

body .marginCardWTitle {
	margin: 0 0 5px 0 !important;
}

body .marginComponent {
	margin: 1px 1px !important;
}

body .marginButton {
	margin: 1px 1px !important;
}

body .marginText {
	margin: 1px 1px !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para el tamaño de los botones**/
body .buttonLG {
	height: 50px !important;
	width: 40px !important;
}

body .buttonMD {
	height: 25px !important;
	width: 20px !important;
}

body .buttonSM {
	height: 12px !important;
	width: 10px !important;
}

body .buttonXS {
	height: 6px !important;
	width: 5px !important;
}

body .buttonSMDownloadBanking {
	height: 28px !important;
	width: 28px !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para determinar el ancho de un elemento en porcentaje. Para el caso de "width1", hay un ajuste de margen**/
body .width1 {
	margin-left: -10px !important;
	width: 1% !important;
}

body .width5 {
	width: 5% !important;
}

body .width7 {
	width: 7% !important;
}

body .width10 {
	width: 10% !important;
}

body .width15 {
	width: 15% !important;
}

body .width20 {
	width: 20% !important;
}

body .width30 {
	width: 30% !important;
}

body .width40 {
	width: 40% !important;
}

body .width50 {
	width: 50% !important;
}

body .width60 {
	width: 60% !important;
}

body .width70 {
	width: 70% !important;
}

body .width80 {
	width: 80% !important;
}

body .width90 {
	width: 90% !important;
}

body .width100 {
	width: 100% !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clase para determinar el tamaño de la fuente general de la plantilla**/
body.layout-compact .ui-widget-content {
	font-size: 12px;
	max-width: 100% !important;
	min-width: 50px !important;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clase para determinar el padding general de la tabla**/
body.layout-compact .ui-datatable tbody tr.ui-widget-content td {
	padding: 2px 8px;
	overflow-wrap: break-word;
}
/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clase para determinar el padding de la cabecera de la tabla**/
body.layout-compact .ui-datatable thead th {
	padding: 2px 10px !important;
	text-overflow: ellipsis;
	overflow: hidden;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clase para darle color blanco a la fuente de la tabla cuando se le hace focus en lasa filas y columnas en general, normal y highlight de la tabla**/
body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight {
	color: #fff;
}

body .ui-state-active, body .ui-state-highlight {
	color: #fff;
}
/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clase para determinar el tamaño de la fuente y el padding de la primera jerarquía del menú izquierdo**/
body.layout-compact .layout-wrapper .ultima-menu li a {
	font-size: 12px !important;
	padding: 4px 12px;
}

/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clase para determinar el tamaño de la fuente y el padding de la segunda y tercera jerarquía del menú izquierdo**/
body.layout-compact .layout-wrapper .ultima-menu li ul li a {
	font-size: 12px !important;
	padding: 4px 12px 4px 28px;
}
/**
*
* jesus.rueada 23/09/2016
* Creando Soluciones Informaticas Ltda
*
* @author jesus.rueda 23/09/2016
*
* Clases para redimensionar los espaciados generales del grid de la plantilla**/
.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8,
	.ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
	padding: 0 0.5em 0.1em !important;
}

.ui-lg-1, .ui-lg-2, .ui-lg-3, .ui-lg-4, .ui-lg-5, .ui-lg-6, .ui-lg-7,
	.ui-lg-8, .ui-lg-9, .ui-lg-10, .ui-lg-11, .ui-lg-12 {
	padding: 0.1em !important;
}
/**Disminuir el espacio entre card*/
body.layout-compact .ui-panel .ui-panel-content {
	padding: 1px 1px;
}

body.layout-compact .ui-inputfield {
	font-size: 12px;
	min-width: 40px;
}

body.layout-compact .card h1 {
	font-size: 14px;
	margin: 10px 0;
	font-weight: bold;
}

body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
	font: 12px "Roboto", "Helvetica Neue", sans-serif;
}

body.layout-compact .ui-selectonemenu-panel .ui-selectonemenu-item {
	font-size: 12px;
	padding: 5px 5px;
}

body.layout-compact .ui-button {
	font-size: 12px;
	height: 28px;
	padding: 0 14px;
}

.panelGridCenter {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

body .ui-inputfield {
	border-width: 1px 1px 1px 1px;
	border-radius: 2px;
}

body .ui-selectonemenu {
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
}

body .centered {
	text-align: center;
}

body .righted {
	text-align: right;
}

body.layout-compact {
	font-size: 12px;
	line-height: 18px;
}

body.layout-compact .ui-widget-header {
	font-size: 10px;
}

body.layout-compact .ui-datatable .ui-paginator {
	padding: 2px 2px;
}

.letterBlueHR {
	color: #0868B2;
}

.letterBoldCenter {
	font-weight: bold;
	text-align: center;
}

body.layout-compact .card h2 {
	font-size: 13px;
}

body.panel_header_white .ui-widget-header {
	background-color: white !important;
	color: black !important;
	font-weight: bold !important;
}

body.layout-compact .ui-chkbox {
	margin-right: 0px !important;
}

.ui-menuitem-link .ui-corner-all {
	animation-duration: 3s;
	animation-name: slidein;
}

.ui-menuitem-link .ui-corner-all::before {
	color: #FFF;
	content: attr(title);
	position: absolute;
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}

.ui-menuitem-link .ui-corner-all:hover::before {
	transform: scale(0.9);
	opacity: 0;
}

body .ui-dialog .ui-dialog-buttonpane, body .ui-dialog .ui-dialog-footer
	{
	text-align: left;
}

.greenFont {
	color: #31B404 !important;
}

.classConfirmatioDialog {
	
}

.overFlowAuto {
	overflow: auto;
}

.campoObligatorioAtras::before { 
    color: #5AC749;
    content: "*";
}

.campoObligatorioAdelante::after { 
    color: #5AC749;
    content: "*";
}

.rigth{
	text-align: right;
}

.ui-confirm-dialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container {
	width: 700px !important;
}

body .ui-datatable .ui-datatable-data > tr > td {
    padding: 1px 5px;
    border: inherit;
}



.layout-wrapper.layout-topbar-light .layout-topbar {
	background-color: #276abb;
}

.layout-wrapper.layout-topbar-light .layout-topbar .layout-menu-button {
	color: #fff;
}

.layout-wrapper .layout-topbar .layout-topbar-logo img {
	height: 50px;
}

.login-body .login-topbar {
	padding: 5px 15px 15px 15px;
	background-color: #276abb;
	color: #fff;
}

.login-body .login-panel {
	background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #276abb;
    border-top: 4px solid #276abb;
}

.login-body .login-panel h1 {
	background-color: #276abb;
	color: #fff;
}

.login-body .login-panel label {
	color: #000000;
}


.login-body .login-panel p {
	color: #888181;

	}

.layout-wrapper .layout-topbar {
	height: 60px;
	padding: 4px 18px 22px 18px;
}

.layout-wrapper .layout-topbar .layout-topbar-icons {
	padding-top: 14px;
}

.layout-wrapper .layout-menu-container {
	top: 60px;
}

.layout-wrapper .layout-main {
	padding-top: 60px;	
}

.login-body .login-panel input {
	color: #666666;
    font-size: 14px;
    background: #f4f4f4;
    padding: 0.429em;
    border: 1px solid #dadada;
    outline: 0 none;
    -moz-transition: border-color 0.2s, box-shadow 0.2s;
    -o-transition: border-color 0.2s, box-shadow 0.2s;
    -webkit-transition: border-color 0.2s, box-shadow 0.2s;
    transition: border-color 0.2s, box-shadow 0.2s;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ARBOL_CONCEPTOS {
	width: 99%;
}

.ui-tree .ui-tree-container {
    max-height: 100% !important;
    overflow: hidden !important;
}

.layout-wrapper .layout-menu-container .layout-menu li a .layout-menuitem-text {
    margin-left: 2px;
    font-weight: 500;
}


body .ui-datepicker .ui-datepicker-calendar td a {
    padding: 0.0em;
}

 .text_animation {
 			margin-left: 2rem;
          	border-radius: 10px;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 1px;
            background: yellow;
            position: relative;
            animation: text 10s 1;
          animation-iteration-count:infinite;
        }
  
     @keyframes text {
            0% {
                color: black;
                margin-bottom: -40px;
                color: #3393FF;
            }
  
            30% {
                letter-spacing: 5px;
                color: #3393FF;
            }
  
            85% {
                letter-spacing: 2px;
                color: #3393FF;
            }
        }

.colorComodinPeso{
	color: #A2A2A2 !important;
}