/*body {
    background-color: #eee;
    color: #444;
    font-family: Peugeot,sans-serif;
    font-size: 14px;
} */

.bodyedit
{
    margin-top: 1vh;
    padding: 0 1% 1% 1%;
    height:84.5vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;        
} 

.bodyedit .abm td:first-child 
{
   /* width: 35%!important;*/
}

.bodyedit .button, input, optgroup, select, textarea 
    {
        background-color: transparent;
    }

.editlinea
{
    margin-bottom: 1%;
    display: flex;
    flex-wrap: wrap;
}


.edittit 
{   
   width:29%; 
   margin-right: 1%;
   font-weight: 800;
}

.editdat
{        
    width:70%; 
    position: relative;
}

.comandosimgs {
    position: absolute;
    top:0px;
    left:0px;
    width:38px;
    height: 100px;
}

.contenedorimgs {
    position: absolute;
    top:0px;
    left:30px;
    width:calc(100% - 30px);
    height: 100px;
    display: flex;
    flex-wrap: wrap;    
    overflow: hidden;
    overflow-y: auto;
}

.contenedorimgs img{
    height: 90px;
    max-width: 90px;
    padding: 5px 5px 5px 5px;
}

.list {
    /*display: table;*/
    height: calc(100vh - 21vh);
    overflow: hidden;
    overflow-y: auto;
    font-size: 12px;
}

.lista-divtitulo
{    
    display: flex;
    flex-wrap: wrap;
    height: 11vh;
    /*overflow: hidden;*/
}

.lista-encab
{
    /*display: flex;
    flex-wrap: wrap;*/
    height: 45px;
    line-height: 30px;
    overflow: hidden;
    width: 100%;
    font-size: normal;
    color: #FFFFFF!important;
    background-color: rgb(173, 174, 178)!important;
    text-align: left;
}


.list ul:nth-child(odd) {
    background-color: #ddd;
}

.list ul:nth-child(even) {
    background-color: #fff;
}

.list ul{
/*    width: 98%!important;*/
    cursor: pointer;
    box-shadow: 5px 5px 15px #999;
}

.list ul:hover {
    background-color: lightblue;
    box-shadow: 5px 5px 15px #000;
}



mark /* lo uso para los numeros*/ {
    /*display: inline-block;*/
    white-space: nowrap;
    font-size: larger;
    width: 90px;
    text-align: right;
    color: unset;
    background-color: unset;
    font-variant-numeric: tabular-nums;
}

mark[par='sml'] {
    width: 160px;
    font-size: 8px;
}

mark[par='big'] {
    width: 200px;
}

.colder { 

}

/* max y min tomados en base a 1200px */
.col5 {
    width: 5vw;
   /*  min-width: 20px;
   max-width: calc((100vh * 5vh) / 100);*/
}
.col6 {
    width: 6vw;
   /*  min-width: 20px;
   max-width: calc((100vh * 5vh) / 100);*/
}
.col7 {
    width: 7vw;
   /*  min-width: 20px;
   max-width: calc((100vh * 5vh) / 100);*/
}
.col8 {
    width: 8vw;
   /*  min-width: 20px;
   max-width: calc((100vh * 5vh) / 100);*/
}
.col9 {
    width: 9vw;
   /*  min-width: 20px;
   max-width: calc((100vh * 5vh) / 100);*/
}
.col10 {
    width: 10vw;
}

.col11 {
    width: 11vw;
}

.col12 {
    width: 12vw;
}

.col15 {
    width: 15vw;
    min-width: 60px;
    /*max-width: 180px;*/
}

.col20 {
    width: 20vw;
   /* min-width: 80px;
    max-width: 240px;*/
}

.col25 {
    width: 25vw;
    min-width: 100px;
    /*max-width: 300px;*/
}

.col30 {
    width: 30vw;
    min-width: 120;
    /*max-width: 360px;*/
}

.col35 {
    width: 35vw;
    min-width: 140;
    /*max-width: 420px;*/
}
.col40 {
    width: 40vw;
    min-width: 160;
    /*max-width: 480px;*/
}
.col45 {
    width: 45%;
    min-width: 180;
    /*max-width: 540px;*/
}
.col50 {
    width: 50vw;
    min-width: 200;
    /*max-width: 600px;*/
}

.col55 {
    width: 55vw;
    min-width: 220;
    /*max-width: 660px;*/
}
.col60 {
    width: 60vw;
    min-width: 240;
    /*max-width: 720px;*/
}

.col65 {
    width: 65vw;
    min-width: 260;
    /*max-width: 760px;*/
}
.col70 {
    width: 70vw;
    min-width: 280;
    /*max-width: 820px;*/
}

.col75 {
    width: 75vw;
    min-width: 300;
    /*max-width: 880px;*/
}
.col80 {
    width: 80vw;
    min-width: 320;
    /*max-width: 940px;*/
}
.col85 {
    width: 85vw;
    min-width: 340;
    /*max-width: 1000px;*/
}
.col90 {
    width: 90vw;
    min-width: 360;
    /*max-width: 1080px;*/
}

.col95 {
    width: 95vw;
    min-width: 380;
    /*max-width: 1140px;*/
}
.col100 {
    width: 100vw;
    min-width: 420;
    /*max-width: 1200px;*/
}

.colImg
    {
        height: 50px!important;
    }


/* big */
@media screen and (min-width:670px) {




            /*.list ul:first-child li {
                background-color: #444;
                color: #fff;
            }*/

            .list ul > li {
                display: table-cell;
                padding: .5em .1em;
            }
}

/* small */
@media screen and (max-width:669px) {
    .list ul {
        display: table-row;
    }
        
    h1 {
        font-size: 1.33em;
    }

    h3 {
        font-size: 0.8em;
    }
    .enlinea {
     /*   position: relative;
        top: -13px;
        left: 110px;*/
    }

    .col5, .col10, .col15, .col20, .col25, .col30, .col35, .col40, .col45,.col50,
    .col55, .col60, .col65, .col70, .col75, .col80, .col85, .col90, .col95, .col100
    {
        width: unset;
        min-width: unset;
        max-width: unset;
        width: 80%; /*35%;*/
        height:30px;
        padding-bottom:8px;

    }

    .colder {
        width: 63%;
        height:25px;
        padding-bottom:8px;
    }


    .col3
        {
        height:25px;
        padding-bottom:8px;
    }

    .micuenta > li + li {
        border-top: none !important;
    }

    .micuentaEncab1 > li + li {
        border-top: none !important;
    }

    .list ul {
        border: solid 1px #ccc;
        display: block;
        list-style: none;
        margin: 1em;
        padding: .5em 1em;
        width: 87%;
       
    }

        .list ul:first-child {
            display: none;
        }

        .list ul > li {
            display:flex; /*inline-block;*/
            width:100%;
            padding: .25em 0;
        }

        .list ul:nth-child(odd) > li + li {
            border-top: solid 1px #ccc;
        }

        .list ul:nth-child(even) > li + li {
            border-top: solid 1px #eee;
        }


        .list ul > li:before {
            /*color: #000;*/
            content: attr(data-label);
            display: inline-block;
            font-size: 75%;
            font-weight: bold;
            text-transform: capitalize;
            vertical-align: top;
            margin-right: 5px;
            overflow-wrap: break-word;
            width: 100px !important;
            font-size: 1.1rem;
        }

    .list p {
        padding : 0 5px 0 5px;
        margin: -30px 0 0 105px;
        line-height: 30px;
    }

    .edittit, .editdat
    {
        width:98%;   
    }

    .altomemo {
        height: 120px;
    }
}

/* tiny */
@media screen and (max-width:349px) {

    .list ul > li:before {
        display: block;
    }

    .list p {
        margin: 0;
    }
}