/** {*/
    /*margin: 0px;*/ /* todo por default*/
    /*padding: 0px;*/ /*todo por default*/
    /*font-family:Verdana,Arial,Helvetica, Arial;*/
/*}*/


.barraMenuAcciones {
    /*-webkit-box-shadow: 0px 5px 5px -5px rgba(255,0,0,1);
    -moz-box-shadow: 0px 5px 5px -5px rgba(255,0,0,1);
    box-shadow: 0px 5px 5px -5px rgba(255,0,0,1);*/
    /*height: 42px;*/
    display: flex;
    justify-content: start;
    margin: 0px 0px 5px;
    padding: 5px 5px;
    /* border: 1px solid #7A88A3; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3rem;
    background-color: #243a85;
    /* box-shadow: #7A88A3 0px 5px 8px;
    background: #F2F5F6;
    background: -moz-linear-gradient(top, rgba(242, 245, 246, 1) 0%, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(242, 245, 246, 1) 0%,rgba(227, 234, 237, 1) 37%,rgba(200, 215, 220, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 245, 246, 1) 0%,rgba(227, 234, 237, 1) 37%,rgba(200, 215, 220, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F5F6', endColorstr='#C8D7DC',GradientType=0 ); */
}

.seccionConf {
    padding:10px;
    background: rgb(0 33 132 / 80%);
    border-radius: 3rem;
    margin: 0.5rem;
    font-weight: bold;
    color: white;
}

span.seccionConfTitulo {
    margin-left: 2rem;
}

.seccionConf ul {
    display: table;
    border-spacing: 20px 5px;
}

.seccionConf ul li{
    display: table-row;
}

    .seccionConf ul li span, .seccionConf ul li input {
        display: table-cell;
    }
    .seccionConf ul li input{
        background-color: white;
        color: black;
    }
    .seccionConf ul li input[disabled="disabled"]{
        background-color: rgba(255, 252, 252,0.78);
        border-color: rgba(118, 118, 118, 0.3);
        pointer-events: none;
        color: grey;
    }


#divLista {
    height: calc(100% - 59px);
    background: url(../Images/body.png) repeat;
}

.ListaPrincipal
{
    height:calc(100% - 60px);
    display:block;
    overflow:auto;
}



fieldset {
    display: table;
    border-spacing: 20px 5px;
}

fieldset p {
    display: table-row;
}

    fieldset p span, fieldset p input {
        display: table-cell;
    }



.fondo {
        display:none;
width:100%; /*Toma el 100% del ancho de la p�gina*/
height:100%; /*Toma el 100% del alto de la p�gina*/
position:fixed; /*Con este c�digo hacemos que el contenedor se mantenga en la pantalla y para que tome las dimensiones del body y no de la entrada*/
background-color: rgba(1, 1, 1, 0.9); /*Color de fondo, incluye opacidad del 90%*/
top:0; /*Position superior*/
left:0; /*Posici�n lateral*/
z-index:9999; /*Evitamos que alg�n elemento del blog sobreponga la ventana modal*/
}

.ventana {
margin:50px auto; /*Separaci�n arriba y centrado*/
font-size:12px; /*Tama�o de la fuente*/
width:700px; /*Ancho del contenedor*/

max-height:530px;
min-height:200px;
overflow:auto;

color:#222; /*Color del texto*/
background:#fff; /*Color de fondo*/

border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 0px solid #000000;
}

    .ventana .divResultados {
        display: block;
        height: fit-content;
        /*max-height:400px;*/
        padding: 10px;
    }

        .ventana .divResultados ul {
            margin: 5px;
            max-height: 400px;
            overflow: auto;
            padding: 5px;
            /*display: table;*/
            border-spacing: 5px;
        }

            .ventana .divResultados ul li{
                list-style: none;
                margin: 0px;
                display:table-row;
            }

            .ventana .divResultados ul li span:first-child {
                min-width:130px;
                width:auto;
            }

                .ventana .divResultados ul li:hover > span a {
                    font-weight: bold;
                }

                .ventana .divResultados ul li.CabeceraListaResultados {
                    font-weight:bold;
                }

            .ventana .divResultados ul li span{
                display: table-cell;
            }

.barraPopup {
    background: gray;
    height:25px;
    vertical-align:middle;
    color:white;
    font-weight:bold;
    font-family:Arial;

    /*Borde redondeado*/
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    border: 0px solid #000000;

    /*Color de fondo*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fa0606), to(#f53243));
    background: -ms-linear-background(top, #fa0606 , #f53243); /* esto es para ie10*/
    background-image: linear-gradient(bottom, rgb(241,6,6) -1%, rgb(248,48,68) 57%);
    background-image: -o-linear-gradient(bottom, rgb(241,6,6) -1%, rgb(248,48,68) 57%);
    background-image: -moz-linear-gradient(bottom, rgb(241,6,6) -1%, rgb( 248,48,68) 80%);
    background-image: -ms-linear-gradient(bottom, rgb(241,6,6) -1%, rgb(248,48,68) 57%);    
}

.barraPopup a {
line-height:23px;
text-align:center;
vertical-align:middle;
margin-right:10px;
width:25px;

border:1px solid #df0909; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;
font-size:12px;
font-family:arial, helvetica, sans-serif; 

text-decoration:none; 
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;

background-color: #f62b2b; 
background-image: linear-gradient(to bottom, #f62b2b, #d20202);
}

.barraPopup a:hover {
border:1px solid #b30808;

background-color: #e40a0a; 
background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
}

.barraPopup span {
    margin-left:10px;
    line-height:25px;
    text-align:center;
    vertical-align:middle;

    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

.linkSinHref{
    cursor:pointer;
}

/*.tabla_inventario {
    border-spacing: 1em;
    background: beige;
}*/

/*.tabla_inventario tr {
    //background: #eee;
    border-bottom: 1px solid #ddd;
    transform-origin: top;
    animation: anim 0.5s ease;
}*/

@keyframes anim {

    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}


.tabla_inventario {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width:auto;
    max-width: 85%;
}

.bordered tbody {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

    .bordered tbody tr:hover {
        background: #fbf8e9;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .bordered tbody tr td, .bordered tbody tr th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 10px;
        text-align: left;
    }

    .bordered tbody tr th {
        color: white;

        background: #233f89;
        background: -moz-linear-gradient(top, #233f89 0%, #1e66ae 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #233f89), color-stop(100%, #1e66ae));
        background: -webkit-linear-gradient(top, #233f89 0%, #1e66ae 100%);
        background: -o-linear-gradient(top, #233f89 0%, #1e66ae 100%);
        background: -ms-linear-gradient(top, #233f89 0%, #1e66ae 100%);
        background: linear-gradient(to bottom, #233f89 0%, #1e66ae 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233f89', endColorstr='#1e66ae', GradientType=0 );
        /* background-color: #dce9f9;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
        background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
        background-image: linear-gradient(top, #ebf3fc, #dce9f9);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5); */
    }

        .bordered tbody tr td:first-child, .bordered tbody tr th:first-child {
            border-left: none;
        }

        .bordered tbody tr th:first-child {
            -moz-border-radius: 6px 0 0 0;
            -webkit-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
        }

        .bordered tbody tr th:last-child {
            -moz-border-radius: 0 6px 0 0;
            -webkit-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
        }

        .bordered tbody tr th:only-child {
            -moz-border-radius: 6px 6px 0 0;
            -webkit-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
        }

    .bordered tr:last-child td:first-child {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }

    .bordered tr:last-child td:last-child {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }


.paginador {
    display: flex;
    height: 60px !important; /*height: 50px;*/
    padding: 5px;
    border-radius: 3rem;
    background-color: #243a85;
    
    /* background: linear-gradient(to bottom, rgb(64, 154, 204) 0%,rgb(15, 128, 190) 44%,rgb(11, 116, 180) 100%);
    /*background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    animation: mostrarPaginador normal 0.4s; */
}

        .paginador input[type="submit"], .paginador select {
            /* display: block; */
            /* width: 40px; */
            /* height: 40px; */
            /* line-height: 40px; */
            background-color: #fff;
            text-align: center;
            text-decoration: none;
            color: #252525;
            /* border-radius: 4px; */
            /* margin: 5px; */
            box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.5);
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            /* float: left; */
        }

    .paginador input[type="submit"] {
        background: url(/Images/pags.png) no-repeat;
        background-size: 37px 227px;
        border-radius: 50%;
        width:37px;
    }

        .paginador input[type="submit"]:hover {
            box-shadow: 5px 5px 5px -2px #ffffff69 inset;
        }

        .paginador input[type="submit"].anterior {
            background-position: 0px -38px;
        }

        .paginador input[type="submit"].siguiente {
            background-position: 0px 0px;
        }

        .paginador input[type="submit"].ok {
            background-position: 0px -75.8px;
        }

        .paginador input[type="submit"].anterior.disabled {
            background-position: 0px -152px;
        }

        .paginador input[type="submit"].siguiente.disabled {
            background-position: 0px -114px;
        }

        .paginador input[type="submit"].ok.disabled {
            background-position: 0px -190px;
        }


    .paginador input, .paginador select, .paginador label {
        float: left;
        display: block;
        width: 40px;
        height: 37px; /*height: 40px;*/
        line-height: 40px;
        margin: 5px;
        border-radius: 4px;
        outline: 0px none;
        border: medium none;
        cursor: pointer;
        font-weight: bold;
    }

            .paginador input[type="number"] {
                line-height: 37px;
                height: 37px;
                /*border: 1px solid red;*/
            }

.paginador label {
    width:120px;
    color:white;
}

    .paginador input:hover, .paginador select:hover {
        color: #fff;
        background-color: rgb(64, 154, 204);
    }

div#PSelection{
    display: flex;
    background-color: #9d9d9d;
    max-width: 250px;
    width: 60%;
    height: 100%;
    border-radius: 3rem;
}
label#PSLabelText {
    margin-left: 1.5rem;
}

.ColNombre {
    min-width: 200px;
    display: inline-block;
}

.Col100px {
    min-width: 100px;
    display: inline-block;
}

.ColModificacion {
    min-width: 110px;
    display: inline-block;
}





@keyframes mostrarPaginador {
    0% {
        transform: translateY(60px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-moz-keyframes mostrarPaginador {
    0% {
        transform: translateY(60px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes mostrarPaginador {
    0% {
        transform: translateY(60px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@media (max-width: 600px) {
    .paginador label {
        width: 40px;
    }
    .text-paginador-selection{
        display: none;
    }
    .seccionConf ul {
        display: table;
        border-spacing: 5px 5px;
    }
}