:root {
    /*--color-emaseo-fondo: rgb(42, 47, 114);*/
    /*--color-emaseo-fondo: rgb(26, 188, 156);*/
    /*--color-emaseo-fondo: rgb(68, 168, 176);*/
    --color-emaseo-fondo: rgb(40, 116, 166);
    --color-emaseo-letras: white;
    --color-emaseo-letras-on: aquamarine;
    --panel-fondo: white;
    --panel-letras: black;
    --color-emaseo-warning: gold;
    --color-emaseo-delete: maroon;
    --fondo-aviso: rgba(42, 47, 114,200);
    --fondo-aviso-letras: white;
    --color-paginador: #e6ecef;
    --color-paginador-simbolo: rgba(42, 47, 114,180);
    --color-paginador-simbolo-on: rgb(42, 47, 114);
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: white;
    /*background-color: lavender;*/
    /*background-color: aliceblue;*/
}

body {
    line-height: 1;
    font-size: 0.85rem;
}

.header {
    /*min-height: 2rem;*/
    background-color: var(--color-emaseo-fondo);
    color: var(--color-emaseo-letras);
}

/*** SV mensajes de alertas */

.rz-growl-message-warn .rz-growl-item {
    background-color: darkorange;
}


.rz-body {
    padding: 0.1rem;
}

.rz-sidebar {
    background-image: linear-gradient(10deg, var(--color-emaseo-fondo) 0%, var(--color-emaseo-fondo) 10%, #ffffff 25%);
    /*background-image: linear-gradient(10deg, white, white);*/
    /*background-image: linear-gradient(10deg, var(--color-emaseo-fondo) 0%, var(--color-emaseo-fondo) 25%, #ffffff 50%);*/
    border: 0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: lightgray;
}

.rz-header a {
    color: var(--color-emaseo-letras);
}

    .rz-header a.estado-on {
        color: var(--color-emaseo-letras-on);
    }

.rz-panel-menu {
    color: var(--panel-letras);
}

    .rz-panel-menu .rz-navigation-item-wrapper {
        background-color: var(--panel-fondo);
        color: var(--panel-letras);
    }

        .rz-panel-menu .rz-navigation-item-wrapper:hover {
            background-color: var(--color-emaseo-fondo);
            color: var(--color-emaseo-letras);
        }

    .rz-panel-menu .rz-navigation-item-wrapper-active {
        background-color: var(--panel-fondo);
        color: var(--panel-letras);
    }

        .rz-panel-menu .rz-navigation-item-wrapper-active::before {
            background-color: var(--color-emaseo-fondo);
            color: var(--color-emaseo-letras);
            width: 0px;
        }

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
        background-color: var(--panel-fondo);
        color: var(--panel-letras);
    }

        .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
            background-color: var(--color-emaseo-fondo);
            color: var(--color-emaseo-letras);
        }

    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
        background-color: var(--panel-fondo);
        color: var(--panel-letras);
    }



    .rz-panel-menu .rz-navigation-item {
        border-bottom: 1px solid #aba9ab;
        border: 0;
        background-color: var(--panel-fondo);
        color: var(--panel-letras);
    }

        .rz-panel-menu .rz-navigation-item a:hover {
            background-color: var(--color-emaseo-fondo);
            color: var(--color-emaseo-letras);
        }


    .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active {
        background-color: var(--color-emaseo-fondo);
        color: var(--color-emaseo-letras);
    }
    /***** SV. para sub sub menus *****/
    .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
        background-color: var(--panel-fondo);
        color: var(--panel-letras);
        /*padding-left: 2rem;*/
    }




.sidebar-toggle {
    padding: 0.45rem 0.35rem 0.75rem 0.35rem;
    background-color: var(--color-emaseo-fondo);
    color: var(--color-emaseo-letras);
    border: none;
}

    .sidebar-toggle:hover {
        background-color: var(--color-emaseo-letras);
        color: var(--color-emaseo-fondo);
        border-radius: 25px;
    }

.rz-panel-menu .rz-navigation-item-link {
    padding: 0.25rem 0.5rem;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-icon {
    margin-left: -1.25rem;
}

.rz-grid-table thead th {
    
/*    background: var(--color-emaseo-fondo);
    padding: 0.5rem 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
        
    /*FN 26072022*/
    background: var(--color-emaseo-fondo);
    padding: 0.5rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e9eaed;
}

    .rz-grid-table thead th .rz-column-title {
        display: inline-block;
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-transform: none;
        color: var(--color-emaseo-letras);
        padding: 0 0.125rem 0 0.5rem;
        font-weight: 600;
        vertical-align: middle;
    }

.rz-sortable-column .rzi-sort {
    /*color: var(--color-emaseo-letras);*/
    color: var(--color-emaseo-letras);
    transition: all 0.1s linear;
}

.rz-grid-filter-icon {
    color: var(--color-emaseo-letras);
}

/*cambio JCP alto de las filas*/
.rz-grid-table td {
    padding: 0.0rem 0.5rem 0.0rem 0.5rem;
}


/*.rz-grid-table td {*/
    /* padding: 0.0rem 0.5rem 0.0rem 0.5rem;*/
    /*padding: 0.5rem;
    border-bottom: 1px solid #e9eaed;
}*/


.rz-card {
    padding: 0.5rem;
    margin: 0.25rem;
}

.rz-dropdown {
    line-height: 1.2;
    height: 1.7rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.rz-grid-table td .rz-cell-data {
    font-size: 0.75rem;
}
/*El parámetro padding si incluye filtros a los grids no refleja un registro*/
/*.rz-grid-table thead th .rz-column-title {
    font-size: 0.7rem;
    line-height: 0.75rem;
    padding: 0 0.1rem 0 0.2rem;
}

.rz-grid-table thead th {
    padding: 0 0;
}

.rz-grid-table .rz-cell-data .rz-button-sm.rz-button-icon-only {
    padding: 0 0.70rem;
}*/

@media screen and (max-device-width: 751px) {
    .rz-data-grid.tabla-edicion {
        display: flex;
    }

    .tabla-edicion .rz-grid-table {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (min-device-width: 751px) {
    .rz-data-grid.tabla-edicion {
        display: contents;
        padding-left: 20px;
    }

    .tabla-edicion .rz-grid-table {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.col-4x {
    flex: 0 0 32.5%;
    max-width: 32.5%;
}

.boton-2 {
    max-height: 2rem;
    max-width: 40%;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.25rem;
}

.separador-linea {
    border: none;
    background-color: rgba(0,0,0,.28);
    height: 1px;
    margin: 0.35rem 0;
}

.separador-vacio {
    border: none;
    background-color: rgba(0,0,0,.02);
    height: 1px;
    margin: 0.35rem 0;
}

.texto-iz-centro {
    font-size: .8em;
    padding-left: 0px;
    padding-top: 0.25rem;
}

.span-user-login {
    /*font-size: 0.6rem;*/ /*FN UPDATE 25-07-2022*/
    font-size: 0.8rem;
    max-width: 20%;
    text-align: center;
}


/********* Botones *************/

.rz-button.rz-button-sm {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 0.75rem;
}

.rz-button.btn-primary {
    background-color: var(--color-emaseo-fondo);
}

.rz-button.btn-secondary {
    background-color: var(--color-emaseo-fondo);
}

.rz-button.btn-warning {
    background-color: var(--color-emaseo-warning);
}

.rz-button.btn-danger {
    background-color: var(--color-emaseo-delete);
}

.rz-paginator-last, .rz-paginator-next {
    background-color: var(--color-paginador);
    color: var(--color-paginador-simbolo);
}

    .rz-paginator-last:hover, .rz-paginator-next:hover {
        color: var(--color-paginador-simbolo-on);
    }
/****** Dialogos  *******/
.rz-dialog-titlebar {
    background-color: var(--color-emaseo-fondo);
    color: var(--color-emaseo-letras);
    /*line-height: 1rem;*/
    line-height: 1.5rem;
    padding: 0.25rem 0.25rem;
    font-size: 1rem;
    text-align: center;
}

.rz-dialog-title {
    vertical-align: middle;
}


.rz-textbox {
    height: unset;
    line-height: 1;
    margin-top: 0.25rem;
}


.plr-5 {
    padding-right: 5px;
    padding-left: 5px;
}


@media screen and (max-device-width: 751px) {

    .col-md-1x {
        margin-left: 0.25rem;
    }

    .col-md-8x {
        width: 100%;
        /*flex: 0 0 60.66667%;
      max-width: 60.66667%;
      margin-left: 1rem; */
        height: unset;
        line-height: 1;
        margin-top: 0.25rem;
    }

    .row {
        margin-top: 0.5rem;
        margin-right: 5px;
        margin-left: -10px;
    }
}

@media screen and (min-device-width: 751px) {

    .col-md-1x {
        margin-left: 0.75rem;
    }

    .col-md-8x {
        width: 100%;
        flex: 0 0 60.66667%;
        max-width: 60.66667%;
        margin-left: 1rem;
        height: unset;
        line-height: 1;
        margin-top: 0.25rem;
    }
}



.rz-switch {
    height: 1.5rem;
    margin-top: 0.25rem;
}

.rz-chkbox-box.rz-state-active {
    background-color: var(--color-emaseo-fondo)
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    background-color: var(--color-emaseo-fondo)
}

.rz-multiselect-item {
    font-size: 0.75rem;
}

.rz-tooltip-content {
    background-color: var(--fondo-aviso);
    color: var(--fondo-aviso-letras);
}

.rz-growl-message-error .rz-growl-item {
    background-color: maroon;
}

/**** SV */

.row.list-input-row {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin: 0;
    border-radius: 0;
}

    .row.list-input-row > div {
        align-self: center;
    }

    .row.list-input-row > * span {
        height: 1.75rem;
    }

        .row.list-input-row > * span.rz-chkbox-icon {
            height: auto;
        }

.row.list-input-row-header {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin: 0;
    border-radius: 0;
}

    .row.list-input-row-header > div {
        align-self: center;
    }

    .row.list-input-row-header > * span {
        height: 1.75rem;
    }

.rz-dropdown-label {
    font-size: 0.75rem;
}

.rz-dropdown-items li {
    font-size: 0.75rem;
}

.rz-calendar .rz-inputtext {
    height: 1.7rem;
    font-size: 0.75rem;
}
/*******FN*******/

.contenedor-prinicipal {
    background-image: url(../img/postulacion.jpg);
    margin: 0;
    padding: 0;
    height: 100vh;
    background-size: cover;
    background-position: center;
}

.rz-grid-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

#principal {
    background-image: url(../img/postulacion.jpg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    height: 100vh;
    background-size: 50%;
    background-position: 50% 20%;
}

.slider {
    margin: auto;
    overflow: hidden;
}

    .slider ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: cambio 20s infinite;
    }

    .slider li {
        width: 100%;
        list-style: none;
    }

    .slider img {
        margin: 0px auto;
    }

@keyframes cambio {
    0% {
        margin-left: 0;
    }

    20% {
        margin-left: 0;
    }

    25% {
        margin-left: -100%;
    }

    45% {
        margin-left: -100%;
    }

    50% {
        margin-left: -200%;
    }

    70% {
        margin-left: -200%;
    }

    75% {
        margin-left: -300%;
    }

    100% {
        margin-left: -300%;
    }
}

.rz-panel-menu .rz-navigation-item-active:before,
.rz-panel-menu .rz-navigation-item-wrapper-active:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #1151F3;
}

.rz-panel-menu .rz-navigation-item-link {
    padding: 0.75rem 1rem;
    color: inherit;
    cursor: pointer;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
    /*background-color: lavender;*/
    background-color: var(--color-emaseo-fondo);
    color: var(--color-emaseo-letras);
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
    /*background-color: lavender;*/
    background-color: var(--color-emaseo-fondo);
    color: var(--color-emaseo-letras);
}