/*********************************
	Autor: ADA S.A.
	Hoja de estilos para SIGEPII
**********************************/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* Imagen de fondo para el cuerpo del documento, no es la del login */
body {
    background-image: url(../images/background.png);
    background-size: contain;
    height: 100%;
}

/* FIN Imagen de fondo del cuerpo del documento */

/* Aplica a todos los elementos del aplicativo */
*, *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* FUENTES DEL APLICATIVO */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-regular-webfont.eot');
    src: url('fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/poppins-regular-webfont.woff') format('woff'), url('fonts/poppins-regular-webfont.ttf') format('truetype'), url('fonts/poppins-regular-webfont.svg#Poppins') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neue_helvetica_bqregular';
    src: url('fonts/neuehelveticabq-roman-webfont.eot');
    src: url('fonts/neuehelveticabq-roman-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/neuehelveticabq-roman-webfont.woff') format('woff'),
    url('fonts/neuehelveticabq-roman-webfont.ttf') format('truetype'),
    url('fonts/neuehelveticabq-roman-webfont.svg#neue_helvetica_bqregular') format('svg');
    font-weight: 600;
    font-style: normal;
}

/* FIN FUENTES DEL APLICATIVO */

/* Borrar floats dsps de las columnas */
.row:after {
    border: 0 none;
    content: "";
    display: table;
    clear: both;
}

/* Aplica para todos los elementos de ese tipo */
img, embed, object, video, svg {
    max-width: 100%;
}

/* FIN Aplica para todos los elementos de ese tipo */

/* Colores */
.cl-negro {
    color: #333333 !important;
}

.cl-gris {
    color: #606060 !important;
    opacity: 0.85 !important;
}

.label-gris {
    color: #808080 !important;
    opacity: 0.85 !important;
}

/* FIN Colores */

/* Estilos exclusivos para IE y Microsoft Edge */
select::-ms-expand {
    display: none;
}

input[type=password]::-ms-reveal, input[type=password]::-ms-clear {
    display: none;
}

select:focus::-ms-value {
    background: transparent !important;
    color: #000 !important;
}

.h4-perfil {
    color: #24547A;
    margin-top: 0;
    margin-left: 1.5%;
    font-size: 2.5em;
    margin-bottom: -1%;
    text-transform: capitalize;
}

.video-tutorial {
    height: 150px;
    width: 100%;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    box-shadow: none;
}

.video-tutorial:hover {
    box-shadow: none;
}

.title-progress {
    text-align: center;
    font-size: 1.29em;
    font-weight: 500;
    color: #245379;
}

.title-progress-2 {
    margin-top: 1.2em;
    margin-bottom: -0.2em;
}


.tar-inf-decl {
    padding-left: 92px !important;
}

@media screen and (-ms-high-contrast: active) , screen and
(-ms-high-contrast: none) {

    .form-control-form-act-usua {
        background-image: url(../images/down-arrow.png) !important;
        background-position: 98% !important;
    }

    .form-control-entidad {
        background-image: url(../images/down-arrow.png) !important;
        background-position: 99% !important;
    }
}

/* FIN estilos exclusivos para IE y Microsoft Edge */

/* Estilos exclusivos para Mozilla Firefox */
@-moz-document url-prefix () {
    .page-subtitle {
        font-weight: 900 !important;
    }

}

/* FIN Estilos exclusivos para Mozilla Firefox */

/* Minima altura para las pantallas */
.ui-panelgrid {
    min-height: 530px;
}


/* FIN minima altura */

/* Tabs Menu Hoja de Vida */
.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    margin-left: 0.9%;
    margin-bottom: 0.1%;
}

.ui-tabs .ui-tabs-nav {
    background: transparent !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
    background: transparent !important;
}

.ui-tabs .ui-tabs-nav li a {
    transform: skew(25deg);
    font-family: 'Roboto', sans-serif !important;
    font-size: 1em;
    white-space: pre-wrap;
    text-align: center;
    vertical-align: middle !important;
    color: #fff !important;
    text-shadow: none !important;
}

.ui-tabs .ui-tabs-nav li {
    border-radius: 0 !important;
    border-top: 5px solid #245379 !important;
    border-bottom: 5px solid #245379 !important;
    border-left: 1px solid #2889B3 !important;
    border-right: 1px solid #2889B3 !important;
    -webkit-box-shadow: inset -9px -9px 30px -22px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: inset -9px -9px 30px -22px rgba(0, 0, 0, 0.75) !important;
    box-shadow: inset -9px -9px 30px -22px rgba(0, 0, 0, 0.75) !important;
    margin: 0 !important;
    transform: skew(-25deg);
    background: #245379 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: #fff !important;
    font-family: 'Roboto', sans-serif !important;
    border-top: 5px solid #245379 !important;
    border-bottom: 5px solid #245379 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    font-family: 'Roboto', sans-serif !important;
    color: #235379 !important;
}

/* FIN Tabs Menu Hoja de Vida */

/* Tabs Bienes y Rentas */
.tabs-byr ul {
    padding-left: 1% !important;
}

.tabs-byr li a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.73em !important;
    white-space: pre-wrap !important;
    text-align: center !important;
    padding: 2px 12px !important;
    line-height: 1.1em !important;
}

.tabs-byr li {
    width: 10.75% !important;
    height: 3.5em !important;
}

/* FIN Tabs Bienes y Rentas */

/* Tabs Contratacion */
.tabs-contratacion li.ui-tabs-selected {
    width: 0 !important;
    height: 0 !important;
    border: none !important;
}

/* FIN Tabs Contratacion */

/* Tabs en general del aplicativo */
.ui-tabs > ul {
    background-color: transparent !important;
}

.ui-tabs > ul > li {
    background-color: #245379 !important;
    box-shadow: none !important;
}

.ui-tabs > ul > li > a {
    text-shadow: none !important;
    color: #ffffff !important;
}

/* FIN tabs generales */

/* Elementos input y select con focus*/
input:focus, select:focus, span:focus {
    border: 1px solid #2A89B5 !important;
}

/* FIN elementos con focus */

/* Mensajes del sistema */
.ui-messages-fatal-detail, .ui-messages-info-detail {
    color: #245379 !important;
    text-align: justify;
}

.ui-messages-error-detail {
    color: #BB0000;
    text-align: justify;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !Important;
}

.ui-messages-fatal, .ui-messages-info, .ui-messages-error {
    border: none;
    background-color: transparent;
    margin-top: 1em;
    text-align: justify;
    height: 4em !important;
}

.ui-message-error-detail {
    color: #BB0000 !important;
}

label .ui-state-error, .ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    color: #313131;
    border: 1px solid #999999;
}

.ui-messages-error-icon, .ui-message-error-icon {
    display: none !important;
}

.ui-messages-error, .ui-message-error {
    border-color: transparent !important;
}

.ui-messages-error-summary {
    color: #BB0000 !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    margin: 0 !important;
}

.ui-messages-error .ui-corner-all {
    text-align: center !important;
}

.ui-message-info-detail {
    margin-left: 0 !important;
}

.ui-message-dialog {
    position: fixed !important;
    float: none !important;
}

.ui-datatable .ui-column-filter {
    width: 100%;
    background-color: white !important;
    color: grey;
    height: 1.6em;
    font-size: 1.3em !important;
    margin-top: 0.2em !important;
}

.ui-widget-overlay .ui-dialog-mask {
    left: auto !important;
    top: auto !important;
}

/* FIN mensajes del sistema */

/* Campos estan en estado disabled */
.ui-state-disabled {
    opacity: 0.6 !important;
    background: white !important;
}

select[disabled="disabled"] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

input[disabled="disabled"] {
    opacity: 789 !important;
    cursor: not-allowed !important;
}

.btn-primary[disabled] {
    cursor: not-allowed !important;
}

.btn-secondary[disabled] {
    cursor: not-allowed !important;
}

.disable {
    opacity: 0.6 !important;
}

/* Fin campos en estado disabled */

/* Campos estan en estado default */
.ui-state-default {
    word-wrap: initial !important;
    background: none !important;
}

/* FIN campos en estado default */

/* Color de fondo y del borde de los modales */
.modal-content {
    background-color: #F3F3F3 !important;
    border-color: #F3F3F3 !important;
}

/* modal selecci�n entidad */
.modal-enti {
    background-color: #F3F3F3 !important;
    border-color: #F3F3F3 !important;
    margin-top: 25.3em;
    width: 100%;
}

/* FIN modales bootstrap */

/* Token del select checkbox */
.ui-selectcheckboxmenu-token {
    background-color: transparent !important;
    font-size: 0.7em !important;
}

/* FIN token select checkbox */

/* Campos que son autocompletados */
.ui-autocomplete-input {
    box-shadow: none !important;
}

.ui-autocomplete-input.ui-autocomplete-dd-input {
    padding: 0.5em 3.5em 0.5em 0.5em !important;
}

.ui-autocomplete-dropdown {
    padding: 1em !important;
    padding-left: 2.35em !important;
    opacity: 1 !important;
}

.ui-autocomplete-panel {
    box-shadow: none !important;
    border: 1px solid cadetblue !important;
    border-radius: 0 !important;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
    text-transform: uppercase !important;
    font-size: 1.3em !important;
}

/* FIN campos autocompletados */

/* Campos en estado highlight */
.ui-state-highlight {
    background: #ffffff !important;
    text-shadow: none !important;
    color: black !important;
}

/* FIN campos en estado highlight */

/* Color blanco para los select one radio */
.ui-selectoneradio td {
    background: white !important;
}

.ui-selectoneradio label {
    display: inline !important;
    font-weight: 400 !important;
    color: #395477 !important;
}

/* FIN color select one radio */

/* BOTONES ICONOS */
.ui-icon {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    position: inherit !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

.ui-button-icon-only .ui-button-text {
    display: none !important;
}

.ui-button-icon-left {
    left: 0 !important;
}

button {
    border: 1px solid #333;
}

/* FIN BOTONES ICONOS */

/* */
.icon-btn {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    margin-right: 0.3em !important;
}

/* Icono ver */
.icon-view {
    background-image: url(../images/eye.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-gestion-estado {
    background-image: url(../images/gestionar_estado.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-nomenclatura {
    background-image: url(../images/nomenclatura.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-equivalencia {
    background-image: url(../images/equivalencia.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-incrementar {
    background-image: url(../images/incrementar.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-asociar {
    background-image: url(../images/asociar_entidad.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-personalizar {
    background-image: url(../images/personalizar_nomenclatura.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono editar */
.icon-edit {
    background-image: url(../images/pencil-edit.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono registrar */
.icon-registrar {
    background-image: url(../images/registrar.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono regresar */
.icon-regresar {
    background-image: url(../images/back-button.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono vincular */
.icon-vincular {
    background-image: url(../images/cadena.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono desvincular */
.icon-desvincular {
    background-image: url(../images/desnvin.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono cadena */
.icon-cadena {
    background-image: url(../images/cadena.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono cadena rota */
.icon-cadena-rota {
    background-image: url(../images/cadena-rota.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono buscar */
.icon-buscar {
    background-image: url(../images/lupa.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono back contratos */
.icon-back-arrow {
    background-image: url(../images/back-arrow.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-back-arrow_oscuro {
    background-image: url(../images/back-arrow_oscuro.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono descargar */
.icon-download {
    background-image: url(../images/download.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono agregar documento */
.icon-add-doc {
    background-image: url(../images/add-document.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono documento en espera */
.icon-wait-doc {
    background-image: url(../images/document-waiting.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono alcance documento */
.icon-scope-doc {
    background-image: url(../images/document-scope.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono terminacion documento */
.icon-final-doc {
    background-image: url(../images/document-final.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono agregar documento alcance */
.icon-add-doc-scope {
    background-image: url(../images/add-document-scope.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono cesion documento */
.icon-end-doc {
    background-image: url(../images/document-end.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono consultar contrato */
.icon-consult-doc {
    background-image: url(../images/document-consult.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono terminar contrato manual */
.icon-end-doc-manual {
    background-image: url(../images/document-end-manual.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono suspension contrato */
.icon-on-off {
    background-image: url(../images/on-off.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono check */
.icon-check {
    background-image: url(../images/tick.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono flecha hacia abajo */
.icon-down-arrow {
    background-image: url(../images/down-arrow-sm.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono lista chequeada */
.icon-check-list {
    background-image: url(../images/check-list.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono borrar-eliminar */
.icon-delete {
    background-image: url(../images/delete-trash.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono asignar role a usuario */
.icon-asign-role {
    background-image: url(../images/asign-role.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono agregar */
.icon-add-circle {
    background-image: url(../images/plus-button.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-plus {
    background-image: url(../images/plus_plus.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono abrir archivo */
.icon-open-folder {
    background-image: url(../images/open-folder.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono refresh */
.icon-refresh {
    background-image: url(../images/refresh-left-arrow.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono nuevo rol */
.icon-new-role {
    background-image: url(../images/new-user.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono Ordernar */
.icon-sort {
    background-image: url(../images/sort.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono impresion */
.icon-print {
    background-image: url(../images/printer.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono exportar */
.icon-export {
    background-image: url(../images/forward-arrow.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono exportar PDF */
.icon-export-pdf {
    background-image: url(../images/pdf-export.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono paginador ultimo derecha */
.ui-icon-seek-end {
    background-image: url(../images/right-chevron.png) !important;
    background-position: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono paginador proximo derecha */
.ui-icon-seek-next {
    background-image: url(../images/next.png) !important;
    background-position: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
}

.ui-icon-carat-1-w {
    background-image: url(../images/left-arrow-tabs.png) !important;
    background-position: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 16px !important;
}

.ui-icon-carat-1-e {
    background-image: url(../images/right-arrow-tabs.png) !important;
    background-position: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Icono paginador proximo izquierda */
.ui-icon-seek-prev {
    background-image: url(../images/back.png) !important;
    background-position: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
}

/* Icono paginador primero izquierda */
.ui-icon-seek-first {
    background-image: url(../images/left-chevron.png) !important;
    background-position: 0 !important;
    margin-left: 0 !important;
    top: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
}

/* Iconos - botones de subir y cancelar no se muestran en fileupload */
.ui-fileupload-cancel {
    display: none !important;
}

.ui-fileupload-upload {
    display: none !important;
}

.icon-lupa {
    background-image: url(../images/lupa.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-ambito {
    background-image: url(../images/gestionar_ambito.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-estructura {
    background-image: url(../images/estructura.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-planta {
    background-image: url(../images/planta.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-fusionar {
    background-image: url(../images/fusionar.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-escindir {
    background-image: url(../images/escindir.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-liquidar {
    background-image: url(../images/liquidar.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-otras_asignacion {
    background-image: url(../images/otras_asignacion.png) !important;
    width: 24px !important;
    height: 24px !important;
}

.icon-eye {
    background-image: url(../images/eye.png) !important;
    width: 24px !important;
    height: 24px !important;
}

/* FIN */
.ui-fieldset {
    background-color: rgba(250, 250, 250, 0.71) !important;
}

/* Elementos select */
select {
    box-shadow: none !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
}

/* FIN Elementos select */

/* PAGINADOR */
.ui-paginator .ui-paginator-rpp-options {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: url(../images/down-chevron.png) !important;
    background-repeat: no-repeat !important;
    background-position: 102% !important;
    background-size: 42% !important;
    width: 4em;
    padding-left: 1%;
    height: auto !important;
    opacity: 1 !important;
    border-radius: 2px !important;
    border: 1px solid #D2D2D2 !important;
    margin-right: 4em !important;
    box-shadow: none;
    background-color: white !important;
}

/* FIN PAGINADOR */
/*Organigrama*/
.tree ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/
.tree li::before, .tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px;
}

.tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child {
    padding-top: 0;
}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

.tree li a {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #ffffff !important;
    font-family: arial, verdana, tahoma;
    font-size: 15px;
    display: inline-block;
    background: #245379 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover + ul li a {
    background: #245379 !important;
    color: #000;
    border: 1px solid #245379 !important;
}

/*Connector styles on hover*/
.tree li a:hover + ul li::after, .tree li a:hover + ul li::before, .tree li a:hover + ul::before,
.tree li a:hover + ul ul::before {
    border-color: #2A89B5 !important;
}

/*Fin organigrama*/

/* Dialogos de primefaces */
.ui-dialog {
    border-radius: 8px !important;
    border: 1px solid rgb(196, 196, 196) !important;
    max-width: 700px;
    min-width: 300px;
}

.ui-dialog-titlebar {
    padding: 1.1em 3em 1.1em 3em !important;
    background: #ffffff !important;
    text-align: center !important;
    font-size: 1.4em !important;
    box-shadow: 5px 3px 10px #aaaaaa !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 1.6em !important;
    text-align: center !important;
    color: #263948 !important;
    font-family: 'Poppins' !important;
    float: none !important;
    margin: 0 !important;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden !important;
}

/* FIN Dialogos */

/* Toolbar */
.ui-toolbar-group-left, .ui-toolbar-group-right {
    float: none !important;
}

/* FIN Toolbar */

/* Colocar el fondo del paginador */
.ui-paginator .ui-paginator-last {
    background-color: #999999 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ui-paginator .ui-paginator-next {
    background-color: #999999 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ui-paginator .ui-paginator-prev {
    background-color: #999999 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ui-paginator .ui-paginator-first {
    background-color: #999999 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ui-paginator .ui-paginator-current {
    font-size: 1.6em;
    margin-left: 0.3% !important;
    margin-right: 0.3% !important;
    height: 31.5px !important;
    color: #346492 !important;
}

.ui-paginator, .ui-paginator-page {
    border: none !important;
    background-color: white;
    font-size: 1.3em !important;
    font-family: 'Roboto', sans-serif !important;
}

/* FIN fondo paginador */

/* Sidebar nuevo */
.sidebar-nuevo {
    height: 70%;
    width: auto;
    position: static;
    z-index: 1;
    right: 0;
    background-color: rgb(255, 255, 255);
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-y: hidden;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

/*  Sidebar navigation */
.sidenav {
    width: 210px;
    position: absolute;
    z-index: 1;
    right: 0;
    background-color: rgb(255, 255, 255);
    -ms-overflow-y: hidden;
    transition: 0.5s;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.sidenav .closebtn, .sidenav .closebtn:hover {
    font-size: 2em;
    text-align: left;
    text-decoration: none;
    color: #ffffff;
    padding: 0;
}

.sidebar {
    float: right;
    margin-left: 0;
}

/* FIN sidebar */

/* Outputlabel */
.ui-outputlabel-rfi {
    float: left;
    margin-left: -0.2em !important;
    padding-right: 0.2em;
}

.ui-outputlabel-rfi-largo {
    margin-left: -0.2em !important;
    padding-right: 0.2em;
}

/* FIN outputlabel */
.text-label {
    color: #808080;
    text-align: justify;
    font-size: 1.5em !important;
    font-weight: normal;
}

/* Label Indicativo Telefonico */
.label-indicativo {
    font-size: 1em;
    font-weight: normal;
    padding-left: 3px;
}

/* FIN Indicativo */
.page-subtitle {
    font-family: 'Poppins' !important;
    font-size: 1em;
    color: #263948;
    font-weight: bold;
    text-transform: none;
    text-align: center;
}

/*  FIN Subtitulos del aplicativo */

/* Cuadrito de los formularios */
.cuadrito {
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    border: 2px #CCCCCC solid;
    border-radius: 1em;
    background-color: rgba(242, 242, 242, 0.85);
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
}

/*  FIN cuadritos formularios */

/* Cuadrito del formulario de contraseña */
.cuadrito-contrasenia {
    border: 2px #CCCCCC solid;
    border-radius: 1em;
    background-color: rgba(242, 242, 242, 0.85);
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2);
    width: 33.33%;
    height: 50% !important;
}

/*  FIN cuadrito de formulario de contraseña */

/* Miga de pan */
.breadcrumb {
    font-size: 1.4em !important;
    background: white !important;
    border-radius: 0 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #245379 !important;
    padding: 5px 0 2px 10px !important;
    -webkit-box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.75) !important;
    margin-bottom: 0 !important;
}

.breadcrumb .active {
    font-weight: bold !important;
    color: #2a89b4 !important;
}

/* FIN Miga de Pan */

/* Carga de archivos */
.ui-fileupload-buttonbar {
    background: transparent;
    border-radius: 4px;
    padding: 0 !important;
    margin-right: 3% !important;
    color: white !important;
    opacity: 1 !important;
    height: auto !important;
    border-color: #999999 !important;
}

.ui-fileupload-buttonbar .ui-button {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    background: #245379 !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
    webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    color: #fff !important;
    font-size: 1.3em !important;
    border: 1px solid #245379;
    opacity: 1 !important;
    text-shadow: none;
}

.ui-fileupload-buttonbar:focus {
    border: 1px solid #2A89B5 !important;
}

@media screen and (max-width: 40em) {
    .ui-fileupload-buttonbar .ui-button .ui-button-text {
        padding: 0 !important;
        display: block !important;
    }
}

/* FIN Carga de archivos */

/* Sombra iconos */
.ui-shadow {
    box-shadow: 0 5px 10px #737373 !important;
}

/* FIN sombra */

/* Icono del calendario input */
.ui-calendar input {
    margin: 0;
    border: 1px solid #999999;
    border-radius: 3px;
    box-shadow: none !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
    height: 31.5px !important;
    width: 100%;
    background-image: url(../images/calendar.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: 97% !important;
}

/* FIN icono del calendario input */

/* Estilo del calendario */
.ui-datepicker-next {
    background: transparent !important;
    top: 24% !important;
    right: 4px !important;
}

.ui-datepicker-prev {
    background: transparent !important;
    top: 24% !important;
    left: 5px !important;
}

.ui-datepicker-next span, .ui-datepicker-prev span {
    top: 0 !important;
    left: 0 !important;
}

.ui-datepicker-header {
    background: #263948 !important;
    padding: 0.8em 1em !important;
    margin: 0 !important;
    border: 1px solid #263948 !important;
    font-weight: bold !important;
}

.ui-datepicker-other-month, .ui-datepicker-unselectable {
    background: #F2F2F2 !important;
}

.ui-datepicker-month {
    color: white !important;
    font-size: 1.5em !important;
    text-shadow: none !important;
    font-family: 'Roboto', sans-serif !important;
    background-color: #263948 !important;
    border-color: #263948 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
}

.ui-datepicker-year {
    color: white !important;
    font-size: 1.5em !important;
    text-shadow: none !important;
    font-family: 'Roboto', sans-serif !important;
    background-color: #263948 !important;
    border-color: #263948 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
}

.ui-datepicker select.ui-datepicker-month {
    width: 40% !important;
}

.ui-datepicker select.ui-datepicker-year {
    width: 40% !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background: #E6E6E6 !important;
    color: #808080 !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    background: #2A89B5 !important;
    color: white !important;
}

.ui-datepicker {
    width: 22em !important;
    padding: 0 !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 5em !important;
}

.ui-datepicker-calendar {
    margin: 0 !important;
}

.ui-datepicker table thead tr {
    background: #235379 !important;
    border: 1px solid #235379 !important;
    color: white !important;
    font-size: 1.5em !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

/* Icono siguiente del calendario */
.ui-icon-circle-triangle-e {
    background: url(../images/right-arrow-cal.png) no-repeat !important;
}

/* Icono anterior del calendario */
.ui-icon-circle-triangle-w {
    background: url(../images/left-arrow-cal.png) no-repeat !important;
}

/* FIN estilo del calendario */

/* Icono del menu checkbox nacionalidad */
.ui-icon-triangle-1-s {
    background: url(../images/down-arrow-bkp.svg) no-repeat !important;
    background-size: 45% !important;
    width: 100% !important;
    height: 104% !important;
    background-position: 0 !important;
    left: 25% !important;
    margin-left: 0 !important;
    top: -2% !important;
    border-radius: 0;
}

/* Select checkbox menu */
.ui-fluid .ui-selectcheckboxmenu-trigger {
    width: 44px !important;
    border: 1px solid #999999;
}

.ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    box-shadow: none;
    padding: 0 !important;
}

/* FIN Select checkbox menu */

/* Para el campo del menu checkbox nacionalidad */
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    background-color: white !important;
    padding-left: 0.5em !important;
    padding-top: 2px !important;
    overflow-y: scroll !important;
    color: #606060 !important;
    max-height: 42px !important;
}

.ui-selectcheckboxmenu-multiple-container {
    height: 35px !important;
    overflow-y: scroll !important;
    color: #606060 !important;
    margin-right: 2.3em !important;
    max-height: 42px !important;
}

.jqplot-highlighter-tooltip {
    font-size: 1.75em !important;
}

/* FIN campo checkbox nacionalidad */

/* Para los paneles de datos personales en hoja de vida */
.ui-panel .ui-panel-content {
    padding: 0 !important;
    background: transparent !important;
}

/* Para poner transparente el fondo cuando se adjuntan documentos */
.ui-fileupload-content {
    padding: .2em .4em;
    border-top-width: 0;
    background: transparent !important;
    margin-right: 3% !important;
}

/* Sugerencia a los formularios */
.advisor {
    color: #2A89B5 !important;
    font-family: Helvetica !important;
    font-size: 1.6em !important;
    font-weight: normal !important;
    text-align: center;
}

.label-dark {
    color: #333 !important;
    font-family: Helvetica !important;
    font-size: 1.6em !important;
    font-weight: normal !important;
}

/* Labels Login */
.form-label-login {
    color: #24547A !important;
    font-size: 1.6em !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Label cuando se ingresa un ranking y un texto en Pregunta de Opinion */
.label-opinion {
    color: #24547A !important;
    font-size: 1.6em !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: center !important;
    margin: 10% 0 !important;
}

/* ESTILO PARA ELEMENTOS SELECT H */
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

/* Estilo para los panel del select one menu */
.ui-selectonemenu-panel {
    min-width: 40% !important;
    max-width: 64% !important;
    width: 100% !important;
    z-index: 2000 !important;
}

.ui-selectonemenu label.ui-selectonemenu-label {
    font-size: 0.7em !important;
    white-space: inherit;
}

.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 40px !important;
}

.ui-fluid .ui-selectonemenu {
    height: 35px !important;
    padding-top: 0.2rem !important;
    font-size: 2em !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-item {
    border: white !important;
}

/* Labels para formularios */
.form-label-formularios {
    color: #255279 !important;
    font-size: 1.4em !important;
    font-family: 'Roboto', sans-serif !important;
}

.form-label-formularios-completo {
    width: 100%;
}

ul.ui-selectcheckboxmenu-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all {
    height: 1.3em !important;
}

/* Labels usados en el módulo Contratos*/
.form-label-contratos {
    color: #2e3c44 !important;
    font-size: 1.2em !important;
    font-family: 'Roboto', sans-serif !important;
}

.form-label-contratos_2 {
    color: #959595 !important;
    font-size: 1.2em !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Estilos para la vista Informacion Personal */
.form-label-informacion-personal {
    -webkit-box-shadow: 2px 0 37px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 0 37px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 0 37px -3px rgba(0, 0, 0, 0.5);
    background-color: #245379 !important;
    color: white;
    font-weight: 500;
    font-size: 1.2em !important;
    border: none;
    height: 3em !important;
    text-align: center;
    border-radius: 3px;
    letter-spacing: 0;
    word-spacing: 0.5px;
    margin: 0 0 6% 0;
    padding: 0.5%;
    width: 19em;
}

.roles-hv {
    display: block;
}

/* FIN Estilos para la vista Informacion Personal */

/* Padding que se le aplica a los botones en todo el sistema */
.ui-button-text {
    padding: 0.55em !important;
}

/* Estilos que se le aplican a los output labels */
.output-label-text {
    font-size: 1.1em !important;
    padding: 0.5em !important;
    background: transparent !important;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 3px;
    height: auto !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Form control estandar */
.form-control {
    padding-left: 0.5em !important;
    background: rgba(255, 255, 255, 0.85) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    border: 1px solid #999999 !important;
    height: auto !important;
    border-radius: 3px;
}

/* Form control campo entidad */
.form-control-entidad {
    padding: 0.5em 4em 0.5em 0.5em;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat !important;
    background-position: 99%;
    background-size: contain !important;
    width: 100%;
    margin: 0;
    height: auto !important;
    border: 1px solid #999999;
    border-radius: 3px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1em !important;
    -ms-background-position-x: 8000% !important;
}

/* Form control utilizado en casi todo el aplicativo */
.form-control-form-act-usua {
    padding: 0.5em 3.5em 0.5em 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff !important;
    background-image: url(../images/down-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 97% !important;
    background-size: contain !important;
    -ms-background-position-x: 5.9em !important;
    margin: 0;
    width: 100%;
    height: auto !important;
    border: 1px solid #999999;
    border-radius: 3px;
    color: #313131;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
}

.form-select {
    font-size: 1.2em !important;
    width: 100% !important;
    padding: 0.5em 3.5em 0.5em 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/down-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 97% !important;
    background-size: contain !important;
}

.form-selec-fusion {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 97% !important;
    font-size: 1.4em !important;
}

.form-control-form-act-usua-byr {
    min-width: 0 !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.form-control-form-act-usua {
    min-width: 0 !important;
    padding-right: 4em;
}

/* Form control utilizado en modal de elegir la accion que se desea realizar */
.form-control-form-act-usua-byr {
    padding: 0.5em 3.5em 0.5em 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat !important;
    background-position: 97%;
    background-size: contain !important;
    margin: 0;
    width: 52.5%;
    height: auto !important;
    border: 1px solid #999999;
    border-radius: 3px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
    -ms-background-position-x: 101px !important;
}

/* Form control utilizado en casi todo el aplicativo */
.form-control-acti-usua {
    padding: 0.5em !important;
    background: rgba(255, 255, 255, 0.85) !important;
    margin: 0;
    width: 100%;
    border: 1px solid #999999;
    border-radius: 3px;
    box-shadow: none !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
    height: auto !important;
}

/* Form control para el campo nacionalidad */
.form-control-nacionalidad {
    padding: 0.33em !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none !important;
    margin: 0;
    width: 100%;
    height: auto !important;
    border: 1px solid #999999 !important;
    border-radius: 3px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
}

/* Form label para los outputlabels del sistema */
.form-label {
    font-weight: normal;
    -ms-font-size: 1.4em !important;
    -moz-font-size: 1.4em !important;
    -webkit-font-size: 1.4em !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    font-size: 1.4em !important;
    border: none !important;
    background: none !important;
}

/* Span para los form controls */
span.form-control {
    padding: 0.4em;
}

/* Data Table */
.ui-paginator-top {
    display: none !important;
}

.ui-paginator-bottom {
    background: transparent !important;
    border: none !important;
}

.letra-gris {
    color: #7F7F7F !important;
    font-weight: normal;
    font-size: 1.7em !important;
}

th[role=columnheader] {
    color: #F4F4F4 !important;
    background: #235379 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: 0.05em solid #356A8A !important;
    box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.75) !important;
    text-shadow: none !important;
    font-weight: normal !important;
    padding: 15px 10px !important;
    font-size: 1.4em !important;
    width: auto !important;
}

table tbody tr td {
    color: #333333 !important;
    text-shadow: none;
    font-size: 1.3em;
    word-wrap: break-word !important;
}

.ui-datatable tbody td {
    border-right: 0.05em solid #D2D2D2 !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0.15em solid #D2D2D2 !important;
    padding: 10px 7px !important;
    text-transform: uppercase;
    font-size: 1em !important;
}

.ui-datatable table {
    margin-bottom: 1.5%;
    -webkit-box-shadow: 0 0 10px 0 rgba(51, 51, 51, 1);
    -moz-box-shadow: 0 0 10px 0 rgba(51, 51, 51, 1);
    box-shadow: 0 0 10px 0 rgba(51, 51, 51, 1);
    border-bottom: 0.2em solid #D2D2D2 !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
}

.ui-datatable-odd {
    background: none !important;
}

tr:nth-child(odd) {
    background-color: #f2f2f2 !important;
}

td:nth-child(7) {
    text-align: center !important;
    padding: 0 !important;
}

.ui-datatable-empty-message {
    font-size: 1.2em !important;
    text-align: center !important;
}

/* Icono flecha hacia abajo para tablewrapper */
.ui-icon-circle-triangle-s {
    background: url(../images/down-arrow-table.png) no-repeat !important;
    background-size: 80% !important;
    background-position: 50% !important;
}

.noHeader.ui-datatable table thead tr {
    display: none;
}

.ui-row-toggler {
    background-color: #265379 !important;
}

.ui-datatable-tablewrapper table {
    box-shadow: none !important;
}

.jqplot-table-legend {
    display: none;
}

@media ( max-width: 640px) {
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
        border-bottom: 1px solid black !important;
        display: -webkit-inline-box !important;
        text-align: left !important;
        width: 100% !important;
        word-break: break-all !important;
    }

    .ui-datatable-resizable thead th {
        white-space: pre-wrap !important;
    }

    .ui-datatable-resizable tbody td {
        white-space: pre-wrap !important;
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 1px solid black !important;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        font-weight: 600 !important;
        min-width: 30% !important;
    }
}

/* FIN Data Table */
#j_idt72:archivosCargados_head {
    display: none !important;
}

/* Botones del aplicativo */
.btn {
    padding: 0 7% !important;
    text-shadow: none !important;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    opacity: 1 !important;
}

/* Botones cancelar usualmente usan este estilo */
.btn-default {
    background: #E6E6E6 !important;
    color: #2A89B5 !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 2px !important;
    width: 90% !important;
    height: 2.3em !important;
}

a.btn-default {
    width: 90% !important;
    height: 3.3em !important;
    padding-left: 9% !important;
    padding-right: 9% !important;
    padding-top: 4% !important;
    margin-bottom: 1%;
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

a.btn-default:hover {
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

/* Botones guardar, continuar usualmente usan este estilo */
.btn-primary {
    background: #2A89B5 !important;
    border: 1px solid #2A89B5 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 90% !important;
    height: 2.3em !important;
}

.btn-secondary {
    background: #21527a !important;
    border: 1px solid #21527a !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 90% !important;
    height: 2.3em !important;
}

.btn-third {
    background: #20384c !important;
    border: 1px solid #20384c !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 90% !important;
    height: 2.3em !important;
}

/* Boton buscar implementado en ciertas vistas del aplicativo */
.btn-buscar {
    background-image: url(../images/magnifier.png) !important;
    background-repeat: no-repeat !important;
    background-position: 97%;
    background-size: 30% !important;
    color: white !important;
    font-size: 2em !important;
    padding-left: 8% !important;
    height: auto;
    padding-right: 2% !important;
    border-radius: 0 3px 3px 0 !important;
}

/* FIN Boton buscar */

/* Boton azul y boton imprimir en Bienes y Rentas */
.btn-azul {
    background-color: #245379 !important;
    margin: 0 !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: none !important;
}

.btn-print {
    background-color: #245379 !important;
    margin: 0 !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: none !important;
}

.btn-print[disabled] {
    background-color: #245379 !important;
    margin: 0 !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: none !important;
    opacity: 0.6 !important;
}

/* FIN Boton azul y boton imprimir en Bienes y Rentas */

/* Boton Agregar Nuevo en Bienes y Rentas*/
.btn-transparent {
    color: #245379 !important;
    border: none !important;
    background-color: transparent !important;
    padding-left: 0 !important;
}

.btn-transparent > .ui-button-text {
    display: inline !important;
    vertical-align: super;
}

.btn-transparent > .ui-icon {
    font-size: 2em !important;
    display: inline !important;
}

/* FIN Boton agregar nuevo en Bienes y Rentas*/

/* Botones Otras Opciones Sidebar */
.btn-list {
    font-size: 1.2em !important;
    margin-bottom: 0.3em !important;
    text-align: left;
    border: 0;
    color: #245379;
    padding: 0.7em;
    background: #e5e5e5;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
}

/* Banner - Imagen del login del aplicativo */
/*#banner {
    background: url(../images/banner.svg);
    background-size: 100%;
    background-repeat: no-repeat !important;
    background-position-y: -135px !important;
    background-position: center;
    margin-bottom: 0;
    height: 69.5em;
    width: 100%;
    margin-top: -1.7em !important;
}*/

/* FIN Banner - Imagen del login del aplicativo */

/* Todo con relacion a la vista login del aplicativo */
#frmPrincipal {
    margin-left: 0 !important;
}

#frmLogin {
    background: rgba(255, 255, 255, 0.85) !important;
    color: #245379;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

#frmLogin label {
    font-weight: normal;
}

/* FIN Todo con relacion a la vista login del aplicativo */

/* CSS Modificado por Robinson Correa */
.ui-fileupload-choose.ui-button.ui-state-hover, .ui-fileupload-choose.ui-button.ui-state-focus,
.ui-fileupload-choose.ui-button.ui-state-active {
    background-color: white !important;
    color: #245379 !important;
}

/* FIN CSS Modificado por Robinson Correa */

/* ------------------------------ MEDIA QUERIES ------------------------------ */
@media screen and (min-width: 1000px) {
    /* Para pantallas desde 1000px */
    .verticalmenu {
        display: none !important;
    }

    .botonFull {
        display: none !important;
    }

    .botonNoFull {
        display: none !important;
    }

    #infoUsuarioResponsive {
        display: none !important;
    }
}

@media screen and (max-width: 1000px) {
    /* Para pantallas medias hasta 1000px */
    .horizontalmenu {
        display: none !important;
    }

    .botonFull {
        display: none !important;
    }

    .botonNoFull {
        display: none !important;
    }

    #infoUsuario {
        display: none !important;
    }

    #forgotPassLink {
        display: none !important;
    }

    #changer {
        display: none !important;
    }

    #clock {
        display: none !important;
    }

    .ui-button-text-icon-left .ui-button-text {
        font-size: 0.8em;
    }

   /* #banner {
        background: url("/sigep-web/sigep2/javax.faces.resource/banner.jpg?ln=images") !important;
        background-size: 112% !important;
        background-repeat: no-repeat !important;
        background-position: center;
        margin-bottom: 0;
        width: 100%;
        height: 48em;
    }*/

    .ui-panelmenu .ui-panelmenu-header a {
        width: fit-content;
        border-color: transparent;
        background: url("/sigep-web/sigep2/javax.faces.resource/menuResponsive.png?ln=images") center transparent no-repeat;
        background-size: 4.5em;
        padding: 1.5em 1.5em 1em 1em !important;
        float: left;
        margin-top: 0 !important;
    }

    .ui-panelmenu .ui-panelmenu-header {
        width: fit-content;
        border-color: transparent;
        background: transparent;
    }

    .ui-panelmenu .ui-panelmenu-header .ui-icon {
        display: none !important;
    }

    #loginForm {
        padding: 0 !important;
    }
}

/* ----------- OTHER SMALLER THAN PHONES ------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 50px) and (max-device-width: 320px) {
    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 26px !important;
    }

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

    .foo-body-store {
        font-size: 8.5px !important;
        float: left;
        text-align: left;
    }

    .foo-body a {
        text-decoration: underline !important;
    }

    .foo-body a:hover {
        text-decoration: underline !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 8% !important;
        width: 8% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
        margin-right: -1% !important;
    }

    #banner {
        background-size: 215% !important;
        height: 47em;
    }

    .imagen-lema-col {
        margin-left: 0 !important;
    }

    .mostrarContrasenia {
        margin-left: 69.5% !important;
    }

    .ocultarContrasenia {
        margin-left: 69.5% !important;
    }

    .form-label-version {
        font-size: 1.1em !important;
        top: 90% !important;
        position: relative !important;
        right: 0 !important;
    }

    #frmLogin {
        margin-top: 0 !important;
        margin-right: 2% !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .modal-dialog-2 {
        width: 34.5% !important;
        top: 0 !important;
    }

    .modal-title {
        font-size: 2.2em !important;
    }

    .btn-primary {
        margin-top: 0 !important;
    }

    .ui-panelmenu .ui-panelmenu-header a {
        background-size: 5.5em;
        padding: 2.5em 2.5em 2.5em 2.5em !important;
    }

    .cuadrito-contrasenia {
        width: 100% !important;
    }

    .page-subtitle {
        font-size: 0.7em !important;
    }

    .title-datos-basicos {
        font-size: 0.75em !important;
        margin-left: 15%;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .span-style {
        margin-left: 0.2em !important;
    }

    .sidebar-nuevo {
        display: none;
    }

    .ui-dialog-titlebar {
        font-size: 1.2em !important;
    }

    .tabs-byr li {
        width: 28% !important;
        height: 4.5em !important;
    }

    .tabs-byr li a {
        font-size: 0.5em !important;
        text-align: left !important;
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav {
        padding-left: 13.5% !important;
    }

    .form-control-form-act-usua-byr {
        width: 100% !important;
    }
}

/* ----------- PHONES ------------- */
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 30px !important;
    }

    .inf-decl-media {
        padding-left: 31px !important;
    }

    .logo-1-media {
        height: 25em;
    }

    .hr-style-media {
        margin-left: 3.3em !important;
        margin-right: auto;
        border-style: none !important;
        width: 96%;
        color: #245379 !important;
    }

    .h4-perfil-media {
        color: #24547A;
        margin-top: 0;
        margin-left: -31%;
        font-size: 1.9em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .h4-perfil-media-desvincular {
        color: #24547A;
        margin-top: 0;
        margin-left: -45%;
        font-size: 2.8em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .h4-perfil-media-entidad {
        color: #24547A;
        margin-top: 0;
        margin-left: -28%;
        font-size: 2.7em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .consulta-vincula-media {
        font-size: 2em;
        font-weight: 500;
        color: #245379;
        background-color: white;
        margin-left: 1em;
        font-family: 'Poppins';
    }

    .panel-buscar-media {
        margin-left: 15%;
    }

    .consulta {
        margin-left: 15%;
    }

    .guardar-media {
        padding-left: 7% !important;
        opacity: 0.6;
    }

    .consulta-vincula-media {
        margin-left: 0.2em !important;
    }

    .btn-guardar-exp-media {
        height: 43px !important;
        padding-right: 2px;
        padding-left: 15px;
    }

    .btn-regresar-exp-media {
        border-right: 20px !important;
        width: 56% !important;
        height: 42px !important;
        padding-right: 2px;
        padding-left: 15px;
    }

    .btn-cancelar-exp-media {
        border-right: 20px !important;
        width: 70% !important;
        height: 44px !important;
        padding-right: -26px;
        padding-left: 17px;
    }

    .ui-dialog {
        display: block !important;
    }

    .foo-body {
        font-size: 12px !important;
        inline-size: 80px !important;
   		word-wrap: break-word;
    }

    .foo-body-store {
        font-size: 10px !important;
        float: left;
        text-align: left;
    }

    .foo-body a {
        text-decoration: underline !important;
    }

    .foo-body a:hover {
        text-decoration: underline !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 1rem !important;
        width: 1rem !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
        margin-right: 0.5% !important;
    }

    .page-subtitle {
        font-size: 0.75em !important;
    }

    .cuadrito-contrasenia {
        width: 90% !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .modal-dialog-2 {
        width: 34.5% !important;
        top: 0 !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .tabs-byr li {
        width: 28% !important;
        height: 4.5em !important;
    }

    .tabs-byr li a {
        font-size: 0.7em !important;
        text-align: left !important;
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav {
        padding-left: 12% !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: 0.9em !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        font-size: 0.9em !important;
    }

    .form-control-form-act-usua-byr {
        width: 100% !important;
    }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 30px !important;
    }

    .foo-body {
        font-size: 9.5px !important;
        inline-size: 60px !important;
    	word-wrap: break-word;
    }

    .hr-style-media {
        margin-left: 0.7em !important;
        font-size: 2em;
        font-weight: 500;
        color: #245379;
        background-color: white;
        border-style: none !important;
    }

    .h4-perfil-media {
        color: #24547A;
        margin-top: 0;
        margin-left: 2%;
        font-size: 1.7em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .h4-perfil-media-desvincular {
        color: #24547A;
        margin-top: 0;
        margin-left: -33%;
        font-size: 2.5em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .h4-perfil-media-entidad {
        color: #24547A;
        margin-top: 0;
        margin-left: -17%;
        font-size: 2.2em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .span-style-media {
        margin-left: 0.2em !important;
    }

    .panel-buscar-media {
        margin-left: 8%;
    }

    .btn-guardar-exp-media {
        border-right: 133px !important;
        width: 317px !important;
        height: 42px !important;
        padding-right: 13px;
        padding-left: 10px;
    }

    .btn-regresar-exp-media {
        border-right: 20px !important;
        width: 52% !important;
        height: 43px !important;
        padding-right: 2px;
        padding-left: 27px;
    }

    .btn-cancelar-exp-media {
        border-right: 20px !important;
        width: 64% !important;
        height: 44px !important;
        padding-right: -26px;
        padding-left: 29px;
    }

    .foo-body-store {
        font-size: 8.5px !important;
        float: left;
        margin-top: 1%;
    }

    .foo-body a {
        text-decoration: underline !important;
    }

    .foo-body a:hover {
        text-decoration: underline !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 2rem !important;
        width: 2rem !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
        margin-right: 0 !important;
    }

    .page-subtitle {
        font-size: 0.7em !important;
    }

    .cuadrito-contrasenia {
        width: 100% !important;
    }

    #frmLogin {
        margin-top: 0 !important;
        margin-right: 2% !important;
    }

    .btn-primary {
        margin-top: 0 !important;
    }

    #banner {
        background-size: 190.5% !important;
        height: 46em;
    }

    .imagen-lema-col {
        margin-left: 0 !important;
    }

    .mostrarContrasenia {
        margin-left: 69.5% !important;
    }

    .ocultarContrasenia {
        margin-left: 69.5% !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .form-label-version {
        font-size: 1.1em !important;
        top: 90% !important;
        position: relative !important;
        right: 0 !important;
    }

    .form-label-informacion-personal {
        min-width: 106% !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .modal-dialog-2 {
        width: 34.5% !important;
    }

    .modal-title {
        font-size: 2.2em !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .title-datos-basicos {
        font-size: 0.75em !important;
        margin-left: 25%;
    }

    .span-style {
        margin-left: 0.2em !important;
    }

    .sidebar-nuevo {
        display: none;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 30px !important;
    }

    .inf-decl-media {
        padding-left: 14px !important;
    }

    .h4-perfil-media {
        color: #24547A;
        margin-top: 0;
        margin-left: 4%;
        font-size: 1.9em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .hr-style-media {
        margin-left: 3.4em !important;
        font-size: 2em;
        font-weight: 500;
        color: #245379;
        background-color: white;
        border-style: none !important;
        margin-left: 2.3em !important;
    }

    .h4-perfil-media-entidad {
        color: #24547A;
        margin-top: 0;
        margin-left: -33%;
        font-size: 2.5em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .btn-guardar-exp-media {
        border-right: 133px !important;
        width: 282px !important;
        height: 42px !important;
        padding-right: 13px;
        padding-left: 10px;
    }

    .btn-regresar-exp-media {
        border-right: 20px !important;
        width: 52% !important;
        height: 43px !important;
        padding-right: 2px;
        padding-left: 27px;
    }

    .btn-cancelar-exp-media {
        border-right: 20px !important;
        width: 64% !important;
        height: 44px !important;
        padding-right: -26px;
        padding-left: 29px;
    }

    .panel-buscar-media {
        margin-left: 15%;
    }

    .foo-body {
        font-size: 10.5px !important;
    }

    .foo-body-store {
        font-size: 9.5px !important;
        float: left;
        margin-top: 2%;
    }

    .foo-body a {
        text-decoration: underline !important;
    }

    .foo-body a:hover {
        text-decoration: underline !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 6% !important;
        width: 6% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
        margin-right: 0 !important;
    }

    .page-subtitle {
        font-size: 0.75em !important;
    }

    #frmLogin {
        margin-top: 0 !important;
    }

    .imagen-lema-col {
        margin-left: 0 !important;
        height: 0 !important;
    }

    .mostrarContrasenia {
        margin-left: 70% !important;
    }

    .ocultarContrasenia {
        margin-left: 70% !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .form-label-version {
        font-size: 1.1em !important;
        top: 90% !important;
        position: relative !important;
        right: 0 !important;
    }

    .form-label-informacion-personal {
        min-width: 85.5% !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .modal-dialog-2 {
        width: 35% !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .cuadrito-contrasenia {
        width: 60% !important;
    }

    .title-datos-basicos {
        font-size: 0.85em !important;
        margin-left: 30%;
    }

    .span-style {
        margin-left: 0.2em !important;
    }

    .sidebar-nuevo {
        display: none;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: 0.8em !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        font-size: 0.8em !important;
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav {
        padding-left: 4.5% !important;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .form-control-entidad {
        font-size: 0.7em !important;
    }

    .h4-perfil-media {
        color: #24547A;
        margin-top: 0;
        margin-left: 5%;
        font-size: 2.1em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .inf-decl-media {
        padding-left: 55px !important;
    }

    .hr-style-media {
        margin-left: 3.4em !important;
        font-size: 2em;
        font-weight: 500;
        color: #245379;
        background-color: white;
        border-style: none !important;
        margin-left: 2.3em !important;
    }

    .btn-guardar-exp-media {
        border-right: 133px !important;
        width: 336px !important;
        height: 42px !important;
        padding-right: 13px;
        padding-left: 5px;
    }

    .btn-regresar-exp-media {
        border-right: 20px !important;
        width: 52% !important;
        height: 43px !important;
        padding-right: 2px;
        padding-left: 27px;
    }

    .btn-cancelar-exp-media {
        border-right: 20px !important;
        width: 66% !important;
        height: 44px !important;
        padding-right: -26px;
        padding-left: 26px;
    }

    .form-control-entidad2 {
        font-size: 0.7em !important;
    }

    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 26.5px !important;
    }

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

    .foo-body-store {
        font-size: 9px !important;
        float: left;
        text-align: left;
    }

    .foo-body a {
        text-decoration: underline;
    }

    .foo-body a:hover {
        text-decoration: underline;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 7% !important;
        width: 7% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
    }

    .cuadrito-contrasenia {
        width: 56% !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.5em;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .imagen-lema-col {
        margin-left: 0 !important;
        height: 0 !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .form-label-informacion-personal {
        min-width: 77% !important;
    }

    .modal-dialog-2 {
        width: 35% !important;
    }

    .modal-title {
        font-size: 2.4em !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .sidebar-nuevo {
        display: none;
    }
}

/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .form-control-entidad {
        font-size: 0.7em !important;
    }

    .form-control-entidad2 {
        font-size: 0.7em !important;
    }

    .h4-perfil-media-desvincular {
        color: #24547A;
        margin-top: 0;
        margin-left: -54%;
        font-size: 2.9em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .inf-decl-media {
        padding-left: 55px !important;
    }

    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 26.5px !important;
    }

    .foo-body {
        font-size: 10.5px !important;
    }

    .foo-body-store {
        font-size: 9.5px !important;
        float: left;
        margin-top: 2%;
    }

    .foo-body a {
        text-decoration: underline;
    }

    .foo-body a:hover {
        text-decoration: underline;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 7% !important;
        width: 7% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
    }

    .cuadrito-contrasenia {
        width: 82% !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.5em;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .btn-primary {
        margin-top: 0 !important;
        font-size: 2em !important;
    }

    .imagen-lema-col {
        margin-left: 0 !important;
        height: 0 !important;
    }

    .mostrarContrasenia {
        margin-left: 70% !important;
    }

    .ocultarContrasenia {
        margin-left: 70% !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .form-label, a {
        font-size: 1.2em !important;
    }

    .form-label-version {
        font-size: 1.2em !important;
        top: 90% !important;
        right: 0 !important;
    }

    .form-label-informacion-personal {
        min-width: 86% !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .modal-dialog-2 {
        width: 35% !important;
    }

    .form-control-form-act-usua-byr {
        width: 100% !important;
    }

    .modal-title {
        font-size: 2.6em !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .cuadrito-contrasenia {
        width: 90% !important;
    }

    .title-datos-basicos {
        font-size: 0.8em !important;
        margin-left: 34%;
    }

    .advisor {
        font-size: 1.3em !important;
    }

    .span-style {
        margin-left: 0.2em !important;
    }

    .tabs-byr li {
        width: 42.5% !important;
        height: 3em !important;
    }

    .tabs-byr li a {
        font-size: 0.6em !important;
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav {
        padding-left: 4.5% !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: 0.9em !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        font-size: 0.9em !important;
    }

    .sidebar-nuevo {
        display: none;
    }
}

/* ----------- Google Pixel ----------- */
/*  Portrait and Landscape
Galaxy S5
 */
@media screen and (device-width: 360px) and (device-height: 640px) and
(-webkit-device-pixel-ratio: 3) {
    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 30px !important;
    }

    .advisor-media {
        font-size: 1.5em !important;
        margin-left: 3px !important;
    }

    .inf-decl-media {
        padding-left: 63px !important;
    }

    .h4-perfil-media {
        color: #24547A;
        margin-top: 0;
        margin-left: 1%;
        font-size: 1.9em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .h4-perfil-media-desvincular {
        color: #24547A;
        margin-top: 0;
        margin-left: -21%;
        font-size: 2.5em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .hr-style-media {
        margin-left: 1.7em !important;
        font-size: 2em;
        font-weight: 500;
        color: #245379;
        background-color: white;
        border-style: none !important;
    }

    .btn-guardar-exp-media {
        border-right: 133px !important;
        width: 265px !important;
        height: 42px !important;
        padding-right: 27px;
        padding-left: 14px;
    }

    .btn-regresar-exp-media {
        border-right: 20px !important;
        width: 52% !important;
        height: 43px !important;
        padding-right: 2px;
        padding-left: 27px;
    }

    .btn-cancelar-exp-media {
        border-right: 20px !important;
        width: 64% !important;
        height: 44px !important;
        padding-right: -26px;
        padding-left: 29px;
    }

    .panel-buscar-media {
        margin-left: 15%;
    }

    .foo-body {
        font-size: 10px !important;
        inline-size: 60px !important;
        word-wrap: break-word !important;
    }

    .foo-body-store {
        font-size: 9px !important;
        float: left;
        margin-top: 2%;
    }

    .foo-body a {
        text-decoration: underline !important;
    }

    .foo-body a:hover {
        text-decoration: underline !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 2rem !important;
        width: 2rem !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
        margin-right: 0 !important;
    }

    .page-subtitle {
        font-size: 0.75em !important;
    }

    .cuadrito-contrasenia {
        width: 95% !important;
    }

    #frmLogin {
        margin-top: 0 !important;
    }

    #banner {
        background-size: 170.5% !important;
        height: 46em;
    }

    .imagen-lema-col {
        margin-left: 0 !important;
        height: 0 !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .form-label, a {
        font-size: 1.1em !important;
    }

    .form-label-version {
        font-size: 1.1em !important;
        top: 90% !important;
        position: relative !important;
        right: 0 !important;
    }

    .form-label-informacion-personal {
        min-width: 91% !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .modal-dialog-2 {
        width: 34.5% !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav {
        margin-left: 0 !important;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        font-size: 0.7em !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        font-size: 0.7em !important;
    }

    .title-datos-basicos {
        font-size: 0.8em !important;
        margin-left: 20%;
    }

    .span-style {
        margin-left: 0.2em !important;
    }

    .ui-fileupload-buttonbar {
        width: 100% !important;
    }

    .sidebar-nuevo {
        display: none;
    }

    .vista-media {
        margin-left: 44% !important;
    }

    .check-media {
        margin-left: 16% !important;
    }
}

/* ----------- Google Pixel 2 XL ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 411px) and (device-height: 823px) and
(-webkit-device-pixel-ratio: 4) {
    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 30px !important;
    }

    .foo-body {
        font-size: 11px !important;
    }

    .hr-style-media {
        margin-left: 31% !important;
        margin-right: auto;
        border-style: none !important;
        width: 96%;
        color: #245379 !important;
    }

    .h4-perfil-media {
        color: #24547A;
        margin-top: 0;
        margin-left: 7%;
        font-size: 2em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .h4-perfil-media-desvincular {
        color: #24547A;
        margin-top: 0;
        margin-left: -21%;
        font-size: 2.5em;
        margin-bottom: -1%;
        text-transform: capitalize;
    }

    .btn-guardar-exp-media {
        height: 43px !important;
    }

    .btn-regresar-exp-media {
        border-right: 20px !important;
        width: 56% !important;
        height: 42px !important;
        padding-right: 2px;
        padding-left: 15px;
    }

    .btn-cancelar-exp-media {
        border-right: 20px !important;
        width: 70% !important;
        height: 44px !important;
        padding-right: -26px;
        padding-left: 17px;
    }

    .panel-buscar-media {
        margin-left: 15%;
    }

    .foo-body-store {
        font-size: 10px !important;
        float: left;
        text-align: left;
    }

    .foo-body a {
        text-decoration: underline !important;
    }

    .foo-body a:hover {
        text-decoration: underline !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 7% !important;
        width: 7% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
        margin-right: 0 !important;
    }

    .page-subtitle {
        font-size: 0.75em !important;
    }

    .cuadrito-contrasenia {
        width: 90% !important;
    }

    #frmLogin {
        margin-top: 0 !important;
    }

    .mostrarContrasenia {
        margin-left: 71% !important;
    }

    .ocultarContrasenia {
        margin-left: 71% !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .modal-dialog-2 {
        width: 34.5% !important;
        top: 0 !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .sidebar-nuevo {
        display: none;
    }

    .ui-tabs.ui-tabs-top > .ui-tabs-nav {
        margin-left: -8% !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        font-size: 0.7em !important;
    }
}

/* ----------- Windows Phone ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 480px) and (device-height: 800px) {
    .form-control-entidad {
        font-size: 0.7em !important;
    }

    .form-control-entidad2 {
        font-size: 0.7em !important;
    }

    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 30px !important;
    }

    .foo-body {
        font-size: 9px !important;
    }

    .foo-body-store {
        font-size: 9px !important;
        float: left;
        text-align: left;
    }

    .foo-body a {
        text-decoration: underline;
    }

    .foo-body a:hover {
        text-decoration: underline;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 7% !important;
        width: 7% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
    }

    .cuadrito-contrasenia {
        width: 56% !important;
    }

    .ui-paginator .ui-paginator-current {
        font-size: 1.3em !important;
    }

    .ui-paginator .ui-paginator-rpp-options {
        margin: 1% !important;
        font-size: 1.3em !important;
    }

    .modal-content {
        width: 272% !important;
    }

    .modal-dialog-2 {
        width: 34.5% !important;
        top: 0 !important;
    }

    .col-md-4 {
        width: 100% !important;
    }

    .sidebar-nuevo {
        display: none;
    }
}

/* ----------- END PHONES ----------- */

/* ----------- ANOTHER TYPE OF SCREEN ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 642px) and (max-device-width: 768px) {
    .form-control-entidad {
        font-size: 0.7em !important;
    }

    .form-control-entidad2 {
        font-size: 0.7em !important;
    }

    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 30px !important;
    }

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

    .foo-body-store {
        font-size: 11px !important;
        float: left;
        text-align: left;
    }

    .foo-body a {
        text-decoration: underline;
    }

    .foo-body a:hover {
        text-decoration: underline;
    }

    .inf-decl-media {
        padding-left: 55px !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 5% !important;
        width: 5% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
    }

    .imagen-lema-col {
        margin-left: 0 !important;
    }

    #frmLogin {
        margin-top: 0 !important;
    }

    #banner {
        background-size: 100% !important;
        height: 48em;
    }

    .form-label-version {
        font-size: 1.1em !important;
        top: 90% !important;
        position: relative !important;
        right: 0 !important;
    }

    .cuadrito-contrasenia {
        width: 60% !important;
    }

    .page-subtitle {
        font-size: 0.8em !important;
    }

    .title-datos-basicos {
        font-size: 0.85em !important;
        margin-left: 35%;
    }

    .span-style {
        margin-left: 0.2em !important;
    }

    .sidebar-nuevo {
        display: none;
    }
}

/* ----------- TABLETS -------------- */
/* ----------- iPad 1, 2, Mini and Air --------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .form-control-entidad {
        font-size: 0.8em !important;
    }

    .form-control-entidad2 {
        font-size: 0.8em !important;
    }

    .modal-dialog {
        width: auto !important;
        position: relative !important;
        margin: 10px !important;
    }

    .col-md-2 {
        border-right: 0 !important;
        width: 100% !important;
        height: 20px !important;
    }

    .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
        width: 57px !important;
    }

    .footer {
        padding: 0.5% 0.5% 4% 0.5% !important;
    }

    .foo-body {
        font-size: 13px !important;
    }

    .foo-body-store {
        font-size: 10px !important;
        margin: 0.5% !important;
    }

    .foo-body a {
        text-decoration: underline !important;
        margin-bottom: 1%;
    }

    .foo-body a:hover {
        text-decoration: underline !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 3% !important;
        width: 3% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
    }

    .cuadrito-contrasenia {
        width: 50% !important;
    }

    .page-subtitle {
        font-size: 0.8em !important;
    }

    #frmLogin {
        width: 36%;
    }

    #banner {
        background-size: 99.5% !important;
        height: 49em;
    }

    .imagen-lema-col {
        margin-left: 10% !important;
    }

    .btn-primary {
        margin-top: 0 !important;
        font-size: 2em !important;
    }

    .mostrarContrasenia {
        margin-left: 76% !important;
    }

    .ocultarContrasenia {
        margin-left: 76% !important;
    }

    .modal-content {
        width: 70% !important;
        margin-left: 15%;
    }

    .modal-dialog-2 {
        width: 95% !important;
    }

    .modal-title {
        font-size: 3em !important;
    }

    .span-style {
        margin-left: 0.5em !important;
    }

    .sidebar-nuevo {
        display: none;
    }

    .form-label-version {
        font-size: 1.1em !important;
        top: 90% !important;
        position: relative !important;
        right: 0 !important;
    }

    .media-txt {
        padding-top: 3.5% !important;
    }

    .media-txt-2 {
        padding-top: 0.5% !important;
    }

    .media-txt-3 {
        padding-top: 2.5% !important;
    }

    .vista-media {
        padding-left: 11% !important
    }

    .logo-1-media {
        width: 24% !important;
    }

    .btn-search {
        width: 95% !important;
    }

    .btn-search-separacion {
        padding-bottom: 2% !important;
    }

    .mostrarContrasenia {
        margin-left: 70% !important;
    }

    .media-tamano-logo {
        height: 59px !important;
    }

    .media-btn-vinculacion {
        padding-bottom: 2%;
    }

    .media-salto-logo {
        margin-top: 6%;
    }

    .media-btn-cancel {
        font-size: 1.5em !important;
        padding-left: 18% !important;
        border-radius: 3px !important;
    }

    .media-btn-centrar {
        margin-left: 3.5% !important;
    }

    img, embed, object, video, svg {
        max-width: 447% !important;
    }

    .media-cancel-padding {
        padding-right: 8.5% !important;
        padding-left: 8% !important;
    }

    .media-padding-cabeza {
        padding-left: 27% !important;
    }

    .media-mark {
        width: 94% !important;
    }

    .media-pre-pension {
        padding-left: 34% !important;
        margin-top: 1% !important;
    }

    .media-discap {
        padding-left: 37.5% !important;
        margin-top: 1% !important;
    }

    .media-tip-disp {
        width: 226.5% !important;
    }

    .btn-blue {
        padding-right: 1% !important;
        padding-left: 1% !important;
    }

    .botones_entidad {
        padding-left: 33% !important;
        margin-top: 4px !important;
    }

    .media-terminar {
        width: 13.3em !important;
    }

    .media-deshacer {
        padding-right: 11% !important;
        padding-left: 10% !important;
    }

    .agregar_mover {
        margin-left: 80% !important;
    }

    .btn-incrementar {
        margin-top: 3% !important;
        margin-bottom: 1% Important;
    }
}

/* /* ----------- iPad Pro 10.5" ----------- */
/* /* Portrait and Landscape */
/* @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) { */
/* } */

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .form-control-entidad {
        font-size: 0.8em !important;
    }

    .form-control-entidad2 {
        font-size: 0.8em !important;
    }

    .modal-dialog {
        width: auto !important;
        position: relative !important;
        margin: 10px !important;
    }

    .footer {
        padding: 1% 0.5% !important;
    }

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

    .foo-body-store {
        font-size: 9px !important;
        text-align: center !important;
        margin: 1% !important;
    }

    .foo-body a {
        text-decoration: underline !important;
        margin-bottom: 1%;
    }

    .foo-body a:hover {
        text-decoration: underline !important;
    }

    .foo-body a:visited {
        color: #cccccc !important; /*media*/
    }

    .foo-body > b {
        color: #ffffff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    }

    .img-footer {
        height: 25% !important;
        width: 25% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
    }

    .col-responsive {
        border-right: 2px solid #2a89b4 !important;
    }

    .cuadrito-contrasenia {
        width: 33.3% !important;
    }

    .page-subtitle {
        font-size: 0.85em !important;
    }

    #banner {
        background-size: 99.5% !important;
        height: 51em;
    }

    .imagen-lema-col {
        margin-left: 10% !important;
    }

    /*.btn-default {
		margin-top: 0 !important;
		margin-left: 60% !important;
	}*/
    #frmLogin {
        width: 28%;
    }

    .mostrarContrasenia {
        margin-left: 66% !important;
    }

    .ocultarContrasenia {
        margin-left: 70% !important;
    }

    .modal-content {
        width: 70% !important;
        margin-left: 15%;
    }

    .form-label-version {
        font-size: 1.2em !important;
        top: 90% !important;
        position: relative !important;
    }

    .sidebar-nuevo {
        display: block;
    }

    .col-md-2 {
        width: 16.66666667% !important;
        height: auto !important;
    }

    .media-txt {
        padding-top: 2.5% !important;
    }

    .media-txt-1 {
        padding-top: 3% !important;
    }

    .media-txt-2 {
        padding-top: 0.5% !important;
    }

    .media-txt-3 {
        padding-top: 2% !important;
    }

    .media-btn-gerencia {
        margin-right: -5% !important;
    }

    .media-btn-cancelar {
        margin-left: -10% !important;
    }

    .media-btn-cancelar8 {
        margin-left: -8% !important;
    }

    .media-btn-rol {
        margin-left: -2% !important;
    }

    .media-botn-cancel {
        padding-right: 16% !important;
    }

    img, embed, object, video, svg {
        max-width: 432% !important;
    }

    .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
        width: 57px !important;
    }

    .botones_entidad {
        padding-left: 33% !important;
        margin-top: 4px !important;
    }

    .media-terminar {
        width: 13.3em !important;
    }

    .media-deshacer {
        padding-right: 11% !important;
        padding-left: 10% !important;
    }

    .agregar_mover {
        margin-left: 4% !important;
    }
}

/* ----------- 	END TABLETS ----------- */

/* ----- DESKTOP Retina Screens ----- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .roles-hv {
        display: block;
    }

    .imagen-lema-col {
        margin-left: 4% !important;
    }

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

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

    .img-footer {
        height: 18% !important;
        width: 18% !important;
    }

    .img-footer-store {
        height: auto !important;
        width: auto !important;
    }

    .sidebar-nuevo {
        display: block;
    }

    .mostrarContrasenia {
        margin-left: 73% !important;
    }

    .ocultarContrasenia {
        margin-left: 73% !important;
    }
}

/* --------- END DESKTOP ---------- */
/* ------------------------------ FIN MEDIA QUERIES ---------------------------------- */

/* Estilos del footer y otros */
.footer {
    background: #245379;
    border-bottom: 9px solid #2a89b4;
    color: #efefef;
    padding: 1%;
    box-shadow: inset 0 0 10px 0 rgba(51, 51, 51, 1);
    clear: both;
    text-align: center;
    vertical-align: middle;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    position: static;
    bottom: 0;
    left: 0;
}

.foo-body {
    font-size: 12px;
    color: #dddddd;
    line-height: 1em !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0;
    vertical-align: middle !important;
    text-align: left;
    margin-top: 2% !important;
}

.foo-body-store {
    font-size: 10px;
    color: #dddddd;
    line-height: 1em !important;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0;
    vertical-align: middle !important;
}

.foo-body a {
    color: #ffffff;
    text-decoration: underline;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.foo-body a:hover {
    color: #cccccc;
    text-decoration: underline;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.foo-body a:visited {
    color: #cccccc !important;
    text-decoration: underline;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.foo-body > b {
    color: #ffffff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

.img-footer {
  padding: 3px;
    /* height: 16%;
    width: 16%; */
}

.img-footer-store {
    height: 35%;
    width: 27%;
    margin-right: 1%;
}

.imagen-lema-col {
    margin-left: 9%;
}

/* FIN Estilos footer y otros */

/* Estilos para las row declaradas*/
.row {
    margin: 0 !important;
}

a > img:hover {
    padding: 1px;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(51, 51, 51, 1);
    -moz-box-shadow: inset 0 0 10px 0 rgba(51, 51, 51, 1);
    box-shadow: inset 0 0 10px 0 rgba(51, 51, 51, 1);
    border-radius: 3px;
}

/* Labels de la pantalla index (hoja de vida, byr) */
.head-snap {
    color: #ffffff;
    font-size: 1em;
    padding: 0.3em;
    background-color: #235379;
    text-align: center;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight: 100;
    cursor: pointer;
    width: 80% !important;
}

#infoUsuario {
    float: left;
    margin: 0 auto;
    margin-top: -0.5em;
    font-size: 0.9em;
    color: #245379;
}

#banner > #infoUsuario {
    height: 0 !important;
}

#infoUsuarioResponsive {
    float: left;
    margin: 0 auto;
    margin-top: -1.5em;
    font-size: 0.9em;
    color: #245379;
}

/* Estilos menu - menubar de primefaces */
.ui-fluid .ui-menu {
    background: transparent;
    border: 0 solid;
    padding: 0 !important;
    margin-top: 0;
}

.ui-menubar .ui-menuitem-link {
    margin: 0 0 0 0;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    overflow: hidden;
    position: relative;
    border-right: 1.5px solid #2A89B4 !important;
    padding: 0.4em 1.3em !important;
    border-radius: 0;
}

.ui-menubar .ui-menuitem-link:hover {
    background: #245379 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.ui-menubar .ui-menuitem-link:visited {
    background: #245379 !important;
}

.ui-menubar .ui-menuitem-link:link {
    background: #245379 !important;
}

.ui-menuitem-text {
    line-height: 26px;
    color: white;
    margin: 0 0 0 0;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    overflow: hidden;
    position: relative;
    font-size: 1.6em;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    background: #245379;
    color: #FFFFFF;
    margin: 0 0 0 0;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    overflow: hidden;
    position: relative;
    border-right: none !important;
    width: 100% !important;
    border-bottom: 0.09em solid #2A89B4;
    font-size: 0.8em;
}

.ui-menu, .ui-menu .ui-menu-child {
    background: #FFFFFF;
    border: 0 solid;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    width: 118% !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: #245379 !important;
    border-radius: 0 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    right: -4px !important;
}

.ui-menu .ui-menu-list .ui-menuitem {
    border-right: 2px solid;
}

.ui-panelmenu .ui-panelmenu-content {
    background: #245379 !important;
    color: #FFFFFF !important;
    overflow: hidden;
    position: relative;
    border-right: none !important;
    width: 100% !important;
    border-radius: 0;
    border-bottom: 0.09em solid #2A89B4 !important;
    border-radius: 0;
    border: none;
    z-index: 9999;
}

/* FIN estilos menu - menubar */

/* No padding para elementos */
.padding-none {
    padding: 0 !important;
}

/* Estilo que se llama en formularios */
.row-background-white {
    background-color: white;
    opacity: 0.9;
    font-family: 'Poppins';
    -webkit-box-shadow: 0 10px 15px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 15px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 15px -6px rgba(0, 0, 0, 0.5);
    padding-bottom: 2%;
}

/* Estilo para hr */
.hr-style {
    font-weight: 500;
    color: #245379;
    background-color: white;
    margin-left: 14em;
    border-color: #B3B3B3;
}

.hr-style-two {
    display: block;
    margin-top: 0.5em;
    margin-bottom: -1.4em;
}

/* Estilo para hr de modales */
.hr-style-modales {
    margin-left: auto;
    margin-right: auto;
    border-top: 1.5px solid #CBCBCB;
    width: 96%;
    margin-top: 0.5em;
}

/* Estrellas de rating */
.ui-rating-star-on a {
    background: url(../images/star-on.png) no-repeat 0 0 !important;
    width: 20px !important;
    height: 16px !important;
}

.ui-rating-star .ui-rating-star-on a {
    background: url(../images/star.png) no-repeat 0 0 !important;
    width: 20px !important;
    height: 16px !important;
}

.ui-rating-star {
    width: 20px !important;
    height: 16px !important;
}

/* FIN Estrellas de rating */

/* Otros Estilos */
.ui-icon-plusthick {
    display: none !important;
}

.span-style {
    font-size: 2em;
    font-weight: 500;
    color: #245379;
    background-color: white;
    margin-left: 1em;
    font-family: 'Poppins';
}

ul.ui-selectcheckboxmenu-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all {
    max-height: 28px;
}

span.ui-selectcheckboxmenu-token-label {
    display: inline-block;
}

span.ui-selectcheckboxmenu-token-icon.ui-icon.ui-icon-close {
    display: inline-block;
}

select[disabled="disabled"].form-control-form-act-usua.no-list {
    background-image: none !important;
    border: none !important;
    background-color: transparent !important;
    text-transform: lowercase !important;
}

.input-number input {
    padding: 0.5em !important;
    background: rgba(255, 255, 255, 0.85) !important;
    margin: 0;
    border: 1px solid #999999;
    border-radius: 3px;
    box-shadow: none !important;
    height: auto !important;
    width: 100% !important;
}

.input-number input.ui-state-default {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
}

.dlg-men-info li, .val-msg-info li {
    width: 100% !important;
}

.dlg-men-info .ui-messages-info-icon {
    display: none !important;
}

.dlg-men-info .ui-messages-info {
    color: #000;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Bloqueo de modal de certificado de información actual para media Query*/
@media ( max-width: 414px) {
    div[id*=dlg2_modal], div.cert-Respon {
        display: none !important;
    }
}

/*Clase para subir el * a los mensajes que son requeridos y son muy extensos*/
label[id*=subir-asterisco] span.ui-outputlabel-rfi {
    position: relative;
    top: -43px;
    left: -7px;
}

.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.form-control-acti-usua.form-control.filter,
select.form-control-form-act-usua.filter {
    font-size: 13px !important;
    margin-top: 10px !important;
    height: 30px !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    color: #000 !important;
}

.tablaResp .ui-filter-column .ui-column-title {
    min-height: 37px !important;
    display: inline-block !important;
}

.dataTableHistoricoCM {
    width: 2000px !important;
}

.navegador {
    -o-width: 10px !important;
}

.inputtext-valor {
    font-size: 13px !important;
    height: 30px !important;
    width: 50% !important;
    background-color: #fff !important;
    color: #000 !important;
}

.fileUpload {
    text-align: left !important;
    margin-top: 10px !important;
}

.ui-messages.ui-widget.ui-helper-hidden.ui-fileupload-messages {
    background-color: #fff !important;
}

/*.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left{
	width: 5% !important;
    height: 2em!important;
}*/
#tablaConsulta div.ui-paginator.ui-paginator-bottom.ui-widget-header.ui-corner-bottom select.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
    width: 4% !important;
    max-width: 4% !important;
}

a.ui-paginator-last.ui-state-default.ui-corner-all.ui-state-disabled:active,
a.ui-paginator-next.ui-state-default.ui-corner-all.ui-state-disabled:active,
a.ui-paginator-prev.ui-state-default.ui-corner-all.ui-state-disabled:active,
a.ui-paginator-first.ui-state-default.ui-corner-all.ui-state-disabled:active {
    background-color: #235379 !important;
}

a.ui-paginator-first.ui-state-default.ui-corner-all:active, a.ui-paginator-last.ui-state-default.ui-corner-all:active,
a.ui-paginator-next.ui-state-default.ui-corner-all:active, a.ui-paginator-prev.ui-state-default.ui-corner-all:active {
    background-color: #235379 !important;
}

.tarjetaPersonalBR img, .tarjetaPersonalBR .col-md-3, .tarjetaPersonalBR .col-md-9 {
    display: none !important;
}

.breadcrumb > li + li:before {
    content: "/" !important;
}

/*Para los select que se contruyeron con la etiquera p de primeface*/
.ui-selectonemenu-items.ui-selectonemenu-list.ui-widget-content.ui-widget.ui-corner-all.ui-helper-reset {
    padding: 0.5em 3.5em 0.5em 0.3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 97%;
    background-size: contain !important;
    margin: 0;
    height: auto !important;
    border: 1 Xpx solid #999999;
    border-radius: 3px;
    -ms-background-position-x: 101px !important;
}

.ui-selectonemenu-label.ui-inputfield.ui-corner-all {
    background-color: #ffffff !important;
    color: #235379 !important;
    font-size: 13px !important;
    white-space: pre;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all {
    background-color: #ffffff !important;
}

.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all {
    background-color: #ffffff !important;
    box-shadow: none;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
}

.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover {
    background: #1E90FF !important;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    border-radius: 1px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.4em !important;
}

.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-disabled.ui-state-highlight {
    color: #808080 !important;
    background: #C8C8C8 !important;
    border-radius: 1px;
}

.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
    color: #808080 !important;
}

.ui-selectonemenu-trigger.ui-state-default.ui-corner-right.ui-state-focus {
    background: #ffffff !important;
    color: #ff0080 !important;
}

.btn-ver {
    padding-top: 1% !important;
}

.txt-ver-adjunto {
    padding-left: 10% !important;
}

.linear-btn-search {
    margin-left: -10%
}

.margin-cabeza {
    margin-left: -1% important;
}

.form-select-ent {
    padding: 0.5em 3.5em 0.5em 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 97% !important;
    background-size: contain !important;
    margin: 0;
    border-radius: 3px;
    margin-top: 1% !important;
}

.form-select-esci {
    padding: 0.5em 3.5em 0.5em 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/down-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    background-position: 97% !important;
    background-size: contain !important;
    margin: 0;
    border-radius: 3px;
}

.form-select-entf {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/down-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
    width: 100%;
    border-radius: 3px;
    color: #313131;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 1.3em !important;
}

@media ( min-width: 1200px) {
    .ui-menubar > ul.ui-menu-list > li.ui-menuitem > ul.ui-menu-child > li.ui-menuitem {
        width: 100 '%!important;
    }

    .ui-menubar > ul.ui-menu-list > li.ui-menuitem > ul.ui-menu-child {
        width: 200% !important;
    }
}

.tarjetaPersonalBR .col-md-9 {
    width: 100% !important;
}

.accountEditBtn {
    background-image: url('../images/logos/contraste.jpg') !important;
}

.menu-primefaces {
    float: left !important;
    background-color: #245379 !important;
    color: transparent !important;
    width: 100% !important;
    border-radius: 0 !important;
}

div[descr="aligVal2"] table td:nth-child(2) {
    text-align: right !important;
}

div[descr="aligVal5"] table td:nth-child(5) {
    text-align: right !important;
}

div[descr="aligVal3"] table td:nth-child(3) {
    text-align: right !important;
}

.sec-title {
    background-color: #245379;
    color: #fff;
    font-size: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}

.btn-list {
    width: 13em;
    font-size: 1.3em !important;
    margin-bottom: 0.3em !important;
    text-align: left;
    border: 0;
    margin: 0 auto;
    color: #245379;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.sidebar-color {
    background-color: #245379 !important;
    color: #fff !important;
}

.sidebar-derecha {
    cursor: pointer;
    background-color: #245379;
    height: 60%;
    width: 0.7em;
    margin-right: -0.5em;
    float: right;
    border-radius: 5px 0 0 5px;
    color: #fff;
    font-size: 2em;
    padding-top: 80%;
}

.barras-footer {
    border-right: 2px solid #2a89b4 !important;
    width: 23% !important;
    height: 62px !important;
}

.barras-footer1 {
    border-right: 2px solid #2a89b4 !important;
    width: 18% !important;
    height: 62px !important;
}

.barras-footer2 {
    border-right: 2px solid #2a89b4 !important;
    width: 21% !important;
    height: 62px !important;
}

.barras-footer3 {
    width: 20% !important;
    height: 62px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label {
    width: 18.3em;
}

.menu-fondo {
    float: left !important;
    background-color: #245379 !important;
    color: transparent !important;
    width: 100% !important;
    border-radius: 0 !important;
}

.header-style {
    padding-top: 1% !important;
    padding-bottom: 2.5% !important;
    box-shadow: inset -1px -26px 20px -15px rgba(230, 230, 230, 1) !important;
    background: white;
}

.header-style2 {
    padding-top: 0.7% !important;
    padding-bottom: 0.6% !important;
    box-shadow: inset -1px -26px 20px -15px rgba(230, 230, 230, 1) !important;
    margin-bottom: 1% !important;
}

.header-version {
    color: #235379;
    font-size: 1.2em;
    font-weight: normal;
}

.header-version2 {
    color: #235379;
    font-size: 1.2em;
    /*top: 105%;
	position: absolute;
	right: 3.5%;*/
    font-weight: normal;
}

.header-label {
    font-weight: 500 !important;
    font-size: 1.2em !important;
    border-right: 1px solid #808080 !important;
    color: #255377 !important;
    padding-right: 2% !important;
}

.header-link {
    font-weight: 500 !important;
    font-size: 1.2em !important;
    color: #255377 !important;
    padding-right: 3% !important;
    padding-left: 3% !important;
}

.header-h_link {
    cursor: pointer !important;
    font-weight: 500 !important;
    font-size: 1.2em !important;
    margin-bottom: 5px !important;
    border-left: 1px solid #808080 !important;
    line-height: initial !important;
    color: #255377 !important;
    text-decoration: none !important;
    padding-left: 2% !important;
}

.output-consulta {
    font-size: 1.4em;
}

.label-laborado {
    color: #263948 !important;
    margin-left: 1% !important;
    font-weight: 600 !important;
}

.label-rta {
    color: #808080 !important;
    margin-right: 2.5% !important;
}

.ui-overlaypanel.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-overlay-visible {
    width: 100% !important;
    z-index: 1024 !important;
    visibility: visible !important;
    top: -823.438px !important;
    left: 115px !important;
}

.ui-fluid .ui-selectonemenu.ui-selectonemenu-trigger.selectonemenu-direccion {
    width: 32px !important;
}

.label-no-aplica {
    color: #181a1b !important;
    font-size: 0.9em !important;
    font-family: 'Roboto', sans-serif !important;
    margin-left: 8px !important;
}

.many-check {
    color: transparent !important;
    font-size: 0.7em !important;
    font-family: 'Roboto', sans-serif !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 7px !important;
}

div[id*="tabViewCrearEntidad:formularioCaracterizacion:pnCaracterizacion"] tr:nth-child(odd) {
    background-color: #fff !important;
}

div[id*="tabViewCrearEntidad:formularioCaracterizacion:pnCaracterizacion"] table {
    border-collapse: separate;
    border-spacing: 5px;
}

.label-div-no-aplica {
    margin-left: -1.9% !important;
    margin-top: -8% !important;
}

.no-display {
    display: none !important;
}

.ui-icon.ui-icon-pencil {
    background-image: url(../images/pencil-edit.png) !important;
    width: 24px !important;
    height: 24px !important;
    background-position: bottom !important;
}

#footer .foo-body img {
    width: 30px !important;
}

#footer .footer > div.row > div {

}

.footer {
    /*margin-top: 250px!important;*/

}

#footer .footer div.row > div {
    width: 18%;
    display: inline-block;
    margin: 5px 0.5% 0 0.5%;
}

#footer .footer div.row > div:last-child {
    border-right: 0 none #fff !important;
}

.foo-body {
    display: inline-block !important;
    padding: 1px;
}

#footer .footer div.row > div:last-child .foo-body {
    font-size: 10px !important;
}

ol.breadcrumb {
    padding-left: 4rem !important;
}

div.ui-panelmenu-panel a {
    position: relative;
    z-index: 99999;
    left: 5px;
    bottom: -2px;
}

@media ( max-width: 990px) {
    #footer .footer div.row > div {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 8px;
    }

    #footer .footer div.row > div:last-child .foo-body {
        display: block !important;
    }

    #footer .footer div.row > div:nth-child(even) {
        border: none !important;
    }

    #footer .footer div.row > div:last-child .foo-body {
        margin-bottom: 8px !important;
    }

    .foo-body {
        padding: 0;
    }
}

/*se sobrescriben reglas*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) and
(max-device-width: 1024px) and (min-device-width: 768px) {
    .img-footer-store {
    	height: 50% !important;
    	width: 50% !important;
    }

    .media-salto-logo {
        margin-top: 0;
    }

    .foo-body {
        font-size: 9px !important;
    }

    .img-footer {
        height: 3% !important;
        width: 13% !important;
    }

    .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
        width: 57px !important;
    }

    .media-terminar {
        width: 13.3em !important;
    }

    .media-deshacer {
        padding-right: 11% !important;
        padding-left: 10% !important;
    }

    .agregar_mover {
        margin-left: 80% !important;
    }

    .foo-body {
        display: block !important;
    }

    .btn-primary {
        font-size: 1.5em !important;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and
(max-device-width: 1366px) and (min-device-width: 1024px) {
    img, embed, object, video, svg {
        max-width: 100% !important;
    }

    .agregar_mover {
        margin-left: 4% !important;
    }
}

.btn.margen {
    margin-left: 4px;
    margin-right: 4px;
}

.ui-panelmenu-icon.ui-icon.ui-icon-triangle-1-e {
    display: inline-block !important;
    margin-right: 8px !important;
}

div.tabla-respo-4[id*=entidadesTabla] table td:first-child {
    width: 5% !important;
}

@media ( max-width: 640px) {
    div.ui-datatable-tablewrapper table[role="grid"] tbody.ui-datatable-data.ui-widget-content,
    div table tbody.ui-datatable-data.ui-widget-content tr td[role="gridcell"] {
        border: none !important;
        border-bottom: 0 none transparent !important;
    }

    div.tabla-respo-4[id*=entidadesTabla] table td:first-child {
        width: 2% !important;
    }

    .tabla-respo-4 table {
        table-layout: auto !important;
    }

    td label {
        font-weight: unset !important;
    }
}

@media ( min-width: 460px) and (max-width: 640px) {
    /*se utiliza un id y clase para incrementar la especificidad de la regla y evitar afectar otras tablas*/
    div.tabla-respo-4[id*=entidadesTabla] table td[role="gridcell"] {
        float: none !important;
        clear: none !important;
        display: table-cell !important;
    }
}

@media ( max-width: 460px) {
    /*se utiliza un id y clase para incrementar la especificidad de la regla y evitar afectar otras tablas*/
    div.tabla-respo-4[id*=entidadesTabla] table td[role="gridcell"] {
        float: none !important;
        clear: none !important;
        display: inline !important;
    }
}

.ui-panelmenu-panel {
    height: 0 !important;
}

/*
@media ( min-width :1360px) {
	form#frmRolesLogin>div.row {
		margin-bottom: 6% !important;
	}
}
*/
.google-visualization-orgchart-table tr:nth-child(odd) {
    background-color: #fff !important;
}

.btn-ventana-emergente {
    padding-left: 2.5% !important;
    padding-right: 2.5% !important;
    font-size: 1.3em !important;
    padding-top: 0 !important;
    margin-right: 2% !important;
}

.paginador-prueba {
    width: 3000px !important;
}

.entidadgnr-1 {
    padding-left: 17% !important;
}

.entidadgnr-2 {
    padding-left: 9% !important;
}

.table {
    white-space: pre !important;
}

#panel-scroll-plantas table {
    margin-bottom: 0 !important;
}

.swal2-modal .swal2-content {
    display: inline-block !important;
}

.agregar_mover {
    margin-left: 28%;
}

.agregar_mover_deno {
    margin-left: -21%;
}

.btn-incrementar {
    margin-top: 3% !important;
}

.tabla-respo-4 .ui-widget-header.ui-datatable-scrollable-header {
    display: none !important;
}

.tabla-respo-4 .ui-datatable-scrollable-theadclone tr {
    height: 60px;
}

.tabla-respo-4 .ui-datatable-scrollable-theadclone th span.ui-column-title {
    height: 15px;
}

.btn-slide {
    background: #2A89B5 !important;
    border: 1px solid #2A89B5 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    width: 104% !important;
    height: 2.3em !important;
}

div#mySidenav .ui-panel.ui-widget.ui-widget-content.ui-corner-all
.ui-panel-content.ui-widget-content div.row div.col-md-12 a.btn.btn-primary {
    width: 104% !important;
    margin-bottom: 10px !important;
}

div#mySidenav .ui-panel.ui-widget.ui-widget-content.ui-corner-all
.ui-panel-content.ui-widget-content div.row div.col-md-12 a.btn.btn-primary:last-child {
    letter-spacing: -0.95px;
    text-transform: capitalize;
}

@media print {
    .btn, .btn-primary, .btn btn-primary, .btn-default, .btn .btn-default,
    button {
        display: none !important;
    }
}

div.form-control-form-act-usua {
    background-image: none !important;
}

.color-slide_imp {
    background: #356A87 !important;
    border-color: #356A87 !important;
}

.color-slide_descg {
    background: #245379 !important;
    border-color: #245379 !important;
}

#recaptcha div.grecaptcha-badge {
    z-index: 9999;
    bottom: 100px !important;
}

div.col-md-4:hover div[id*="wvMapaEntidad"] {
    height: 200px !important;
}

/* FIN Otros Estilos */
.ui-autocomplete-query {
    color: #245379;
}

/* GRAFICOS TABLA DE RESULTADOS */
.jqplot-table-legend {
    display: inline-block !important;
}

tr.jqplot-table-legend {
    padding: 0 5px;
}

/* Estilos del footer no borrar a no se que estes seguro */
.footer__row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer__col {
    width: calc(100% / 6) !important;
}

.grid__pageTemplate {

    width: 100%;
    min-height: 120vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows:
    2fr 8fr 2fr;
    grid-template-areas:
    "headerT"
    "bodyY"
    "footerT";
}

.headerT {
    grid-area: headerT;
}

.footerT {
    grid-area: footerT;
}

.bodyT {
    grid-area: bodyY;
}

@media(max-width:800px) {
	div.ui-dialog[id$="accionRealizarDialog"][aria-hidden="false"] {
		z-index: 1000;
		top: 100px;
		left: calc((100vw - 300px) / 2);
		max-width: 50vw;
	}
}