/*estilo de elementos singulares*/
textarea.form-control:focus,
select.form-control:focus,
input.form-control:focus{
/*div:has(>.form-control:focus),*/
/*table td:focus-within {*/
/*

  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
*/
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

table td.focused{
    
    border-top: 1px solid;
    border-bottom: 1px solid;
}
/* table td:focus-within{
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-width: 2px;
    border-color: rgb(54, 78, 99);
}
table > tbody > tr:focus-within > td{
    border-bottom-width: 2px;
    border-top-width: 2px;
} */

img {
    max-width: 100%;
    max-height: 100%;
}
::placeholder {
/*    color:#99A0A3;*/
    font-size: 1em;
    opacity: 0.5;
}

/* Tooltip container */
.tooltip {
    position: relative;
    /* display: inline-block; */
}
/*tooltips*/
/*~ es el selector de un elemento precedido por el primero y que comparte un padre comun*/
.tooltip > .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #d39a17;
    color: #364e63;
    font-weight: 400;
    text-align: center;
    border-radius: 6px;
    padding: 5px 8px;
    z-index: auto;
    position: absolute;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.5s linear 0.3s;
    white-space: pre-wrap;
    line-height: normal;
    min-width: min-content;
}
.tooltip > .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #d39a17 transparent transparent transparent;
}
.tooltip:hover > .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */

div.input-line {
    background-color: white;
    border-radius: 5px;
}

input,
select,
.input-line-prepend,
.input-line-midpend,
.input-line-append {
    height: 29.8px;
    outline: none;
}

.no-label input {
    height: 40px;
    font-size: 1.4em;
}
.no-label .input-line-prepend,
.no-label .input-line-midpend,
.no-label .input-line-append {
    height: 40px;
}
input[type="checkbox"]{
    margin:0px
}
select.nav {
    background-color: transparent;
    border-color: transparent;
    color: white
}

select.nav>option {
    background: #364e63;
    color: white;
}


input,
select,
textarea,
label.check-label {
    border: 1px solid #364e63;
    border-radius: 4px;
}
.flx-ct button {
    min-width: 30px;
    border: 1px solid #364e63;
    border-radius: 5px;
    padding: 1px;
}
button:has(i) {
    padding-left: 0px;
    padding-right: 0px;
}
button>i {
    vertical-align: middle;
    font-size: 1.5em;
    
}
button.indep {
    min-height: 26px;
    padding: 1px;
    margin: 1px;
}
button.botgest,
button.tab_ag {
    height: 30px;
    padding: 4px;
    margin: 4px;
}
div#dialog_form button:not(.in-input-line),
div#dialog_form_2 button:not(.in-input-line){
    margin: 15px 10px 10px 10px;
    height: 30px;
}
div#dialog_form div.form-group,
div#dialog_form_2 div.form-group{
    margin: 0px 10px;
}

/* fieldset.form-group {
    padding: 0px 30px 0px 0px;
    border-radius: 6px;
    border: 1px solid #364e63;
    margin-top: 1px;
} */

fieldset.form-group {
    padding: 1px 0px 5px 0px;
    border: 1px solid #364e63;
    margin-top: 1px;
    border-radius: 6px;
}


fieldset>button.botDocs {
    min-height: 18px;
    padding: 0px;
    margin: 0px 1px 0px 1px;
    font-size: 0.8em;
}

div#bosca {
    position: absolute;
    background-color: #fff;
    border: 1px solid #000;
    display: none;
    padding: 2px;
    width: auto;
    height: auto;
}
div#bosca.up {
    display: block;
}
div#bosca>fieldset {
    border: none;
    padding: 6px;
    margin: 0px;
    width: fit-content;
    height: fit-content;
}
div#bosca>fieldset>div {
    margin-bottom: 5px; /* Add margin between each pair */
    margin: 5px 0px 2px 0px;
}
div#bosca>fieldset>div>input[type="radio"],
div#bosca>fieldset>div>input[type="checkbox"],
div#bosca>fieldset>div>label {
    display: inline-block; /* Display both input and label as inline-block elements */
    vertical-align: middle; /* Align them vertically */
    height: auto;
}
div#bosca>fieldset>div>label {
    margin-left: 5px;
}


button.aba_der {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 150px;
}

/*input con icono-----*/
td:has(div.tooltip),
td:has(div.input_ico_wrp) {
    position: relative;
/*
    direction: rtl;
    padding:0 0 0 20px;
    margin:0 20px;
    width: 200px;
*/
}

input.i_input_ico {
    margin:0;
    padding-right: 30px;
/*    width: 100%;*/
}
svg.input_ico {
    position:absolute;
    bottom:2px;
    right:5px;
    width:24px;
    height:24px;
}





/*CHECKBOX----------------*/
/*checkboxes de filtros sencillos en nav exp*/
input.ckbx_btn {
    position:absolute;
    visibility:hidden;
    opacity:0;
}
input.ckbx_btn[type=checkbox] + label {
  padding: 0 5px 0 5px;
} 
input.ckbx_btn[type=checkbox] + label {
  color: white;
} 
input.ckbx_btn[type=checkbox]:checked + label {
  color: black;
  font-style: normal;
}
fieldset.ckbx {
    padding: 0 5px 0px 5px;
    border: 0;
}
/* fieldset.ckbx legend{

} */

/*checkbox con tachado y casilla*/
.chckBx {
/*    background-color: #fff;*/
    padding: 1px;
}

.hidden-box {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
}
.columnasElegidas {
    font-size: 0.75em;
    text-align: right;
    cursor: pointer;
}
.check-label:not(.trnsp) {
    background-color: #F9F9F9;
}
.check-label {
/*    background-color: #F9F9F9;*/
    height: auto;
    font-size: 0.8em;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.check-label-box {
    display: flex;
    align-self: center;
    position: relative;
    height: 20px;
    width: 20px;
    margin: 2px;
    border: 2px solid #364e63;
    border-radius: 2px;
    cursor: pointer;
    transform: scale(90%);
}

.check-label-text {
    display: flex;
    align-self: center;
    position: relative;
    cursor: pointer;  
    
}
.check-label-text:not(svg) {
    padding: 4px 2px;
    border-left: 1px solid #364e63; /* esta es la rallita que se pone a la izquierda*/
}

.check-label-text::after {
    content: '';
    display: block;
    width: 96%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
    transition: width 100ms ease-in-out;
}

.hidden-box:checked + .check-label {
   
}

.hidden-box:checked + .check-label .check-label-box {
    background-color: #364e63;
}

div.colcmb_6>table>tbody>tr .hidden-box:checked + .check-label .check-label-box {
    background-color: #8A99A6;
}

.hidden-box:checked + .check-label .check-label-box::after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 4px;
    width: 6px;
    height: 12px;
    border: solid #f2f2f2;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.hidden-box:checked + .check-label .check-label-text::after {
    width: 0%;
}
.hidden-box:not(checked) + .check-label .check-label-text.inv::after {
    width: 0%;
}
.hidden-box:checked + .check-label .check-label-text.inv::after {
    width: 96%;
}

/*CARDS DE DOCUMENTOS-----------------------*/
ul.lstDocs {
/*
    float: right;
    flex-basis: 90%;
    height: 100%;
*/
    padding: 0px;
    margin: 0px;
/*    min-height: 60px;*/
}

li.wr_doc {
    background-color: #ccc;
    border: 1px solid;
    border-radius: 8px;
    list-style-type: none;
    display: flex;
    align-items: center;
    padding: 8px;
    margin: 8px;
    cursor:move;
}

/*----------------evolución de documentos */
/*casillas ocultas*/
.nvisbl {
    display: none;
}

div#galeriaThumbs {
    height: 100%;
}
.wr_thumbs,
#wr_docs {
    background-color: #e6e6e6;
    border: 2px dashed #364e63;
    border-radius: 8px;
}
#wr_cont_docs ul.highlight,
#galeriaThumbs>div.sortCont>ul.highlight {
    background-color: #9cb4c9;
}

#wr_cont_docs {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

}

#wr_docs {
    align-content: flex-start;
    margin-top: 4px;
    margin-bottom: 4px;
}

#centro-docs > .botonera > button {
    height: 30px;
}

#wr_docs > ul {
    align-content: flex-start;
}


div.selDocs {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: stretch;
    
    min-height: 68px;
/*    border: 1px solid #364e63;*/
/*    border-radius: 8px;*/
    margin: 4px;
    
}

div.selDocs > h2 ,
div.selDocs > h3 {
    flex: 0 0 auto;
    
    text-align: center;
    background: #ccc;
    writing-mode: vertical-lr;
    
    padding: 4px;
    
    margin: 0px;
}
div.selDocs > h2 {
    border: 2px solid #364e63;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left: none;
}
div.selDocs > h3 {
    border: 2px solid #364e63;
    border-right: none;
}
div.izq > div.selDocs > h2 ,
div.izq > div.selDocs > h3 {        
    transform: rotate( 180deg );
}
div > div.selDocs > ul.lstDocs {
    border: 2px dashed #364e63;
}

div.der > div.selDocs > ul.lstDocs {
    border-right: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
div.izq > div.selDocs > ul.lstDocs {
    border-left: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}



li.doc-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px;
    background-color: #ccc;
    border: 1px solid #364e63;
    border-radius: 4px;
    margin: 5px;
}
li.doc-group>*{
    height: 42px;
}

li.doc-group input:focus {
    outline-width: 0;
}

li.doc-group > div.input-line-prepend {
    display: flex;
    flex: 0;
    
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #364e63;
}
li.doc-group > .doc-name { 
    flex: 1 1 auto;
    line-height: 1.5;
    padding: 2px;
    font-size: 1em;
    
    border: none;
    
    display: inline-flex;
    flex-flow: row nowrap;
}
li.doc-group > .doc-name > p {
    font-family: Arial;
    font-size: 1em;
    margin: 0px;
    height: 32px;
    padding: 6px 2px 2px 2px;
    
    flex: 1 1 auto;
    order: 1;
}
li.doc-group > .doc-name > p.nvisbl { 
    display:none;
}
li.doc-group > .doc-name > input {
    height: 36px;
    font-size: 1em;
    padding: 2px;
    background-color: transparent;
    border-style: none;
    
    flex: 1 1 auto;
    order: 2;
}
li.doc-group > .doc-name > input.nvisbl { 
    display:none;
}
li.doc-group > div.doc-name > svg {
    position: relative;
    top: 5px;
    fill: #B2C3D3;
    
    order: 4;
}

li.doc-group > div.doc-name > svg.size_alert {
    fill: red;
}
li.doc-group > div.doc-name > span.textoAyuda {
    display: none;
    order: 3;
}
li.doc-group > div.doc-name > svg:hover + span.textoAyuda {
    display: inline-block;
    white-space: nowrap;
    width: min-content;
    height: 30px;
    position: relative;
    top: 5px;
    right: 5px;
    background: white;
    padding: 2px;
    border: 1px solid;
}

li.doc-group > div.input-line-midpend {
    display: flex;
    flex: 0;
    
    border-radius: 0px;
    border-top: none;
    border-left: 1px solid #364e63;
    border-bottom: none;
    border-right: none;
}
li.doc-group > div.input-line-append {
    display: flex;
    flex: 0;
    
    border-left: 1px solid #364e63;
    border-radius: 0px;
}
li.doc-group > div > * {
    border: none;
}




li.doc-group > div.input-line-midpend.elim_izq {
    border-left-style: none;
}
li.doc-group > div.input-line-midpend.elim_der {
    border-right-style: none;
}


li.doc-group > div>i {
    min-width: 32px;
    margin-top: 8px;
}


li.doc-group label,
li.doc-group button {
    background-color: transparent;
/*    padding: 1px 1px 1px 1px;*/
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-left: 1px;
}
/*TABLAS*/
table * {
    font-family: Arial Narrow, Arial, sans-serif;
    font-weight: 100;
}

table>tbody>tr>td>*,
table>tbody>tr>td>div>*{
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;
    background: rgba(255,255,255,0);
}
table>tbody>tr>td>div{
    /* display: inline; */
}
table>tbody>tr {
    height: max-content;
}
#contenidoTabsNav {
/*    padding: 2px;*/
}
table input,
table select {
    height: 22px;
    outline: none;
}
table textarea {
    outline: none;
}

select.color_0 {
    background-color:rgb(172, 172, 172);
}

select.color_1,
select>option.color_1 {
    background-color:rgb(161, 22, 22);
}
select.color_2,
select>option.color_2 {
    background-color:rgb(11, 16, 85);
}
select.color_3,
select>option.color_3 {
    background-color:rgb(4, 97, 4);
}
select.color_4,
select>option.color_4 {
    background-color:rgb(219, 92, 8);
}
select.color_5,
select>option.color_5 {
    background-color:rgb(211, 180, 7);
}
select.color_6,
select>option.color_6 {
    background-color:rgb(32, 245, 60);
}
select.color_7,
select>option.color_7 {
    background-color:rgb(39, 208, 238);
}
select.color_8,
select>option.color_8 {
    background-color:rgb(162, 0, 255);
}
select.color_9,
select>option.color_9 {
    background-color:rgb(90, 31, 4);
}
tbody>tr>td:has(div.color_1),
div.cTg.color_1 {
    background: linear-gradient(135deg, rgb(161, 22, 22) 10px , transparent 10px);
}
tbody>tr>td:has(div.color_2),
div.cTg.color_2 {
    background: linear-gradient(135deg, rgb(11, 16, 85) 10px , transparent 10px);
}
tbody>tr>td:has(div.color_3),
div.cTg.color_3 {
    background: linear-gradient(135deg, rgb(4, 97, 4) 10px , transparent 10px);
}
tbody>tr>td:has(div.color_4),
div.cTg.color_4 {
    background: linear-gradient(135deg, rgb(219, 92, 8) 10px , transparent 10px);
}
tbody>tr>td:has(div.color_5),
div.cTg.color_5 {
    background: linear-gradient(135deg, rgb(211, 180, 7) 10px , transparent 10px);
}
tbody>tr>td:has(div.color_6),
div.cTg.color_6 {
    background: linear-gradient(135deg, rgb(32, 245, 60) 10px , transparent 10px);
}
tbody>tr>td:has(div.color_7),
div.cTg.color_7 {
    background: linear-gradient(135deg, rgb(39, 208, 238) 10px , transparent 10px);
}
tbody>tr>td:has(div.color_8),
div.cTg.color_8 {
    background: linear-gradient(135deg, rgb(162, 0, 255) 10px , transparent 10px);
}
tbody>tr>td:has(div.color_9),
div.cTg.color_9 {
    background: linear-gradient(135deg, rgb(90, 31, 4) 10px , transparent 10px);
}



div.fixedHead {
/*    height: calc(100vh - 210px);*/
    overflow-y: auto;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.fixedHead::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.fixedHead {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  overflow-y: auto;
}
.fixedHead>table>thead,
.fixedHead>table>thead>tr,
.fixedHead>table>thead>tr>th,
.fixedHead>table>thead>tr>td{ 
    position: sticky; 
    top: 0;
    z-index: 1;
}

table {
/*    display: block;*/
	table-layout: auto;
    width: 100%;
    border: 1px solid;
    border-collapse: collapse;
}
table.t_fix{
    table-layout: fixed;
}
thead  {
    width: 100%;
}
tboby {
    display: table;
    overflow: auto;
}

table th {
    border: 0px;
}
table td {
    /* border: 1px solid; */
    border-right: 1px solid;
}
table td.noVertIzq {
    border-left:none;
}
table td.noVertDer {
    border-right:none;
}
table td.h0 {
    border-style: none;
    padding: 0px;
}

table td.marcaVert {
    border-left:3px solid;
    border-right:3px solid;
}
table td.marcaVertIzq {
    border-left:3px solid;
}
table td.marcaVertDer {
    border-right:3px solid;
}
table>thead>tr.head4filter>td>input.strFltr,
table>thead>tr.head4filter>td>select.selFltr{
    width: 100%;
    height: 75%;
    background: #dee6ed;
    text-align: left;
}


table>thead>tr>th.sorting:after,
table>thead>tr>th.sorting_asc:after,
table>thead>tr>th.sorting_desc:after {
    display: inline-block;
    width: 8px;
    height: 16px;
    float: right;
    margin: 2px 1px 0 0;
}
table>thead>tr>th.sorting:after{
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 16"><path style="fill:rgb(204, 204, 204);" d="M 4,0 L 0,7 L 8,7 Z M 4,16 L 8,9 L 0,9 Z"/></svg>');
}
table>thead>tr>th.sorting_asc:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 16"><path style="fill:rgb(86, 112, 134);" d="M 4,0 L 0,7 L 8,7 Z"/><path style="fill:rgb(204, 204, 204);" d="M 4,16 L 8,9 L 0,9 Z"/></svg>');
}
table>thead>tr>th.sorting_desc:after {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 16"><path style="fill:rgb(204, 204, 204);" d="M 4,0 L 0,7 L 8,7 Z"/><path style="fill:rgb(86, 112, 134);" d="M 4,16 L 8,9 L 0,9 Z"/></svg>');
}

table td.celdaSel {
    border: 3px solid;
}
/*tabla #lista_exps---------------------------*/
table#lista_exps thead,
table#lista_ag thead{
    display: table-header-group;
}
table#lista_exps tbody,
table#lista_ag tbody{
    display: table-header-group;
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;
}
/*table>tbody>tr>td {*/
table>tbody>tr>td:has(div>svg.dnd),
table>tbody>tr>td>div>svg.dnd {
/*    cursor: grab;*/
    cursor: n-resize;
}
 /* Hide scrollbar for Chrome, Safari and Opera */
tbody::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
tbody {
  -ms-overflow-style: none;
}
/*
tr.ultimaSubFila {
    border-bottom: 3px solid;
}
*/
/*  + es para next sibling*/
tr.ultimaSubFila+tr.sbfila_0 {
    border-top: 3px solid;
}
tr.ultimaSubFila+tr.head {
/*    border-top: 3px solid rgb(211, 154, 23);*/
    border-top: 3px solid white;
}

table svg {
    margin:0px
}


.justCent,
.justCent input,
.justCent select{
    text-align: center;
}
.justIzq,
.justIzq input,
.justIzq select{
    text-align: left;
}
.justDer,
.justDer input,
.justDer select{
    text-align: right;
}

/*COMBINACIONES DE COLORES---------------------------------------*/

body {
    background: linear-gradient(to bottom left, #95a6b0, #d39a17);
}
table>tbody>tr>td>div.altaLight,
table>tbody>tr>td>div.altaLight>*{
    font-weight:600;
}
.colcmb_1 {
    background: #364e63;
    color: #f2f2f2;
}

.colcmb_2 {
    background: #364e63;
    color: #f2f2f2;
}
.colcmb_2 table{
    border-color: #f2f2f2;
}
.colcmb_2 th {
    background-color: #f2f2f2;
/*    background-color: #486884;*/
    color: #2d4052;
    border-color:  #f2f2f2;
}
.colcmb_2 th:not(:last-of-type) {
    border-right-color: #9cb4c9;
}
.colcmb_2 td {
    border-color: #9cb4c9;
}

.colcmb_2 td:first-of-type {
    border-left-color: #f2f2f2;
}
.colcmb_2 td:last-of-type {
    border-right-color: #f2f2f2;
}
.colcmb_2 table tbody tr.even {
     background-color: #486884;
}
.colcmb_2 table tbody tr.odd {
    background-color: #3f5b73;
}
.colcmb_2 table tbody tr.selected {
    background-color: #1b2731; 
}
.colcmb_2 table tbody tr.selected td{
    font-weight: bold;
    color: #fff;
}
/*.colcmb_2 table tbody tr.selec:hover:not(.selected) {*/
.colcmb_2 table tbody tr:hover:not(.selected) {
    /*background-color: #aed6f1;*/
    background-color: #bdccdb;
    color: #2d4052;
}


.colcmb_2 button {
    background: #486884;
}

.colcmb_2 button.tab.active,
.colcmb_2 button.tab:hover {
    background: #364e63;
    /*    border-bottom: 6px solid #adc0d2;*/
    border-bottom: 6px solid #d39a17;
}
div.colOculta {
    color: #8b9bb7;
}
div.relevante {
    color: #dfa9a9;
}
div.colOculta.relevante {
    color: #f04949;
}
.colcmb_3 {
    background: #b6a05e;
/*    background: #9fa6ad;*/
}

.colcmb_4 {
    background: #f1f2f3;
/*    color: #121a21;*/
    color: #364e63;
}

select.ico_edit:hover::before{
    font-family: 'Material Icons';
    content: "edit";
/*    -webkit-font-feature-settings: 'liga';*/
}

[data-icon]::before {
    content: attr(data-icon);
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;


/*  * Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
   
/*  * Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
td.colVacia {
    background-color: #EDF2F5;
/*    background-color: #EAF1F6;*/
    
}

td>button:has(i) {
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    
}
td>button>i {
    background-color: transparent;
}
.colcmb_4 table>thead>tr.head4filter td {
    border-top: 1px solid #f2f2f2 !important;
    border: none;
}
/*tablas colcmb*/
.colcmb_4 table{
    border-color: #364e63;
}
.colcmb_4 th,
.colcmb_4 tr.head>td,
.colcmb_4 tr.head4filter>td{
    background-color: #364e63;
/*    background-color: #486884;*/
    color: #f2f2f2;
    border-color:  #364e63;
    font-weight: 700;
    height: 30px;
}
.colcmb_4 th:not(:last-of-type),
.colcmb_4 tr.head>td:not(:last-of-type),
.colcmb_4 tr.head4filter>td:not(:last-of-type){
    border-right-color: #f2f2f2;
}
.colcmb_4 tr.topHead>th {
    border-bottom: 1px solid;
    border-bottom-color: #f2f2f2;
}
.colcmb_4 tr.mHead>td {
    background-color: #466884;
/*    background-color: #486884;*/
    color: #f2f2f2;
    border-color:  #364e63;
    font-weight: 700;
    height: 25px;
}
.colcmb_4 td {
    
    border-color: #364e63;
    white-space: nowrap;
}
.colcmb_4 td:has(svg),
.colcmb_4 td:has(input.i_toggle) {
    line-height: 10px;
}

.colcmb_4 table tbody tr.even,
.colcmb_4 table tbody tr.sbfila_0{
     background-color: #dee6ed;
}
.colcmb_4 table tbody tr.odd,
.colcmb_4 table tbody tr.sbfila_1{
    background-color: #CDD9E4;
}
.colcmb_4 table tbody tr.sbfila_2{
    background-color: #bdcddb;
}
.colcmb_4 table tbody tr.sbfila_3{
    background-color: #A1B8CC;
}
.colcmb_4 table tbody tr>td.corner_c
,.colcmb_4 table tbody tr>td.nuevoReg
,.colcmb_4 table tbody tr>td.ultimaFilaArt
,.colcmb_4 table tbody tr>td:has(div.ultFilaArt) {
/*    background-color: #364e63;*/
    background-color: #567086;
}
.colcmb_4 table tbody tr>td.nuevoReg.TTppal,
.colcmb_4 table tbody tr>td.TTppal {
    background-color: #364e63;
    color: #f2f2f2;
    font-weight: 700;
}


.colcmb_4 table tbody tr>td>div.calc{
    /* background-color: #567086; */
    color: #909fdd;
    font-weight: 100;
}
.colcmb_4 table tbody tr>td.hLuz>div.calc{
    color: #368040;
    /* font-weight: 700; */
}
.colcmb_4 table tbody tr.subTot>td{
    background-color: #567086;
    color: #f2f2f2;
    font-weight: 700;
}
table>tbody>tr.artOculta:not(.subTot) {
    display: none;
}

.colcmb_4 table>tbody tr.subTot:not(.artOculta)>td>div.ultFilaArt {
    display:none;
}

.colcmb_4 table tbody tr>td.celTot{
    background-color: #567086;
    color: #f2f2f2;
    font-weight: 700;
}

.colcmb_4 table tbody tr>td.celTot.hLuz{
    color: #90d89a;
}
.colcmb_4 table tbody tr>td.celTot.ultimsm{
    background-color: #364E63;
    height: 30px;
}
.colcmb_4 table tbody tr>td.celTot.ultimsm.hLuz{
    color: #90d89a;
}

td *.transp {
    color: transparent;
}
tr.oculto {
    display: none;
}

td>div>input.i_toggle.chckbx.hidden-box.transp + label.check-label.trnsp>span {
    background-color:transparent;
    border: solid transparent;
    
}

td>div>input.i_toggle.chckbx.hidden-box.transp + label.check-label.trnsp>span::after {
    border: solid transparent;

}

/*para tablas interiores*/
.colcmb_6>table{
    border-color: #5B6064;
}
.colcmb_6>table th,
.colcmb_6>table tr.head>td{
/*    background-color: #5B6064;*/
    background-color: #8A99A6;
    color: #f2f2f2;
    border-color:  #5B6064;
    font-weight: 500;
    height: 25px;
}
.colcmb_6>table th:not(:last-of-type) {
    border-right-color: #f2f2f2;
}

table>thead>tr>th:has(>svg),
table>tbody>tr.head>td:has(>svg),
table>tbody>tr.mHead>td:has(>svg) {
    position: relative;
}

table>thead>tr>th>svg.t_i,
table>tbody>tr.head>td>svg.t_i,
table>tbody>tr.mHead>td>svg.t_i {
    position: absolute;
    top: calc(50% - 14px);
    left: calc(100% - 25px); /* Adjust 20px as needed */
    /* transform: translateY(-50%); */
}


.colcmb_6>table td {
    border-color: #5B6064;
    white-space: nowrap;
}

table td > div.ref {
    color: #337AFF;
    font-weight: 700;
}
span.subInd {
    font-size: 0.8em;
}

span.superInd {
    vertical-align: super;
    font-size: 0.8em;
}

/* table td > div.ref > span::first-letter {
    font-size: 1em;
}
table td > div.ref > span {
    font-size: 0.6em; /* Adjust as needed */
    /* vertical-align: sub;
} */


.colcmb_6>table tbody tr.even,
.colcmb_6>table tbody tr.sbfila_0{
     background-color: #dee6ed;
}
.colcmb_6>table tbody tr.odd,
.colcmb_6>table tbody tr.sbfila_1{
    background-color: #D1D5D8;
}
.colcmb_6>table tbody tr.sbfila_2{
    background-color: #C9D3DB;
}
.colcmb_6>table tbody tr.sbfila_3{
    background-color: #B9C2CA;
}
.colcmb_6>table tbody tr>td.nuevoReg{
/*    background-color: #364e63;*/
    background-color: #A1A8AE;
}
.colcmb_6>table tbody tr>td.celTot{
/*    background-color: #364e63;*/
    background-color: #A1A8AE;
    color: #f2f2f2;
    font-weight: 500;
}
table>tbody>tr:last-child td {
    border-bottom-width: 2px;
}


.colcmb_4 table tbody tr.selected {
    background-color: #8ca7c0; 
}
.colcmb_4 table tbody tr.selected td{
/*    font-weight: bold;*/
    color: #fff;
}
.colcmb_4 table tbody tr.selec:hover:not(.selected) {
    /*background-color: #aed6f1;*/
    background-color: #ffffff;
    color: #2d4052;
}

.colcmb_4 button {
    background: #c8ccd0;
}

.colcmb_4 button.tab.active,
.colcmb_4 button.tab:hover{
    background: #e3e6e8;
/*    background: #f1f2f3;*/
    /*    border-bottom: 6px solid #adc0d2;*/
    border-bottom: 6px solid #d39a17;
}
div.colcmb_5>table>thead>tr>th,
div.colcmb_5>table>tbody>tr.head>td{
    background:#466884;
    color: #f2f2f2;
}

.colcmb_6 {
    background: #f1f2f3;
    color: #121a21;
}
/*tbl explo*/
div#tbl_explo thead>tr {
    background-color: #eeeeee;
    border-bottom: 3px solid #555555;
}
div#tbl_explo tbody>tr.oculto,
div#tbl_explo tbody>tr>td.oculto{
    display: none;
}
div#tbl_explo tbody>tr.dir.prvVsbl ,
div#tbl_explo tbody>tr.dir.oculto.prvVsbl {
    display: table-row;
}
div#tbl_explo tbody>tr:not(.dir).prvInVsbl ,
div#tbl_explo tbody>tr:not(.dir).oculto.prvInVsbl {
    display: none;
}

div#tbl_explo tbody>tr.oculto,
div#tbl_explo tbody>tr>td.oculto{
    display: none;
}

div#tbl_explo tbody>tr.dir {
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
}
div#tbl_explo tbody>tr:hover *{
/*    background-color: #eeeeee;*/
    font-weight: 800;
}
div#tbl_explo tbody>tr {
    background-color: #ffffff;
    height: 20px;
}
div#tbl_explo tbody>tr>td {
    height: 20px;
/*    border: 1px solid #eeeeee;*/
    border: none;
    padding: 0px;
    
}
div#tbl_explo tbody>tr>div {
    height: 20px
} 
div#tbl_explo tbody>tr * {
    font-size: 13px;
    height: 20px;
    color: black;
    cursor: pointer;
}
div#tbl_explo tbody>tr.highlight {
/*    background-color: #dee6ed;*/
    background-color: #364e63;
}
div#tbl_explo tbody>tr.highlight>td * {
    color: #dee6ed;
}
div#tbl_explo tbody>tr.highlight>td svg {
    fill: #dee6ed;
}

div#tbl_explo tbody>tr input[type="checkbox"]{
    margin: 0px;
} 
div#tbl_explo .icomn.icoHead {
    fill: #364e63;
}
/*tbl prod*/
div.t_int_prod {
    margin: 5px;
}


/*COLORES DE LABELS Y FIELDSETS*/

.color-0 { background-color: var(--col-0);} /* Red */
.color-1 { background-color: var(--col-1);} /* More reddish */
.color-2 { background-color: var(--col-2); }
.color-3 { background-color: var(--col-3); }
.color-4 { background-color: var(--col-4); }
.color-5 { background-color: var(--col-5); } /* Green */

/* .colorLg-0 { background: linear-gradient(270deg, var(--col-0) -10% , transparent 25%);}
.colorLg-1 { background: linear-gradient(270deg, var(--col-1) -10% , transparent 25%);}
.colorLg-2 { background: linear-gradient(270deg, var(--col-2) -5% , transparent 25%);}
.colorLg-3 { background: linear-gradient(270deg, var(--col-3) -5% , transparent 25%);}
.colorLg-4 { background: linear-gradient(270deg, var(--col-4) -10% , transparent 25%);}
.colorLg-5 { background: linear-gradient(270deg, var(--col-5) -10% , transparent 25%);} */

.colorLg-0 { background: linear-gradient(0deg, var(--col-0) 5px , transparent 5px);}
.colorLg-1 { background: linear-gradient(0deg, var(--col-1) 5px , transparent 5px);}
.colorLg-2 { background: linear-gradient(0deg, var(--col-2) 5px , transparent 5px);}
.colorLg-3 { background: linear-gradient(0deg, var(--col-3) 5px , transparent 5px);}
.colorLg-4 { background: linear-gradient(0deg, var(--col-4) 5px , transparent 5px);}
.colorLg-5 { background: linear-gradient(0deg, var(--col-5) 5px , transparent 5px);}

.colorLgW-0 { background: linear-gradient(0deg, var(--col-0) 5px , white 5px);}
.colorLgW-1 { background: linear-gradient(0deg, var(--col-1) 5px , white 5px);}
.colorLgW-2 { background: linear-gradient(0deg, var(--col-2) 5px , white 5px);}
.colorLgW-3 { background: linear-gradient(0deg, var(--col-3) 5px , white 5px);}
.colorLgW-4 { background: linear-gradient(0deg, var(--col-4) 5px , white 5px);}
.colorLgW-5 { background: linear-gradient(0deg, var(--col-5) 5px , white 5px);}



/*iconos MATERIAL DESIGN GOOGLE*/
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }



/*// drag and drop*/



#drop-area {
  border: 2px dashed #ccc;
  border-radius: 20px;
  width: 480px;
  font-family: sans-serif;
  margin: 100px auto;
  padding: 20px;
}
#drop-area.highlight {
  border-color: purple;
}
p {
  margin-top: 0;
}
.my-form {
  margin-bottom: 10px;
}
#gallery {
  margin-top: 10px;
}
#gallery img {
  width: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
.button {
  display: inline-block;
  padding: 10px;
  background: #ccc;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.button:hover {
  background: #ddd;
}
#fileElem {
  display: none;
}

/* iconos */
div.wr_icons {
    width: min-content;
}
svg.icomn,
svg.ico {
    display: inline-block;
    width: 24px;
    height: 24px;
/*    margin:1px;*/
    margin-top: 0px;
    /* margin-left: 2px;
    margin-right: 2px; */
    margin-bottom: 0px;
    fill: #364e63;
    cursor: default;
}
div.botonera>button>svg.icomn {
    margin-top: 0px;
}
button.inactv>svg,
svg.icomn.inactv,
svg.ico.inactv {
    fill: #B2C3D3;
}

button.shy>svg,
svg.icomn.shy,
svg.ico.shy {
    fill: #c6d7e7;
}
/*
table .icomn ,
table .ico {
    width: 32px;
    height: 32px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
*/
div.navbar svg.icomn {
    fill: #f2f2f2;
    transform: scale(0.9);
}
div.navbar svg.icomn.on {
    fill: #c12f2f;
    transform: scale(1);
}

table .icomn.icoHead {
    fill: #f2f2f2;
}
.icomn.icoAncho {
    width: 64px;
}
.icomn.md-dark {
    fill:#1A2630;
}

table .icomn:not(.inactv):hover,
.icomn:not(.inactv):hover{
    fill:#DB330E;
}
.icomn_alerta {
    fill: #ba1414;
}
svg.icomn.img_1,
svg.icomn.img1 ,
div.img_h_s>div>svg.icomn.gir180 ,
div.img_h_s>div>svg.icomn.gir90 ,
div.img_h_s>div>svg.icomn.selec ,
div.img_h_s>div>svg.icomn.attch ,
div.img_h_s>div>svg.icomn.bin ,
div.img_h_s>div>svg.icomn.gir-90 {
    display:none;
}

div.img_h_s:hover > svg.icomn.img_1,
div.img_h_s:hover > svg.icomn.img1 ,
div.img_h_s:hover > div > svg.icomn.gir180 ,
div.img_h_s:hover > div > svg.icomn.gir90 ,
div.img_h_s:hover > div > svg.icomn.selec ,
div.img_h_s:hover > div > svg.icomn.attch ,
div.img_h_s:hover > div > svg.icomn.bin ,
div.img_h_s:hover > div > svg.icomn.gir-90 {
    display: inline-block;
}


.icomn_off {
    fill: #aeb5bd;
}
.input-line-midpend:not(.flx-ct)>.icomn {
    margin-top:8px;
}