@charset "UTF-8";

.epr-selector .simple .ui-selectonemenu .ui-selectonemenu-trigger span.ui-icon-triangle-1-s::before {
    content: "◥";
}

.epr-selector .simple .ui-selectonemenu-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.epr-selector .multiple .listaSeleccionados li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.epr-selector .multiple .principal {
    /*color: white;
    background: #FFFFE0;
    */
    display: inline-block;
}

.epr-selector .simple .botonera, .epr-selector .comoBoton .botonera {
    display: inline-block;
}

.epr-selector .simple .botonera .ui-widget-content, .epr-selector .comoBoton .botonera .ui-widget-content,
.epr-selector .multiple .botonera .ui-widget-content {
    border: 0;
}

.epr-selector .simple .botonera .ui-widget-content .ui-panelgrid-cell {
    padding: 1px;
}

.epr-selector .comoBoton .botonera .ui-widget-content .ui-panelgrid-cell {
    padding: 0;
}

.epr-selector .multiple .botonera {
    display: inline-table;
    padding-left: 6px;
}

.epr-selector .multiple .botonera .ui-widget-content {
    display: inline;
}

.epr-selector-dialogo .arbol .ui-tree-container {
    max-height: 500px;
}

body .diagogo-selector .ui-tree {
    width: 700px;
    height: 500px;
    display: grid;
}

body .diagogo-selector .ui-tree.empty {
    height: unset;
}

.ui-datatable tbody td.epr-selector-columna tbody td {
    border: 0;
}

.ui-noborder {
    border: 0;
}

body.eprinsa .ui-datalist.ui-noborder .ui-datalist-content {
    border: 0;
}

.TextoCabecera,
.card h2, .card h3, .card h4, .card h5,
.ui-card h2, .ui-card h3, .ui-card h4, .ui-card h5 {
    margin: 0 0 .5em 0;
    color: #0d86e3;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*JLP.- Estilos de compatibilidad con el Apollo anterior donde los "h" no eran tan grandes*/
.TextoCabecera {
    font-weight: normal;
}

.ui-card h1, .card h1 {
    font-size: 1.8rem;
}

.ui-card h2, .card h2 {
    font-size: 1.4rem;
    font-weight: normal;
}

.ui-card h3, .card h3 {
    font-size: 1.17em;
}

.ui-card h4, .card h4 {
    font-size: 1rem;
}

.ui-card h5, .card h5 {
    font-size: 0.83em;
}

/* Componente p:card*/
body.eprinsa .ui-card {
    padding: 1.5rem;
}

body.eprinsa .ui-card .ui-card-body {
    padding: 0;
}

/* -------------------*/

body .ui-sticky .ui-panel .ui-panel-content {
    background: revert;
}

.ui-sticky .TextoCabecera, .ui-sticky .card h2, .ui-sticky .card h3,
.ui-sticky .card h4, .ui-sticky .card h5 {
    color: white;
}

/*#68232 y #67096.- JLP.- Índice suficiente para que el sticky haga su función sin solapar ni al menú ni a los growl*/
.ui-sticky {
    z-index: 100 !important;
    top: 40px !important;
}

.ui-toolbar.ui-toolbar-blank {
    border: 0;
    background-color: transparent;
}

/*JLP.- Si en una tabla se selecciona una fila y esta tiene un link, el azul del fondo y el azul del link son tan
similares que no se ve. Con esto se corrige.*/
body .ui-state-highlight a {
    color: white;
    text-decoration: underline;
}

/*JLP.- Igualmente utilizamos esta clase para dársela a los check o tick que haya en una tabla*/
.check-en-tabla {
    color: #39A3F4;
}

.ui-state-highlight .check-en-tabla {
    color: white;
}

body .ui-message.ui-message-info.ui-staticmessage-blank,
body .ui-staticmessage-blank .ui-message.ui-message-info {
    border: 0;
    background-color: transparent;
    color: #0A6FBD;
}

body .ui-message.ui-message-warn.ui-staticmessage-blank,
body .ui-staticmessage-blank .ui-message.ui-message-warn {
    border: 0;
    background-color: transparent;
    color: #7f6003;
}

.topbar {
    padding: 0px 0px 0px 10px !important;
}

.topbar-logo .logo {
    margin: 10px 7px 0px 0px;
    box-sizing: content-box;
}

.topbar-logo .topbar-title {
    display: inline-block;
    color: white;
}

.topbar-title h1 {
    font-size: large;
    margin: 5px 0px 0px 0px !important;
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}

.topbar-title p {
    font-size: small;
    margin: 0px 0px 0px 0px !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.profile, #menu-button {
    float: right;
    margin: 0px !important;
    color: white;
    height: 50px !important;
    line-height: 50px !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

#menu-button {
    padding: 0px !important;
}

.profile {
    padding: 0px 5px 0px 0px !important;
}

.profile em, .profile span, .profile i {
    float: left;
    line-height: 50px;
}

.profile em {
    margin-right: 4px;
    margin-top: -2px;
}

.profile i {
    margin-top: 1px;
}

.layout-wrapper .topbar .topbar-logo {
    width: initial !important;
}

body .ui-panel.ui-noborder .ui-panel-content,
body .ui-panel.botonera .ui-panel-content,
body .ui-toolbar.botonera {
    border: none;
}

body .ui-toolbar.botonera {
    padding: 0;
}

body .ui-panelgrid .ui-panelgrid-cell {
    padding: 4px 10px;
}

body.eprinsa {
    min-height: 100vh;
    margin: 0;
    position: relative;
}

body.eprinsa::after {
    content: '';
    display: block;
    height: 60px;
}

body.eprinsa .layout-content {
    min-height: initial;
}

body.eprinsa .layout-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}

body.eprinsa .layout-wrapper .layout-content .layout-breadcrumb .breadcrumb .route-bar-breadcrumb {
    margin: initial;
    height: 42px;
}

body.eprinsa .ui-toolbar .ui-button,
body.eprinsa .botonera .ui-button {
    margin-left: 2px;
    margin-bottom: 2px;
}

body.eprinsa .ui-blockui-content {
    background: #fff;
}

body.eprinsa .ui-widget .ui-datatable-data + .ui-message,
body.eprinsa .ui-datatable-data .ui-message {
    padding: 0;
    margin: 0;
}

.desktop-show {
    display: inherit !important;
}

.tablet-show {
    display: none !important;
}

.mobile-show {
    display: none !important;
}

@media screen and (min-width: 800px) {
    .desktop-show {
        display: none !important;
    }

    .tablet-show {
        display: inherit !important;
    }

    .mobile-show {
        display: inherit !important;
    }

    .profile {
        padding-right: 10px !important;
    }
}

@media (max-width: 995px) {
    .desktop-show {
        display: inherit !important;
    }

    .tablet-show {
        display: none !important;
    }

    .mobile-show {
        display: none !important;
    }
}

.ellipsis-10 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 10;
    box-orient: vertical;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.ellipsis-9 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 9;
    box-orient: vertical;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

.ellipsis-8 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 8;
    box-orient: vertical;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.ellipsis-7 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 7;
    box-orient: vertical;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.ellipsis-6 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 6;
    box-orient: vertical;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.ellipsis-5 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 5;
    box-orient: vertical;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.ellipsis-4 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-1 {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}