/**
** ESTILOS PARA COMPONENTE DE CREACIÃ“N DE FILTROS ESTANDAR PARA MÃ“DULOS DE PERÃš
 */
.Peru_Btn_Default {
    background-color: #fff;
    border: 1px solid;
    border-radius: 10px;
    padding: 2px 30px;
    box-shadow: none;
    outline: none;
    color: #343a40;
}

.Peru_Filtros_Defecto {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid lightgray;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto {
    display: flex;
    max-height: 200px;
    overflow: auto;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Label_Filtros_Defecto {
    width: 90px;
    color: #000;
    font-size: 0.9rem;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto {

}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto {
    margin-bottom: 5px;
    display: grid;
    grid-template-columns: 20px 200px 50px 300px 30px;
    /* height: 25px; */
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 0.8rem;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 0.7rem;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto:last-child {
    margin-bottom: 0;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .Group_Input_Item_Filtro_Defecto {
    width: 300px;
    display: flex;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .Group_Input_Item_Filtro_Defecto > div {
    background-color: #fff;
    padding: 3px 5px;
    height: 20px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .Group_Input_Item_Filtro_Defecto > div:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .Group_Input_Item_Filtro_Defecto > div > div {
    font-size: 0.8rem;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .Group_Input_Item_Filtro_Defecto > div > div:first-child {

}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .Group_Input_Item_Filtro_Defecto div div:nth-child(2) {
    cursor: pointer;
    margin-left: 5px;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto select,
.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto input {
    width: 100%;
    outline: none;
    box-shadow: none;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto > div:not(:nth-child(4)) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto > div:nth-child(3) {
    margin: 0 5px;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto > div:nth-child(5) {
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto > div:nth-child(5) span {
    border: 1px solid;
    padding: 5px;
    border-radius: 100%;
    width: 17px;
    height: 17px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto.Item_Filtro_Defecto_Info > div:nth-child(5) span {
    display: flex;
}

.Peru_Filtros_Defecto .Content_Filtros_Defecto .Lista_Filtros_Defecto .Item_Filtro_Defecto .Btn_Elimina_Item_Filtro_Defecto {
    border: none;
    background-color: #fff;
    box-shadow: none;
    outline: none;
    color: var(--rojo-claro360);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 0.9rem;
}

.Peru_Filtros_Defecto .Botonera_Filtros_Defecto {
    margin-top: 10px;
}

.Peru_Filtros_Defecto .Botonera_Filtros_Defecto button {

}

.Peru_Filtros_Defecto .Botonera_Filtros_Defecto .Aplicar_Filtros_Defecto {

}

.Peru_Filtros_Defecto .Botonera_Filtros_Defecto .Agregar_Filtros_Defecto {

}

/**
*** ESTILOS PARA DATATBLES DE REPORTES HISTORICOS
 */
.DataTablePeru {

}

.DataTablePeru table td,
.DataTablePeru table th {
    vertical-align: middle;
}

.DataTablePeru table td .contentcheckSeleccionarDataTablePeru {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}

/**
*** ESTILOS PARA TABS
 */
.Tabs_Peru {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 1fr;
}

.Tabs_Peru .Menu_Tabs_Peru {
    display: grid;
    background-color: #dddddd;
    padding: 5px;
    grid-gap: 10px;
    margin-bottom: 5px;
    height: 100%;
}

.Tabs_Peru .Menu_Tabs_Peru .Item_Menu_Tabs_Peru {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #C5C5CE;
    background-color: #f6f6f6;
}

.Tabs_Peru .Menu_Tabs_Peru .Item_Menu_Tabs_Peru:not(.active) {
    cursor: pointer;
}

.Tabs_Peru .Menu_Tabs_Peru .Item_Menu_Tabs_Peru.active {
    background-color: rgb(165, 27, 11);
    color: #fff;
}

.Tabs_Peru .Menu_Tabs_Peru .Item_Menu_Tabs_Peru .N_Item_Menu_Tabs_Peru {
    margin-left: 7px;
    font-size: 0.7rem;
    background-color: #f6f6f6;
    color: rgb(165, 27, 11);
    border-radius: 100%;
    width: 17px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Tabs_Peru .Menu_Tabs_Peru .Item_Menu_Tabs_Peru.active .N_Item_Menu_Tabs_Peru {

}

.Tabs_Peru .Cuerpo_Tabs_Peru {
    height: 100%;
    overflow: auto;
}

.Tabs_Peru .Cuerpo_Tabs_Peru .Item_Cuerpo_Tabs_Peru {
    height: 100%;
    padding: 10px;
}

.Paginador360 {
    display: flex;
    align-items: center;
}

.Paginador360 > div {
    width: 50%;
}

.Paginador360 .Paginador360Pasos {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: end;
    font-size: 0.8rem;
}

.Paginador360 .Paginador360MenuCantidad {
    margin-right: 10px;
    float: left;
    visibility: hidden;
}

.Paginador360 .Paginador360MenuCantidad span {

}

.Paginador360 .Paginador360MenuCantidad select {
    height: 20px;
}

.Paginador360 .Paginador360Paso {
    margin-right: 10px;
}

.Paginador360 .Paginador360Paso button,
.Paginador360 .Paginador360MenuCantidad select {
    height: 20px;
    box-shadow: none;
    color: rgb(165, 27, 11);
    outline: none;
    border: 1px solid rgb(165, 27, 11);
}

.Paginador360 .Paginador360Paso button {
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.Paginador360 .Paginador360Paso button.disabled {
    background-color: rgb(211, 211, 211);
    color: #fff;
    border-color: rgb(128, 128, 128);
}

.Paginador360 .Paginador360Paso .Paginador360Avanza {

}

.Paginador360 .Paginador360Paso .Paginador360Retrocede {

}

.VistasPeru360 {
    height: 100%;
    overflow: auto;
    border: 1px solid rgb(165, 27, 11);
    border-radius: 5px;
}

.VistasPeru360 .VistaVistasPeru360 {
    height: 100%;
}

.VistasPeru360 .VistaVistasPeru360.principal {

}

.VistasPeru360 .VistaVistasPeru360 .TituloVistaVistasPeru360 {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(165, 27, 11);
    color: #fff;
    position: relative;
    font-size: 1.1rem;
}

.VistasPeru360 .VistaVistasPeru360 .TituloVistaVistasPeru360 .RetrocederTituloVistaVistasPeru360 {
    position: absolute;
    left: 10px;
    background-color: transparent;
    border: none;
    color: #fff;
    outline: none;
    box-shadow: none;
    font-size: 0.9rem;
}

.VistasPeru360 .VistaVistasPeru360 .CuerpoVistaVistasPeru360 {
    height: calc(100% - 30px);
    padding: 5px;
}

.AcordionPeru {
    border: 1px solid lightgray;
    border-bottom: none;
    border-radius: 5px;
}

.AcordionPeru .ItemAcordionPeru {

}

.AcordionPeru .ItemAcordionPeru > div {

}

.AcordionPeru .ItemAcordionPeru .TituloAcordionPeru {
    display: grid;
    grid-template-columns: 1fr 50px;
    border-bottom: 1px solid lightgray;
    padding: 1rem 1.25rem;
    cursor: pointer;
}

.AcordionPeru .ItemAcordionPeruActive .TituloAcordionPeru {
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    color: #0c63e4;
}

.AcordionPeru .ItemAcordionPeru .TituloAcordionPeru div {
    display: flex;
    align-items: center;
    height: 100%;
}

.AcordionPeru .ItemAcordionPeru .TituloAcordionPeru div i {

}

.AcordionPeru .ItemAcordionPeru .CuerpoAcordionPeru {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

.AcordionPeru .ItemAcordionPeruActive .CuerpoAcordionPeru {
    height: auto;
    padding: 10px 5px;
    border-bottom: 1px solid lightgray;
}

.CuerpoAcordionPeru {
}

table.TablaImportacionDefectoPeru {
    table-layout: auto;
}

table.TablaImportacionDefectoPeru th {
    white-space: nowrap;
}

table.TablaImportacionDefectoPeru td {

}

table.TablaImportacionDefectoPeru th,
table.TablaImportacionDefectoPeru td {
    vertical-align: middle;
    font-size: 0.8rem;
    padding: 2px 5px;
    border: 1px solid lightgray;
}

table.TablaImportacionDefectoPeru td:not(:first-child),
table.TablaImportacionDefectoPeru th:not(:first-child) {
    min-width: 150px;
}

table.TablaImportacionDefectoPeru td div {
    display: flex;
    justify-content: center;
    align-items: center;
}


table.TablaImportacionDefectoPeru td button {
    padding: 3px;
    margin-left: 5px;
    font-size: 0.7rem;
}

.ordenColumnasDatatable360 {
    list-style: none;
}

.ordenColumnasDatatable360 li span.ocultarMostrarColumnaDatatable360 {
    cursor: pointer;
}

.ordenColumnasDatatable360 li span:not(.ocultarMostrarColumnaDatatable360) {
    cursor: move;
}