/* <<<< Clases para tener ajuste al viewport en altura teniendo en cuenta cabeceras y pies dinamicas <<<< */

#wrapper,
#page-wrapper {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    min-height: auto !important;
    overflow: hidden;
}

#page-wrapper > .modulo {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    min-height: auto !important;
    overflow: hidden;
}

#page-wrapper > .modulo > div {
    display: flex;
    flex-flow: column;
    height: 100%;
    flex-basis: auto;
}

#page-wrapper > .modulo > div.cabecera {
    height:  auto !important;
}

/* -- fit-height: panel ajustable en altura, con cabecera y/o pie -- */

.fit-height {
    display: flex;
    flex-flow: column;
    height: 100%;
    flex-basis: auto;
}

.fit-height > .cabecera {
    flex: 0 1 auto;
    margin: 0;
}

.fit-height .contenido {
    flex: 1 1 auto;
}

.fit-height > .pie {
    flex: 0 1 auto;
}


/* -- scroller -- */

.scroller {
    overflow: auto !important;
}

.scroller-y {
    overflow-y: auto !important;
}

.no-scroller {
    overflow: hidden !important;
}

.no-scroller-y {
    overflow-y: hidden !important;
}


/* --- Bug en ui-select multiple --- */
.ui-select-multiple.ui-select-bootstrap.ui-select-container.ng-empty input.ui-select-search,
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    width: 100% !important;
}