body, main::before {
		background: url("../img/login/4.jpg")no-repeat fixed center;
		background-size: cover; /* Ensures the image covers the entire element */
		background-size: 100%;
		}

.button-18 {
  align-items: center;
  /*background-color: #bf2a2a;*/
  border: 0;
  border-radius: 100px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 20px;
  max-width: 480px;
  min-height: 40px;
  min-width: 0px;
  overflow: hidden;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  touch-action: manipulation;
  transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
  margin-top: 5px;
}

.button-18:hover,
.button-18:focus { 
  background-color: ;
  color: #ffffff;
}

.button-18:active {
  background: #09223b;
  color: rgb(255, 255, 255, .7);
}

.button-18:disabled { 
  cursor: not-allowed;
  background: rgba(0, 0, 0, .08);
  color: rgba(0, 0, 0, .3);
}


body {
		    font-size: 13px !important;
		    font-family: "PT Sans", Helvetica, Arial, sans-serif !important;
		}
		
		*.ui-widget-overlay {
		    background: rgba(255, 255, 255, 0.92) !important;
		    opacity: 1 !important;
		    filter: Alpha(Opacity=100) !important;;
		}
		
		*.ui-selectonemenu-panel .ui-selectonemenu-list-item {
		    font-size: 13px !important;
		    font-weight: bold !important;
		}
		
		*.ui-selectonemenu .ui-selectonemenu-label {
		    font-size: 13px !important;
		}
		
		*.ui-dialog {
		    top: 22px !important;
		}
		
		.ui-state-focus, .ui-widget-content.ui-state-focus {
		    /*outline: none;box-shadow: 0 2px 4px rgba(28, 100, 168, 0.49), 0 1px 5px rgba(63, 81, 181, 0.2) !important;*/
		    outline: none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.53), 0 4px 8px rgba(0, 0, 0, 0.13), 0 8px 16px rgba(0, 0, 0, 0.1) !important;
		}
		
		.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
		    outline: none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.53), 0 4px 8px rgba(0, 0, 0, 0.13), 0 8px 16px rgba(0, 0, 0, 0.1) !important;
		}
		
		
		.ui-inputfield {
		    padding: 6px !important;
		}
		
		.ui-button-text {
		    font-weight: 700;
		    font-size: 13px !important;
		}
		
		.ui-datatable tbody td {
		    font-size: 12px !important;
		}
		
		.highlightTable tr {
		    background: #85cfff !important;
		}
		
		.ui-widget .ui-widget {
		    font-size: 13px !important;
		}
		
		#modalLoading {
		    border: 0 !important;
		    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;;
		    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0) !important;
		    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
		    background-color: rgba(255, 255, 255, 0) !important;;
		    top: 122px !important;
		}
		
		.ui-selectlistbox-item {
		    height: 22px;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		}
		
		label {
		    margin-left: 5px;
		    margin-right: 5px;
		}
		
		/**
		 Sobreescribir Primefaces - Andres Rivera
		*/
		
		*.ui-widget {
		    font-size: 13px;
		    font-family: "PT Sans", Helvetica, Arial, sans-serif !important;
		}
		
		#modalDialog {
		    top: 122px !important;
		}
		
		
		.ui-dialog-titlebar {
		    font-size: 16px !important;
		    border-top: solid var(--red) !important;
		    border-top-width: 7px !important;
		}
		
		.ui-dialog-titlebar > span {
		    font-size: 16px !important;
		}
		
		input {
		    text-align: center;
		}
		
		th:not(.ui-selection-column) > *.ui-column-title {
		    padding: 0 !important;
		    width: 100% !important;
		    min-height: 40px !important;
		    font-size: 13px !important;
		    cursor: pointer;
		    background-color: #fbfbfb;
		    border: none;
		    border-radius: 0px;
		    display: inline-flex;
		    justify-content: center;
		    align-items: center;
		}
		
		.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
		    margin-top: 0 !important;
		}
		
		.ui-dialog.ui-widget-content .ui-dialog-content {
		    font-size: 13px;
		    text-align: center;
		}
		
		.ui-confirm-dialog-message {
		    display: initial;
		}
		
		*.ui-datatable-empty-message {
		    text-align: center !important;
		}
		
		li[role="tab"] > a {
		    color: gray !important;
		    color: #012848 !important;
		}
		
		li[aria-expanded="true"] > a {
		    font-weight: 600 !important;
		    background: rgba(154, 154, 154, 0.22);
		}
		
		.ui-inputfield.ui-state-error {
		    border: 1px solid #f70025 !important;
		    background-color: rgba(226, 0, 0, 0.04);
		}
		
		.ui-selectonemenu-label {
		    text-align: center !important;
		}
		
		.ui-datatable-selectable.ui-state-hover {
		    background-color: var(--red-shadow-light);
		    border-bottom: var(--borde-hover);
		}
		
		.ui-column-filter:hover {
		    background-image: none;
		}
		
		.ui-datatable tr.ui-state-highlight {
		    color: black !important;
		    background: var(--gray);
		    border-bottom: var(--borde-selection);
		}
		
		.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight {
		    background: #81D4FA !important;
		    color: black;
		}
		
		.ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight {
		    background: #81D4FA !important;
		    color: black;
		}
		
		.ui-datatable .ui-column-filter {
		    padding: 0 !important;
		    width: 100% !important;
		    height: 40px !important;
		    font-size: 13px !important;
		    cursor: text;
		    background-color: #ffffff;;
		    border: none;
		    border-radius: 0px;
		    color: #000000;
		}
		
		/*.ui-datatable-tablewrapper{
		    -webkit-overflow-scrolling: auto !important;
		    overflow: hidden;
		}*/
		.ui-button {
		    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
		    height: 32px;
		    background: #e0e1e2 none;
		    color: rgba(0, 0, 0, .6);
		    text-shadow: none !important;
		    font-style: normal !important;
		    text-decoration: none;
		    border-radius: .28571429rem;
		    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
		    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
		    font-weight: 700 !important;
		}
		
		.ui-button-text-only.ui-button {
		    border: none !important;
		    margin-left: 5px;
		    margin-right: 5px;
		}
		
		.ui-button:hover {
		    background-color: #cacbcd;
		    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset !important;
		    color: rgba(0, 0, 0, .8);
		}
		
		
		/* Cambios en las tablas para que se vean mas grandes y planas */
		.ui-datatable thead th, .ui-datatable tfoot th {
		    padding: 0px !important;
		    border-radius: 0px;
		    border: none !important;
		}
		
		.ui-datatable tbody td, .ui-datatable tfoot td {
		    padding: 10px 10px !important;
		}
		
		.ui-paginator-rpp-options {
		    height: 24px;
		}
		
		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		    background-image: none !important;
		}
		
		.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
		    margin-top: 7px !important;
		}
		
		.ui-datatable {
		    box-shadow: none;
		    box-sizing: border-box;
		}
		
		.ui-datatable-tablewrapper {
		    border-left: 1px solid #e8e8e8;
		    border-right: 1px solid #e8e8e8;
		    border-bottom: 1px solid #e8e8e8;
		    border-top: 2px solid #ca2c2b;
		}
		
		.ui-state-highlight .ui-icon {
		    background-color: #c8e6c9;
		    background-image: url("");
		}
		
		.ui-datatable .ui-column-filter {
		    width: 90%;
		}
		
		.ui-filter-column {
		    border: none !important;
		}
		
		.ui-datatable-odd {
		    background-color: #fbfbfd;
		}
		
		td {
		    border: none !important;
		}
		
		.ui-paginator.ui-paginator-bottom {
		    background: none;
		    border: none;
		}
		
		.ui-datatable .ui-datatable-header {
		    display: flex;
		    justify-content: left;
		    align-items: center;
		    font-size: 17px;
		    border-radius: 0px;
		    padding-left: inherit;
		    background: none;
		    border: none;
		}
		
		.ui-paginator-page, .ui-paginator-next, .ui-paginator-prev, .ui-paginator-first, .ui-paginator-last, .ui-paginator-rpp-options {
		    background-color: transparent !important;
		    background-image: none !important;
		    text-shadow: none !important;
		    box-shadow: none !important;
		}
		
		.ui-paginator-page.ui-state-active {
		    border: 2px solid #de8080;
		    box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.26);
		}
		
		thead > tr {
		    border-bottom: 1px solid #dcdcdc;
		}
		
		.ui-datatable tfoot td {
		    background-color: #FFFFFF;
		}
		
		.ui-selectonemenu, .ui-inputfield {
		    border: 1px solid rgba(34, 36, 38, .15);
		    border-radius: .28571429rem;
		    box-shadow: none;
		}
		
		.ui-selectonemenu:hover, .ui-autocomplete-input.ui-autocomplete-dd-input:hover, .ui-inputfield:hover {
		    border-color: rgba(34, 36, 38, .35) !important;
		    box-shadow: none;
		}
		
		.ui-selectonemenu .ui-selectonemenu-trigger {
		    background-color: #fff;
		    border-left: none;
		}
		
		.ui-selectonemenu label.ui-selectonemenu-label, .ui-autocomplete-input.ui-autocomplete-dd-input {
		    box-shadow: none;
		}
		
		.ui-autocomplete .ui-autocomplete-dropdown {
		    background-color: #fff;
		    box-shadow: none;
		    border-left: none;
		    width: 25px;
		    border-top-left-radius: 0;
		    border-bottom-left-radius: 0;
		}
		
		.ui-autocomplete:hover .ui-autocomplete-dropdown {
		    border-color: rgba(34, 36, 38, .35) !important;
		    box-shadow: none;
		}
		
		.ui-selectonemenu-panel .ui-selectonemenu-list, .ui-autocomplete-panel .ui-autocomplete-list {
		    padding: 0;
		}
		
		.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-autocomplete-panel .ui-autocomplete-list-item {
		    padding: 8px 15px;
		    margin: 0px;
		}
		
		.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight, .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight {
		    border-radius: 0;
		    background-color: var(--gray) !important;
		    border-bottom: var(--borde-selection);
		}
		
		.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-hover, .ui-autocomplete .ui-autocomplete.ui-state-hover {
		    border-radius: 0;
		    background-color: var(--red-shadow-light) !important;
		    border-bottom: var(--borde-hover);
		}
		
		.ui-selection-column{
		    background-color: #ffffff !important;
		}

		
		:root {
		    --red-rgba: rgba(255, 0, 0, 0.02);
		    --red-shadow-light: #f7f3f3;
		    --red-light: #f2dede;
		    --red: #ca2b2b;
		    --red-dark: #a92727;
		    --blue-light: #62bef4;
		    --blue: #1c8ec1;
		    --blue-dark:#1678be;
		    --green-light: #c8e6c9;
		    --green: #00a000;
		    --green-dark: #027702;
		    --gray-light-secondary: #e3e9ec;
		    --gray-light-secondary-dark: #c8d6e1;
		    --gray-light: #f4f4f4;
		    --gray: #e7e7e7;
		    --gray-dark: #cacbcd;
		    --background: #f4f4f4;
		    --white: #fff;
		    --light: #fbfbfb;
		    --primary: #1c8ec1;
		    --secondary: #e0e1e2;
		    --success: #00a000;
		    --info: #b7d8b7;
		    --warning: #ffe399;
		    --danger: #ca2b2b;

		    --borde-hover: 1px solid #c5c5c5 !important;
		    --borde-selection: 1px solid #c5c5c5;
		}
		
		body {
		    font-family: "PT Sans", Helvetica, Arial, sans-serif !important;
		    margin: 0 !important;
		    padding: 0;
		}
		
		#main-cont{
		    display: flex;
		    justify-content: center;
		    flex-direction: column;
		    align-items: center;
		}
		
		#main-cont > form{
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    width: 100%;
		}
		
		.standard-flex{
		    display: flex;
		    justify-content: center;
		    align-items: center;
		}
		
		.flex-column{
		    flex-direction: column;
		}
		
		.rel-container {
		    background-color: rgba(237, 242, 246, 1);
		    width: 100%;
		}
		
		.rel-navbar {
		    background-color: #fff;
		    border-bottom: 4px solid var(--red);
		    box-shadow: 0 3px 6px 0 rgba(50, 50, 50, 0.75);
		    height: 60px;
		    width: 100%;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		}
		
		.cajaFlexFila {
		    display: -webkit-flex;
		    display: flex;
		    -webkit-flex-direction: row;
		    flex-direction: row;
		    -webkit-justify-content: center;
		    justify-content: center;
		}
		
		
		.excelStyle {
		    background: #46704a;
		    color: #fff;
		    text-shadow: none;
		    font-weight: 300;
		}
		
		.pago-contenedor-medios-pago{
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    flex-wrap: wrap;
		}
		
		.informacion-indiv {
		    background-color: #fff;
		    display: inline-block;
		    margin: 10px;
		    vertical-align: top;
		    width: 125px;
		}
		
		.topDiv {
		    color: #000;
		}
		
		.btn-menu {
		    flex-grow: 2;
		    display: flex;
		    justify-content: center;
		    flex-direction: column;
		    align-items: center;
		    border-right: 1px solid #d7e0f3;
		}
		
		.middDiv {
		    font-size: 24px;
		    flex-grow: 6;
		    justify-content: center;
		    display: flex;
		}
		
		.centrarCaja {
		    -webkit-align-items: center;
		    align-items: center;
		}
		
		.div-logos {
		    flex-grow: 4;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		}
		
		.search-mod {
		    flex-grow: 6;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		}
		
		.styleModu {
		    /*margin: 13px 10px 0 0;*/
		}
		
		.styleModu .ui-state-active .ui-icon-triangle-1-s {
		    background-image: none;
		}
		
		.styleModu .ui-state-default .ui-icon-triangle-1-s {
		    background-image: none;
		}
		
		.styleModu .ui-autocomplete-dropdown {
		    background-image: url("") !important;
		    background-position: center;
		    background-repeat: no-repeat;
		}
		
		.styleModu.ui-autocomplete {
		    width: 100%;
		}
		
		.styleModu.ui-autocomplete .ui-autocomplete-input[type=text] {
		    -webkit-transition: width .35s ease-in-out;
		    transition: width .35s ease-in-out;
		    width: 95%;
		}
		
		.styleModu.ui-autocomplete .ui-autocomplete-input[type=text]:focus {
		    width: 100%;
		}
		
		.div-login {
		    flex-grow: 2;
		    justify-content: center;
		    align-items: center;
		    display: flex;
		    flex-direction: column;
		}
		
		#usuarioImg:hover + #usuarioDiv {
		    display: block;
		}
		
		#usuarioDiv {
		    background: #fff;
		    box-shadow: 0 1px 2px 0 #000;
		    -moz-box-shadow: 0 1px 2px 0 #000;
		    -webkit-box-shadow: 0 1px 2px 0 #000;
		    display: none;
		    height: 400px;
		    position: absolute;
		    right: 2.5%;
		    top: 42px;
		    width: 280px;
		    z-index: 10;
		}
		
		#usuarioDiv:hover {
		    display: block;
		}
		
		#imgUserBig {
		    height: 47%;
		    width: 100%;
		}
		
		#imgUserBig > img {
		    vertical-align: middle;
		}
		
		.helper {
		    display: inline-block;
		    height: 100%;
		    vertical-align: middle;
		}
		
		.label-usr-login {
		    color: #000;
		    font-size: 21px;
		}
		
		.label-gray {
		    color: #b5b5b5;
		    font-size: 13px;
		}
		
		.contentMain {
		    min-height: 600px;
		    /*min-height: 748px;*/
		    width: 100%;
		    padding-bottom: 10px;
		
		}
		
		.contentPage {
		    background: #fff;
		    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		    color: #000;
		    margin-top: 5px;
		    min-height: 420px;
		    padding-bottom: 8px !important;
		    width: 90%;
		}
		
		*.contentPage > form {
		    padding-left: 10px;
		    padding-right: 10px;
		}
		
		.titlePage {
		    align-items: center;
		    background: var(--white);
		    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		    color: #000;
		    display: flex;
		    font-size: 18px;
		    height: 60px;
		    margin-top: 15px;
		    width: 90%;
		}
		
		.titlePage .title-init {
		    border-right: 1px dotted #000;
		    width: 65px;
		}
		
		.titlePage .title-label {
		    width: 100%;
		}
		
		.titlePage .title-refresh {
		    border-left: 1px dotted #000;
		    /*width: 65px;*/
		    display: flex;
		    padding: 12px;
		}
		
		*.titulo-contenedor {
		    font-size: 18px !important;
		    font-weight: 600;
		}
		
		*.subtitulo-contenedor {
		    display: block !important;
		    font-size: 13px !important;
		}
		
		#infoUser {
		    height: 39%;
		    padding-bottom: 8px !important;
		    width: 100%;
		}
		
		#infoUser * {
		    display: block;
		}
		
		#infoUser > button {
		    margin-top: 10px;
		}
		
		/*Solo se encuentra en inncoming docs*/
		.contentPageTrans {
		    color: #000;
		    margin-top: 5px;
		    min-height: 420px;
		    padding-bottom: 8px !important;
		    width: 90%;
		}
		
		/*Solo se usa en refund request*/
		.labelNormal {
		    font-size: 13px;
		}
		
		/*CSS Genericos*/
		.contenidoCentrado {
		    align-items: center;
		    display: flex;
		    justify-content: center;
		}
		
		.labelValorIgual {
		    align-items: center;
		    display: inline-flex;
		    justify-content: center;
		    margin: 4px 10px;
		}
		
		.labelValorIgual label {
		    width: 150px;
		}
		
		.labelValorIgual .ui-inputfield {
		    text-align: center;
		}
		
		.divGenerico {
		    background: #fff;
		    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		    margin-top: 10px;
		}
		
		.divGenerico > h4 {
		    background-color: rgba(212, 212, 212, 0.42);
		    border-bottom: 1px solid #ca2b2b;
		    border-bottom-right-radius: 7px;
		    border-right: 2px solid #b76b6b;
		    border-top-right-radius: 2px;
		    color: #251919;
		    font-size: 13px !important;
		    padding-bottom: 1px;
		    padding-top: 1px;
		    width: 100%;
		}
		
		.divGenerico > div {
		    padding: 10px;
		}
		
		.sombraDefecto {
		    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		}
		
		.labelText {
		    border: 1px solid #d6d6d6;
		    border-radius: 4px;
		    display: block;
		    min-height: 18px;
		    text-align: center;
		    width: 200px;
		}
		
		.labelLittle {
		    font-size: 10px;
		}
		
		.hoverSutil:hover {
		    transform: scale(1.1);
		    transition: All 0.4s ease-in-out;
		}
		
		.cajaFlexColumna {
		    display: -webkit-flex;
		    display: flex;
		    -webkit-flex-direction: column;
		    flex-direction: column;
		}
		
		.cajaFlexDinamica {
		    display: -webkit-flex;
		    display: flex;
		    -webkit-align-items: center;
		    align-items: center;
		    -webkit-justify-content: center;
		    justify-content: center;
		    /* You can set flex-wrap and flex-direction individually */
		    -webkit-flex-direction: row;
		    flex-direction: row;
		    -webkit-flex-wrap: wrap;
		    flex-wrap: wrap;
		    /* Or do it all in one line with flex flow */
		    -webkit-flex-flow: row wrap;
		    flex-flow: row wrap;
		    /* tweak the where items line up on the row */
		    /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
		    -webkit-align-content: flex-end;
		    align-content: flex-end;
		}
		
		.btn-margin {
		    margin-right: 10px;
		}
		
		.font-9px {
		    font-size: 9px;
		}
		
		.font-9px {
		    font-size: 10px;
		}
		
		.font-12px {
		    font-size: 12px;
		}
		
		.font-13px {
		    font-size: 13px;
		}
		
		.box-doc {
		    background-color: #fff;
		    border-radius: 10px;
		    border-top: 2px solid #ca2b2b;
		    display: inline-block;
		    height: 100px;
		    margin: 10px;
		    min-width: 130px;
		    vertical-align: top;
		    width: auto;
		}
		
		.gris {
		    filter: grayscale(100%);
		    -webkit-filter: grayscale(100%);
		}
		
		.box-doc-refund {
		    background-color: #fff;
		    border-radius: 10px;
		    border-top: 2px solid #ca2b2b;
		    display: inline-block;
		    height: 105px;
		    margin: 10px;
		    vertical-align: top;
		    width: 120px;
		}
		
		.box-doc-refund .ui-outputlabel {
		    font-size: 12px !important;
		}
		
		.div-search {
		    background: #fff;
		    width: 90%;
		}
		
		.div-search > h4 {
		    margin-bottom: 0 !important;
		}
		
		.div-search-2 {
		    padding: 15px;
		}
		
		.gen-width {
		    width: 90%;
		}
		
		.pad-left {
		    padding-left: 0;
		}
		
		.mgn-0px {
		    margin: 0;
		}
		
		.mgn-top-20 {
		    margin-top: 20px;
		}
		
		.pad-right {
		    padding-right: 0;
		}
		
		.label-little {
		    font-size: 10px;
		    display: inherit;
		}
		
		.downDiv {
		    display: inline-block;
		    margin: 0;
		    padding: 10px;
		    position: relative;
		    text-align: left;
		    width: 130px;
		}
		
		.contenImage {
		    border-top: 2px solid #ca2b2b;
		    color: #000;
		    height: 100px;
		    background-color: #fff;
		    width: 130px;
		}
		
		.contenImage > img {
		    vertical-align: middle;
		}
		
		.box-search {
		    align-self: flex-end;
		}
		
		.box-search button {
		    margin: 3px
		}
		
		.box-pad-table {
		    padding: 1em 1.4em;
		}
		
		.helperCentradoVertical {
		    display: inline-block;
		    height: 100%;
		    vertical-align: middle;
		}
		
		/* Divisor horizontal con textos e imágenes posibles*/
		.divisor {
		    display: table;
		    font-size: 17px;
		    height: auto;
		    line-height: 1;
		    text-align: center;
		    white-space: nowrap;
		}
		
		.divisor:after, .divisor:before {
		    background-image: url("");
		}
		
		.divisor:before {
		    background-position: right 1em top 50%;
		}
		
		.divisor:after {
		    background-position: left 1em top 50%;
		}
		
		.divisor:after, .divisor:before {
		    background-repeat: no-repeat;
		    content: '';
		    display: table-cell;
		    position: relative;
		    top: 50%;
		    width: 50%;
		}
		
		.divisor > i {
		    margin-right: 10px;
		    vertical-align: middle;
		}
		
		/* Divisor vertical con textos e imágenes posibles verificar si esta en des uso*/
		.vertical.divider {
		    color: rgba(0, 0, 0, .85);
		    font-weight: 700;
		    height: 10px;
		    left: 50%;
		    letter-spacing: .05em;
		    line-height: 0;
		    margin: 0;
		    margin: 1rem 0;
		    padding: 0;
		    text-align: center;
		    text-transform: uppercase;
		    transform: translateX(-50%);
		    -webkit-transform: translateX(-50%);
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    -webkit-tap-highlight-color: transparent;
		    top: 50%;
		    user-select: none;
		    width: auto;
		    z-index: 2;
		}
		
		.vertical.divider:after, .vertical.divider:before {
		    border-left: 1px solid rgba(34, 36, 38, .15);
		    border-right: 1px solid rgba(255, 255, 255, .1);
		    content: '';
		    height: 50px;
		    left: 50%;
		    position: absolute;
		    width: 0;
		    z-index: 3;
		}
		
		.vertical.divider:before {
		    top: 10px;
		}
		
		.vertical.divider:after {
		    bottom: 15px;
		}
		
		/*Estilo para el botón de cargue y descargue de documentos*/
		figure {
		    height: 100px;
		    margin: 0;
		    position: relative;
		    width: 130px;
		}
		
		figure .contenImage {
		    -webkit-transition: -webkit-transform 0.4s;
		    -moz-transition: -moz-transform 0.4s;
		    transition: transform 0.4s;
		    z-index: 1;
		}
		
		figure .contenImage {
		    display: block;
		    position: relative;
		}
		
		.div-centrado-img {
		    position: relative;
		    top: 20px;
		}
		
		figure a {
		    text-decoration: none;
		}
		
		figcaption {
		    background: #1c8ec1;
		    backface-visibility: hidden;
		    -webkit-backface-visibility: hidden;
		    -moz-backface-visibility: hidden;
		    bottom: -2px;
		    color: #ffffff;
		    height: 30px;
		    position: absolute;
		    width: 130px;
		}
		
		figure:hover .contenImage, .cs-style-2 figure.cs-hover img {
		    transform: translateY(-30px);
		    -webkit-transform: translateY(-30px);
		    -moz-transform: translateY(-30px);
		    -ms-transform: translateY(-30px);
		}
		
		figure .contenImage {
		    transition: transform 0.4s;
		    -webkit-transition: -webkit-transform 0.4s;
		    -moz-transition: -moz-transform 0.4s;
		    z-index: 10;
		}
		
		
		/*Se usan solo en calculation template y refund resolutions*/
		.btnFade {
		    cursor: pointer;
		    font-weight: 700;
		    float: left;
		    line-height: 45px;
		    margin-right: 2.5em;
		    overflow: hidden;
		    position: relative;
		    text-align: center;
		    transition: all 0.5s;
		    -webkit-transition: all 0.5s;
		    -moz-transition: all 0.5s;
		    -o-transition: all 0.5s;
		    width: auto;
		}
		
		.btnFade span {
		    transition: all 0.3s;
		    -webkit-transition: all 0.3s;
		    -moz-transition: all 0.3s;
		    -o-transition: all 0.3s;
		}
		
		.btnFade::after {
		    bottom: 8px;
		    content: attr(title);
		    height: 100%;
		    left: 0;
		    opacity: 0;
		    position: absolute;
		    transform: translate(0, -30%);
		    -webkit-transform: translate(0, -30%);
		    transition: all 0.3s;
		    -webkit-transition: all 0.3s;
		    -moz-transition: all 0.3s;
		    -o-transition: all 0.3s;
		    width: 100%;
		}
		
		.btnFade:hover {
		}
		
		.btnFade:hover > span {
		    opacity: 0;
		    transform: translate(0px, -40px);
		    -webkit-transform: translate(0px, -40px);
		}
		
		.btnFade:hover::after {
		    opacity: 1;
		    transform: translate(0, 0);
		    -webkit-transform: translate(0, 0);
		}
		
		.filter-gray {
		    -webkit-filter: grayscale(1);
		}
		
		.text-overflow {
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    overflow: hidden;
		}
		
		/*Footer template*/
		.footer {
		    font-size: 12.5px !important;
		    margin-top: 10px;
		    text-align: center;
		}
		
		#footer {
		    font-size: 10.5px;
		    font-weight: 300;
		    margin: 0 auto;
		    margin-top: 4px;
		    box-shadow: 0 -1px 3px 0 rgba(50, 50, 50, 0.75);
		    top: -5px;
		    position: relative;
		    padding: 10px;
		}
		
		#footerText {
		    font-size: 11.5px;
		    font-weight: 300;
		    margin: 0 auto;
		    margin-top: 4px;
		    padding: 4px;
		    padding-left: 12px;
		    padding-right: 12px;
		    text-align: center;
		}
		
		/*layout-4a-fastlinks-content*/
		#layout-4a-fastlinks-content {
		    background-color: #FFF;
		    border: #FFF 0 solid;
		    margin-bottom: 10px;
		    margin: 0 auto;
		}
		
		/*#layout-4a-fastlinks-content-gobierno, */
		#layout-4a-fastlinks-content-ciudadano, #layout-4a-fastlinks-content-listas {
		    float: left;
		}
		
		#layout-4a-fastlinks-content-gobierno {
		    border-radius: 10px;
		    padding: 12px 0 5px 265px;
		    overflow: hidden;
		}
		
		#layout-4a-fastlinks-content h3 {
		    color: #333;
		    font-family: "PT Sans", Helvetica, Arial, sans-serif !important;
		    font-size: 11px;
		    font-style: normal;
		    font-weight: bold;
		    margin: 0;
		    padding: 0;
		}
		
		#layout-4a-fastlinks-content ul {
		    margin-left: 15px;
		    padding-left: 2px;
		}
		
		#layout-4a-fastlinks-content ul, #layout-4a-fastlinks-content li, #layout-4a-fastlinks-content li a, #layout-4a-fastlinks-content li a:active, #layout-4a-fastlinks-content li a:link, #layout-4a-fastlinks-content li a:hover, #layout-4a-fastlinks-content li a:visited {
		    color: rgb(71, 71, 71) !important;
		    font-family: "PT Sans", Helvetica, Arial, sans-serif !important;
		    font-style: normal;
		    font-weight: 300;
		    text-decoration: none !important;
		}
		
		#layout-4a-fastlinks-content ul {
		    color: #444;
		    font-size: 0.6em; /*list-style-type:square;*/
		}
		
		#layout-4a-fastlinks-content li a:active, #layout-4a-fastlinks-content li a:link {
		    color: #444;
		}
		
		#layout-4a-fastlinks-content li a:visited {
		    color: #777;
		}
		
		#layout-4a-fastlinks-content li a:hover {
		    color: #C61720;
		    font-weight: 600 !important;
		}
		
		/* LIST ENTITIES */
		#layout-4a-fastlinks-content-gobierno div {
		    float: left;
		    padding-right: 3px;
		    width: 112px;
		}
		
		#layout-4a-fastlinks-content-gobierno div ul {
		    font-size: 11.5px;
		    list-style-type: none;
		    margin: 0;
		    padding: 0;
		}
		
		#layout-4a-fastlinks-content-gobierno div li {
		    margin-bottom: 5px;
		    position: relative; /*margin-bottom:0px\9;*/
		}
		
		#layout-4a-fastlinks-content-gobierno div li div {
		    border-radius: 0;
		    height: 6px;
		    margin-bottom: 0;
		    margin-right: 5px;
		    margin-top: 2px;
		    padding-right: 5px;
		    vertical-align: bottom;
		    width: 1px;
		}
		
		#layout-4a-flinkscg-gobierno div {
		    background-color: #3D404C; /*background-color:hsl(228,11%,27%); background-color:rgb(61,64,76);*/
		}
		
		#layout-4a-flinkscg-presidencia div {
		    background-color: #C61720;
		}
		
		#layout-4a-flinkscg-vicepresidencia div {
		    background-color: #990000;
		}
		
		#layout-4a-flinkscg-minjusticia div {
		    background-color: #151F99;
		}
		
		#layout-4a-flinkscg-mindefensa div {
		    background-color: #0F3E99;
		}
		
		#layout-4a-flinkscg-mininterior div {
		    background-color: #00630C;
		}
		
		#layout-4a-flinkscg-minrelaciones div {
		    background-color: #410E99;
		}
		
		#layout-4a-flinkscg-minhacienda div {
		    background-color: #531400;
		}
		
		#layout-4a-flinkscg-minminas div {
		    background-color: #73611D;
		}
		
		#layout-4a-flinkscg-mincomercio div {
		    background-color: #3D6300;
		}
		
		#layout-4a-flinkscg-mintic div {
		    background-color: #590A99;
		}
		
		#layout-4a-flinkscg-mintransporte div {
		    background-color: #992900;
		}
		
		#layout-4a-flinkscg-minvivienda div {
		    background-color: #996200;
		}
		
		#layout-4a-flinkscg-urnadecristal div {
		    background-color: #990000;
		}
		
		#layout-4a-flinkscg-mineducacion div {
		    background-color: #38170D;
		}
		
		#layout-4a-flinkscg-mintrabajo div {
		    background-color: #2B1399;
		}
		
		#layout-4a-flinkscg-minsalud div {
		    background-color: #1D7373;
		}
		
		#layout-4a-flinkscg-colciencias div {
		    background-color: #622073;
		}
		
		#layout-4a-flinkscg-coldeportes div {
		    background-color: #00995B;
		}
		
		#layout-4a-flinkscg-mincultura div {
		    background-color: #63004B;
		}
		
		#layout-4a-flinkscg-minagricultura div {
		    background-color: #5B8300;
		}
		
		#layout-4a-flinkscg-minambiente div {
		    background-color: #3C9900;
		}
		
		#layout-4a-flinkscg-dps div {
		    background-color: #0A5E99;
		}
		
		#layout-4a-flinkscg-dafp div {
		    background-color: #632B00;
		}
		
		#layout-4a-flinkscg-dni div {
		    background-color: #734C1D;
		}
		
		#layout-4a-flinkscg-dane div {
		    background-color: #9F002D;
		}
		
		#layout-4a-flinkscg-dnp div {
		    background-color: #634800;
		}
		
		.mayusculas-texto {
		    text-transform: uppercase;
		}
		
		.minusculas-text {
		    text-transform: lowercase;
		}
		
		/*Responsive CSS*/
		@media (min-width: 720px) {
		    #gobFootLinks {
		        border-radius: 3px;
		        margin: 0 auto;
		        min-height: 50px;
		        min-width: 720px;
		        max-width: 1190px;
		        padding: 5px;
		        width: 90%;
		    }
		}
		
		.dialog-mobile{
		    width: 50% !important;
		}
		
		@media (max-width: 720px) {
		    #menuContainer,
		    #gobFootLinks,
		    .middDiv,
		    .div-logos{
		        display: none;
		    }
		
		    .styleModu.ui-autocomplete {
		        width: 95%;
		    }
		
		    .styleModu.ui-autocomplete .ui-autocomplete-input[type=text] {
		        width: 90%;
		    }
		
		    .div-login {
		        flex-grow: 1;
		    }
		
		    .titlePage {
		        height: auto;
		        padding: 10px 0;
		    }
		    .dialog-mobile{
		        width: 95% !important;
		    }
		}
		
		@media (max-width: 1000px) {
		    .div-logos{
		        display: none;
		    }
		}
		
		
		.no-content-page {
		    background: none;
		    box-shadow: none;
		    margin-top: 15px;
		    min-height: 420px;
		    padding-bottom: 8px !important;
		    width: 100%;
		}
		
		
		/* Items */
		
		.contenedor-items{
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    height: 80%;
		    flex-wrap: wrap;
		}
		
		.caja-item {
		    background: #fff;
		    max-width: 175px;
		    border-radius: 10px;
		    margin: 10px;
		    display: flex;
		    position: relative;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    flex-direction: column;
		    flex-wrap: wrap;
		    padding: 1%;
		}
		
		a.caja-item{
		    margin: 15px;
		    text-decoration: none;
		    align-items: center;
		}
		
		.sombra-item{
		    box-shadow: 0 7px 30px -10px rgba(150,170,180,0.5);
		}
		
		.contenido-item{
		    display: flex;
		}
		
		.caja-item-sel{
		    border: 1px solid #CA2B2B;
		    color: #CA2B2B !important;
		    background-color: #ca2b2b12;
		}
		
		@-webkit-keyframes pulse {
		    from {
		        box-shadow: 0 0 0 0 rgba(215, 40, 40, 0.4);
		    }
		    to {
		        box-shadow: 0 0 0 10px rgba(215, 40, 40, 0);
		    }
		}
		
		@keyframes pulse {
		    from {
		        box-shadow: 0 0 0 0 rgba(215, 40, 40, 0.4);
		    }
		    to {
		        box-shadow: 0 0 0 10px rgba(215, 40, 40, 0);
		    }
		}
		
		.caja-item:before, .caja-item:after {
		    content: "";
		    width: 0%;
		    height: 0%;
		    position: absolute;
		    visibility: hidden;
		    border-radius: 2px;
		}
		.caja-item:before {
		    border-top: 1px solid #CA2B2B;
		    border-right: 1px solid #CA2B2B;
		    border-radius: 10px;
		    -webkit-transition: width 0.1s ease 0.3s, height 0.1s ease 0.2s, visibility 0s 0.2s;
		    transition: width 0.1s ease 0.3s, height 0.1s ease 0.2s, visibility 0s 0.2s;
		    top: 0;
		    left: 0;
		}
		.caja-item:after {
		    border-left: 1px solid #CA2B2B;
		    border-bottom: 1px solid #CA2B2B;
		    border-radius: 10px;
		    bottom: 0;
		    right: 0;
		    -webkit-transition: width 0.1s ease 0.1s, height 0.1s ease, visibility 0s 0.2s;
		    transition: width 0.1s ease 0.1s, height 0.1s ease, visibility 0s 0.2s;
		}
		.caja-item:hover {
		    -webkit-animation: pulse 0.5s ease-out 0.2s;
		    animation: pulse 0.5s ease-out 0.2s;
		    color: #CA2B2B;
		}
		.caja-item:hover:before, .caja-item:hover:after {
		    width: 100%;
		    height: 100%;
		    visibility: visible;
		}
		.caja-item:hover:before {
		    -webkit-transition: width 0.1s ease, height 0.1s ease 0.1s;
		    transition: width 0.1s ease, height 0.1s ease 0.1s;
		}
		.caja-item:hover:after {
		    -webkit-transition: width 0.1s ease 0.2s, height 0.1s ease 0.3s, visibility 0s 0.2s;
		    transition: width 0.1s ease 0.2s, height 0.1s ease 0.3s, visibility 0s 0.2s;
		}
		
		.cont-flex-espacio > div{
		    width: calc(1/2*100% - (1 - 1/2)*25px);
		}
		
		.div-rel{
		    align-items: center;
		    background-color: #FFFFFF;
		    border: 1px solid #e8e8e8;
		    border-top: 2px solid var(--red);
		    display: flex;
		    flex-wrap: wrap;
		    height: 100%;
		    justify-content: space-around;
		    padding: 20px 0;
		    width: 100%;
		}
		
		.rel-title-container{
		    height: 47px;
		    display: flex;
		    justify-content: left;
		    align-items: center;
		    font-size: 17px;
		    border-radius: 0px;
		    padding-left: inherit;
		    background: none;
		    border: none;
		    text-align: left;
		    color: #333333;
		    font-weight: bold;
		}
		
		.contenedor-main-rel,
		.rel-main-container{
		    display: flex !important;
		    flex-flow: column;
		}
		
		/* Botones mejorados */
		button.ui-button.btn-better {
		    background-color: #ca2b2b;
		    text-shadow: none;
		    color: #fff;
		    padding: 3px;
		    border: none;
		}
		
		.btn-icono {
		    background-color: #1c8dc0;
		    background-image: url("") !important;
		    width: 161px;
		    height: 32px;
		    background-position: 129px 6px;
		    background-repeat: no-repeat;
		    color: #ffffff;
		    text-shadow: none;
		    padding-right: 11px;
		}
		
		.btn-icono:hover{
		    background-color: #1678BE !important;
		    color: #ffffff;
		}
		
		/*Primary Button*/
		.rel-btn-primary{
		    background-color: var(--blue) !important;
		    text-shadow: none !important;
		    height: 32px;
		    color: var(--white) !important;
		}
		
		.rel-btn-primary:hover{
		    background-color: var(--blue-dark) !important;
		    color: var(--white) !important;
		}
		
		/*Secondary Button*/
		.rel-btn-secondary{
		    background-color: var(--gray-light-secondary) !important;
		    text-shadow: none !important;
		    height: 32px;
		    color: var(--blue) !important;
		}
		
		.rel-btn-secondary:hover{
		    background-color: var(--gray-light-secondary-dark) !important;
		}
		
		.rel-btn-danger{
		    background-color: var(--red) !important;
		    text-shadow: none !important;
		    height: 32px;
		    color: var(--white) !important;
		}
		
		.rel-btn-danger:hover{
		    background-color: var(--red-dark) !important;
		    color: var(--white) !important;
		}
		
		
		/*Flex directions*/
		.align-item-center{
		    align-items: center;
		}
		
		.justify-content-center{
		    justify-content: center;
		}
		
		.ui-button.btn-red{
		    color: #fff !important;
		    background-color: #ca2b2b !important;
		    text-shadow: none !important;
		    font-size: 16px !important;
		    background-image: none;
		}
		
		.ui-button.btn-red:hover{
		    background-color: #a92727 !important;
		}
		
		.text-align-center{
		    text-align: center;
		}
		
			
		
		
		body {
		    display: -webkit-box;
		    -webkit-box-pack: center;
		    -webkit-box-align: center;
		    /* Firefox */
		    display: -moz-box;
		    -moz-box-pack: center;
		    -moz-box-align: center;
		    /* IE */
		    display: -ms-flex;
		    -ms-box-pack: center;
		    -ms-box-align: center;
		    /* Native CSS */
		    display: -webkit-box;
		    box-pack: center;
		    box-align: center;
		    height: 100%;
		}
		
		main::before {
		    content: '';
		    margin: -35px;
		    position: absolute;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    filter: blur(20px);
		    z-index: -1;
		}
		
		main {
		    position: relative;
		    background: hsla(0, 0%, 90%, .3);
		    border-radius: 20px;
		    width: 400px;
		    box-shadow: 0 1px 3px #212121;
		    overflow: hidden;
		    height: 450px;
			margin-top: 50%;
		}
		
		body.font-lato {
		    box-shadow: 0 1px 3px #212121 !important;
		}
		
		.shortcuts-container {
		    display: block;
		    margin-top: 5%;
		}
		
		.login-shortcut {
		    display: inline-block;
		    position: relative;
		    background: hsla(0, 0%, 90%, 0.58);
		    border-radius: 10px;
		    box-shadow: 0 1px 3px #212121;
		    overflow: hidden;
		    margin: 10px;
		}
		
		.login-shortcut:hover {
		    background: hsla(0, 0%, 10%, 0.47);
		}
		
		.shortcut-link {
		    color: #000000;
		    cursor: pointer;
		    display: block;
		    text-decoration: none;
		}
		
		.shortcut-body {
		    width: 120px;
		    height: 120px;
		}
		
		.shortcut-img {
		    height: 95px;
		}
		
		.payment-img {
		    background: url("") center no-repeat;
		}
		
		.processes-img {
		    background: url("") center no-repeat;
		}
		
		.certificates-img {
		    background: url("") center no-repeat;
		}
		
		.refunds-req-img {
		    background: url("") center no-repeat;
		}
		
		.refunds-res-img {
		    background: url("") center no-repeat;
		}
		
		
		
		
		/*HOVER*/
		.login-shortcut:hover .shortcut-link .shortcut-body .payment-img {
		    background: url("") center no-repeat;
		}
		
		.login-shortcut:hover .shortcut-link .shortcut-body .processes-img {
		    background: url("") center no-repeat;
		}
		
		.login-shortcut:hover .shortcut-link .shortcut-body .certificates-img {
		    background: url("") center no-repeat;
		}
		
		.login-shortcut:hover .shortcut-link .shortcut-body .refunds-req-img {
		    background: url("") center no-repeat;
		}
		
		.login-shortcut:hover .shortcut-link .shortcut-body .refunds-res-img {
		    background: url("") center no-repeat;
		}
		
		.login-shortcut:hover > a > div > h4 {
		    color: var(--white);
		}
		
		.shortcut-title {
		    margin: 0;
		}
		
		.divLogin {
		    min-height: 400px;
		    height: auto;
		    width: 350px;
		    background: rgba(80, 80, 80, 0.23);
		    border-width: 1px;
		    border-color: #7a7a7a;
		    border-style: solid;
		    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.47);
		    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.47);
		    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.47);
		}
		
		.ui-inputfield.inputLogin {
		    color: #fff !important;
		    background-color: rgba(0, 0, 0, 0.14) !important;
		    text-shadow: none !important;
		    text-align: center;
		    padding: 9px !important;
		    font-size: 16px !important;
		    width: 250px;
		    margin-bottom: 15px;
		    border: none;
		    border-bottom: 1px solid #9E9E9E;
		}
		
		.btLogin {
		    width: 140px;
		}
		
		.ui-button.btLogin {
		    color: #fff !important;
		    background-color: #ca2b2b !important;
		    text-shadow: none !important;
		    font-size: 16px !important;
		    background-image: none;
		}
		
		.ui-button-text {
		    font-weight: 400;
		    font-size: 16px !important;
		}
		
		.ui-state-default.ui-button.btLogin:hover {
		    background-color: #B71C1C !important;
		}