html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}
.wrapper {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.main {
  flex: 1 0 auto;
}

.footer {
  height: 60px;
  background-color: #f5f5f5;
  flex-shrink: 0;
}

div.ui-chips {
   width:100%;
}

div.ui-chips > ul.ui-chips-container {
	width:100%;
}

ul.ui-chips-container li > input {
        width: auto !important;
}


label.ui-outputlabel {
    font-weight: bolder;
}

label.ui-outputlabel a {
    color: black;
}

label.ui-outputlabel a:hover {
    color:gray;
}

.ui-panelgrid-filtro {
    margin:0px;
    padding:0px;
}

@media (min-width: 767px) {
    .datatablePagos td:nth-child(1) {
        max-width: 100px !important;                
    } 

    .datatablePagos th:nth-child(1) {
        max-width: 100px !important;                
    } 

    .datatablePagos td:nth-child(2) {
        max-width: 125px !important;                
    } 

    .datatablePagos th:nth-child(2) {
        max-width: 125px !important;                
    } 

    .datatablePagos th:nth-child(6) {
        max-width: 75px !important;                
    } 

    .datatablePagos td:nth-child(6) {
        max-width: 75px !important;                
    }

    .datatablePagos th:nth-child(8) {
        max-width: 130px !important;                
    } 

    .datatablePagos td:nth-child(8) {
        max-width: 130px !important;                
    }

    .datatablePagos th:nth-child(12) {
        min-width: 150px !important;                
    } 

    .datatablePagos td:nth-child(12) {
        min-width: 150px !important;                
    }
}

.panel_pagador_selector_pagador {
    border-bottom:1px solid black;
    margin-bottom:5px;
    padding-bottom:5px;
}

/***** PAGINA DE LOGIN *************************/

.login-container-recordar-contrasenia {    
}