#btnShowPanelTabla, #form-articulo, #btnAlmacenar, #opciones, #menuOpciones {
    display: none;
}

.panel-tools button {
    margin-left: 5px;
}

.buttons button {
    margin-left: 5px; 
}

#tblArticulo tbody tr {
    cursor: pointer;
}

#tblArticuloCaracteristica tbody tr {
    cursor: pointer;
}

#tblArticuloSustituto tbody tr {
    cursor: pointer;
}

#btnEliminarCaracteristica {
    display: inline !important;
}

#btnEditarCaracteristica {
    display: inline !important;
}

#btnEliminarSustituto {
    display: inline !important;
}

#btnEditarSustituto {
    display: inline !important;
}

/*Panel Busqueda*/
#divBusquedaArticulo {
    background: #e4e4e5 !important;
    padding: 10px;
    margin-bottom: 1rem;
}

#divCerrarBusquedaArticulo {
    font-size: 15px;
}

#divBtnBuscarArticulo, #divBuscarArticulo {
    margin-top: 2px;
}

/**Imagenes*/

.input-group-addon {
    background-color: #0077ff !important;
    color: #ffffff;
}

.inputfile {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        font-size: 1.25em;
        font-weight: 700;
        color: white;
        background-color: #0077ff;
        display: inline-block;
        padding: 5px;
        border-radius: 2px;
    }

        inputfile:focus + label, .inputfile + label:hover {
            background-color: #1FBBA6;
        }

    .inputfile + label {
        cursor: pointer; /* "hand" cursor */
    }

    .inputfile:focus + label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

    .inputfile + label * {
        pointer-events: none;
    }

.js .inputfile {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.no-js .inputfile + label {
    display: none;
}

#subirImagen {
    vertical-align: baseline !important;
}

#muestra-imagen {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3), 0px 0px 0px 17px #fff, 0px 0px 0px 18px rgba(0,0,0,0.2), 6px 6px 8px 17px #555;
    -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 17px #fff, 0px 0px 0px 18px rgba(0,0,0,0.2), 6px 6px 8px 17px #555;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 17px #fff, 0px 0px 0px 18px rgba(0,0,0,0.2), 6px 6px 8px 17px #555;
}


.ImageBorder {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3), 0px 0px 0px 17px #fff, 0px 0px 0px 18px rgba(0,0,0,0.2), 6px 6px 8px 17px #555;
    -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 17px #fff, 0px 0px 0px 18px rgba(0,0,0,0.2), 6px 6px 8px 17px #555;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6), 0px 0px 0px 17px #fff, 0px 0px 0px 18px rgba(0,0,0,0.2), 6px 6px 8px 17px #555;
}

.owl-theme .owl-controls {
    margin-top: 0px !important;
    text-align: center;
}

    .owl-theme .owl-controls .owl-buttons div {
        background: #0077ff !important;
    }

    .owl-theme .owl-controls .owl-page span {
        background: #0077ff !important;
    }

#btnEliminarSugerido {
    margin-left: 5px;
}

#btnAlmacenarSugerido {
    margin-left: 5px;
}

.pointer-events-none {
    pointer-events: none;
}

.aTabs {
    text-decoration: none;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    margin: 0 0 0 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #646e7a;
    font-size: 12px;
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
}

    .aTabs:hover {
        background-color: #0077ff;
        color: #fff !important;
    }

a.activeli {
    background-color: #0077ff;
    color: #fff;
}

ul li {
    list-style-type: none;
}

.panel-tabs, .tabbable {
    background-color: #ffffff !important;
}

.borderli {
    list-style-position: inside;
    border: 1px solid black;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 5em;
}


.tab-content > div {
    display: none;
}

    .tab-content > div.active {
        display: block;
    }

.owl-nav {
    position: absolute;
    width: 100%;
    top: 0;
}

    .owl-nav [class*="owl-"] {
        position: absolute;
        background: none;
        color: black;
    }

        .owl-nav [class*="owl-"]:hover {
            background: none;
            color: black;
        }

    .owl-nav .owl-next {
        right: 0;
        transform: translate(120%);
        margin: 10px 45px 10px 0px;
    }

    .owl-nav .owl-prev {
        left: 0;
        transform: translate(-120%);
        margin: 10px 10px 10px -5px;
    }

.owl-carousel .owl-stage-outer {
    margin: 1px 10px 1px 1px;
}

.owl-carousel .owl-stage-outer {
    margin: 10px 30px 10px 1px !important;
}

.sep {
    border-left: 1px solid #dddddd !important;

}
.lineaInput {
    margin-top: 20px;
}

@media only screen and (max-width: 1300px) {

    ul {
        list-style-type: none;
        max-width: 700px;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        margin: 20px;
    }
}



@media only screen and (max-width: 900px) {

    ul {
        list-style-type: none;
        max-width: 450px;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        margin: 20px;
    }
}

@media only screen and (min-width: 1500px) {

    ul {
        list-style-type: none;
        max-width: 1100px;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        margin: 20px;
    }
}

@media only screen and (max-width: 360px) {

    ul {
        list-style-type: none;
        max-width: 200px;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        margin: 20px;
    }
}

.file-carga-masiva {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.label-100-percent {
    width: 100%;
}

.file-carga-masiva + label {
    max-width: 100%;
    font-size: .7rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: .625rem 1.25rem
}

.file-carga-masiva:focus + label, .file-carga-masiva.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px
}

.file-carga-masiva + label i {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: .25em
}

.inputfile-6 + label {
    color: #006f95
}

.inputfile-6 + label {
    border: 1px solid #006f95;
    background-color: #f8f8f8;
    padding: 0
}

    .inputfile-6:focus + label, .inputfile-6.has-focus + label, .inputfile-6 + label:hover {
        border-color: #722040
    }

    .inputfile-6 + label span, .inputfile-6 + label strong {
        padding: .5rem 1.25rem
    }

    .inputfile-6 + label span {
        width: 65%;
        min-height: 2em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: top
    }

    .inputfile-6 + label strong {
        height: 100%;
        color: #f1e5e6;
        background-color: #006f95;
        display: inline-block
    }

    .inputfile-6:focus + label strong, .inputfile-6.has-focus + label strong, .inputfile-6 + label:hover strong {
        background-color: #722040
    }

@media screen and (max-width: 50em) {
    .inputfile-6 + label strong {
        display: block
    }
}

.mb-1 {
    margin-bottom: 1rem;
}