/*
*  CSS para el sitio San Fernando
*  Autor: César Oliver V. Rodríguez Jiménez
*  Colores base: #00338D, #00539b  
*  Importación de las distintas hojas de estilo
*/

@import "fuentes.css";
/*@import url("movil.css") handheld;*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/content/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('/content/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/content/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/content/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/content/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/****************************************
*          ELEMENTOS COMUNES
*  body, a, h1, h2, h3, h4, h5, img, div
*****************************************/
html {
    width: 100%;
    height: 100%;
}

body {
    background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%), -webkit-linear-gradient(0deg, #E3E8EF, #00338D);
    background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%), -moz-linear-gradient(0deg, #E3E8EF, #00338D);
    background: -ms-repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%), -ms-linear-gradient(0deg, #E3E8EF, #00338D);
    background: -o-repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%), -o-linear-gradient(0deg, #E3E8EF, #00338D);
    background: repeating-linear-gradient(-45deg, transparent, transparent 0.5%, rgba(0, 51, 141, 0.02) 0.5%, rgba(0, 51, 141, 0.02) 1%), linear-gradient(0deg, #E3E8EF, #00338D);
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-size: .95em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    height: 100%;
    width: 100%;
}

.form-control {
    font-size: 12px;
}

a {
    color: black;
}

hr {
    margin-top: 0px;
    margin-bottom: 1px;
    border: 0;
    border-top: 1px solid #100f0f;
}

.bootbox-body {
    font-size: 14px;
}

#tbPedFrBody input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#tbPedFrBody input[type=number] {
    -moz-appearance: textfield;
}

#resumenGuardar {
    overflow: scroll;
}

#cargando {
    z-index: 999999;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.56);
}

    #cargando div {
        vertical-align: middle;
        position: absolute;
        top: 47%;
        left: 48%;
    }

#cargandoPgBar {
    z-index: 997;
    width: 100%;
    min-height: 130%;
    height: auto !important;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.56);
}

    #cargandoPgBar div {
        vertical-align: middle;
        position: absolute;
        top: 47%;
        left: 48%;
    }

.nav-tabs {
    border-bottom: 1px solid #273C5A;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: white;
        cursor: default;
        background-color: #335079; /*#273C5A;*/
        border: 1px solid #335079;
        border-bottom-color: transparent;
    }


.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {
    font-size: 14px;
    font-weight: 600;
}

.tablaestilo {
    font-size: 11px;
}

.tablaestilo2 {
    font-size: 14px;
}

.modalGeneral {
    font-size: 12px;
}

.btn-izq {
    margin: 0 0.5em;
}

.btn-izq-ped {
    float: right;
    margin: 0.3em 0em 1em 0.5em;
}

.btn-izq-ped2 {
    float: right;
    margin: 0.3em 0em 1em 0.5em;
}

.btn-izq-ped3 {
    float: right;
    margin: 5em 0em 1em 0em;
}

.btn-derecha {
    margin: 0 0.5em;
    float: right;
}

.btn-derecha-head {
    margin: 0.7em 0.2em;
    float: right;
}

.btn-salir {
    float: right;
    margin: 0.5em 0.5em;
}

.btn-center {
    margin-top: 0px;
}

.form-agregar {
    font-size: 11px;
}

#colResPed {
    margin-top: -15px;
    padding-top: 15px;
    background: #f5f5f5;
    border: 1px solid #ccc;
}

#link-cliente {
    padding: 13px;
    border: 0px;
    border-bottom: 3px solid #2d3d51;
    color: white;
    background-color: #335079; /*#273C5A;*/
    font-weight: 600;
}

    #link-cliente:hover {
        background-color: #298042;
    }

.codigo-pedido td {
    background: #b0cde6;
}

    .codigo-pedido td:hover {
        background: #298042;
        color: white;
    }

    .codigo-pedido td:active, td:visited, td:focus {
        background: #298042;
        color: white;
    }

.calendCajero {
    position: fixed;
    z-index: 9999;
}

.estado {
    color: green;
}

.thumbnail-item {
    border-right: 2px solid #000;
    background-color: #E8F2F9;
}

.pedfrecEspacio {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

a.list-group-item, button.list-group-item {
    color: black;
}

    a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
        background: #298042;
        color: white;
    }

.fila_flotante {
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    display: table;
    position: relative;
    line-height: 27px;
}

.columna_flotante {
    background: #F5F5F5;
    float: left;
    height: auto;
    min-height: 30px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

#seccionlstcli {
    font-size: 16px;
}

#cliente li a h4 {
    font-size: 15px;
    font-weight: 700;
}

#contPedPro {
    border-style: solid;
    border-width: 1px;
}

/*****************************************************
*                            ESTRUCTURA BASE
* .header, .container, #footer
******************************************************/

.header {
    position: fixed;
    z-index: 10;
    background-color: #eef1f7;
    width: 100%;
    /*background-color: rgb(237, 238, 239);*/
    border-bottom: 3px solid #2d3d51;
}

    .header .titulo {
        font-weight: bold;
        text-align: center;
        font-family: PoiretOne;
        font-size: 3em;
    }

.header-pedido {
    position: fixed;
    z-index: 10;
    float: right;
    left: 300px;
    width: 81%;
    height: 50px;
    background-color: rgb(237, 238, 239);
    border-bottom: 3px solid #2d3d51;
}

    .header-pedido .titulo {
        font-weight: bold;
        text-align: center;
        font-family: PoiretOne;
        font-size: 3em;
    }

.btn-movil {
    display: none;
}

.btn-movil2 {
    display: none;
}

.container {
    min-height: 93%;
    height: auto !important;
    height: 93%;
    padding: 15px 0 0px 0;
}

.container-principal {
    min-height: 92%;
    height: auto !important;
    height: 92%;
    padding: 50px 15px 0px 15px;
}

.container-crear {
    min-height: 90%;
    height: auto !important;
    height: 90%;
    padding: 55px 15px 0px 15px;
}

.container-pedido {
    float: right;
    width: 100%;
    padding: 65px 25px 50px 320px;
}

.container-producto {
    float: right;
    width: 100%;
    padding: 65px 25px 50px 320px;
}

.side-nav {
    position: fixed;
    left: 0;
    width: 300px;
    float: left;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}


.navbar-inverse {
    background-color: rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.4);
}


#cliente {
    overflow-y: scroll;
    height: 480px;
}

.modalCLiente {
    height: 90%;
}

.tamañolstAgr {
    overflow-y: scroll;
    height: 480px;
}

.tab-tamaño {
    overflow-y: scroll;
    height: 520px;
}

.panel-lateraltamaño {
    height: 690px;
}

.tabla-tamaño {
    overflow-y: scroll;
    height: 250px;
}

.tabla-tamItem {
    overflow-y: scroll;
    height: 570px;
}

.tbPanel {
    font-size: 12px;
}

li.active a:hover {
    background: #0094ff;
}

.panel-footer {
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
}

.footerClase {
    width: 100%;
    height: 8%;
    background-color: rgba(3, 11, 24, 0.9);
    background: rgba(3, 11, 24, 0.9);
    position: absolute;
}

.body-product {
    min-height: 550px;
}

.hlstCli {
    height: 300px;
}

/*****************************************************
*                  ELEMENTOS HEADER
* imagenes, logo, titulo, nav-trigger
******************************************************/

.contenedor-img {
    margin: 0;
    width: 100%;
    height: 100%;
}

.minilogo {
    width: 110px;
    height: 47px;
    position: absolute;
    right: 0;
}

.img-formatoSF {
    position: absolute;
    width: 120px;
    height: auto;
    margin: 0px;
}

.txtBienvenida {
    padding: 8px;
    font-size: 28px;
    margin-top: 90px;
    color: #fff;
    margin-left: 200px;
}

    .txtBienvenida .txtOrangNegrita {
        color: #E8F2F9;
        font-weight: bold;
        font-size: 30px;
    }

.img-formatoLogo {
    margin: auto;
    max-width: 480px;
    width: auto;
    height: 154px;
    padding: 0;
}


.nav-trigger {
    display: none;
}

.TithedPe {
    text-align: center;
}

#detallePedido div .texto-centrar h4, #detallePedido div .texto-centrar p {
    /*line-height: 0.8;*/
    margin-bottom: 5px;
}

/*****************************************************
*                  PANELES HORIZONTALES
* panel, jumbotron, thumbnail
******************************************************/


.jumbotron-princ {
    width: 100%;
    text-align: center;
    height: auto;
    background: none;
}

.headerbar {
    margin-top: 0px;
}

.header-right {
    float: right;
}

.headermenu {
    list-style: none;
}

    .headermenu > li {
        display: inline-block;
        float: left;
        position: relative;
    }

    .headermenu .dropdown-toggle {
        color: #fff;
        padding: 12px 10px;
        border-color: none;
        background: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none;
        color: #fff;
    }

        .headermenu .dropdown-toggle:hover,
        .headermenu .dropdown-toggle:focus,
        .headermenu .dropdown-toggle:active,
        .headermenu .dropdown-toggle.active,
        .headermenu .open .dropdown-toggle.dropdown-toggle {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            background: none;
            color: #fff;
        }

        .headermenu .dropdown-toggle .caret {
            margin-left: 5px;
        }

    .headermenu .dropdown-menu {
        border: 0;
        margin-top: 0px;
        margin-right: -1px;
        -moz-border-radius: 2px 0 2px 2px;
        -webkit-border-radius: 2px 0 2px 2px;
        border-radius: 2px 0 2px 2px;
        -moz-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
        -webkit-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
        box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
        padding: 5px;
    }

        .headermenu .dropdown-menu:after {
            border-bottom: 6px solid #1d2939;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            content: "";
            display: inline-block;
            right: 9px;
            position: absolute;
            top: -6px;
        }

        .headermenu .dropdown-menu li {
            display: block;
            margin: 0;
            float: none;
            background: none;
            padding: 15px 5px;
        }

    .headermenu .dropdown-menu-usermenu li {
        padding: 0;
    }

    .headermenu .dropdown-menu li a {
        color: white;
        font-size: 13px;
        padding: 7px 10px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

        .headermenu .dropdown-menu li a:hover {
            background: #f5f5f5;
            color: #000;
        }

    .headermenu .dropdown-menu li i {
        font-size: 11px;
        margin-right: 5px;
    }

    .headermenu .dropdown-menu-head {
        padding: 0;
        min-width: 300px;
        background: red;
    }

    .headermenu .tp-icon {
        padding: 12px 15px;
        height: 50px;
        font-size: 16px;
        background: #fff;
        color: #333;
        border-color: #fff;
        -moz-transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

        .headermenu .tp-icon + .dropdown-menu:after {
            right: 17px;
        }

    .headermenu .chat-icon {
        border-right: 0;
    }

    .headermenu .dropdown-menu-usermenu {
        background: #1d2939;
        min-width: 200px;
    }

    .headermenu .dropdown-menu-head ul {
        border: 1px solid #ddd;
        border-top: 0;
        padding: 0 10px;
    }

    .headermenu .dropdown-menu-head li a {
        color: #333;
        padding: 0;
        opacity: 1;
    }

        .headermenu .dropdown-menu-head li a:hover {
            background: none;
            color: black;
            text-decoration: none;
        }

    .headermenu .btn-group {
        margin-bottom: 0;
    }

.jumbotron-secun {
    margin-top: 10px;
    padding-bottom: 35px;
    padding-top: 20px;
    background: none;
}

.jumbotron-general {
    color: black;
    background: rgba(206,219,253,1);
    background: -moz-linear-gradient(left, rgba(206,219,253,1) 0%, rgba(206,219,253,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,219,253,1)), color-stop(100%, rgba(206,219,253,1)));
    background: -webkit-linear-gradient(left, rgba(206,219,253,1) 0%, rgba(206,219,253,1) 100%);
    background: -o-linear-gradient(left, rgba(206,219,253,1) 0%, rgba(206,219,253,1) 100%);
    background: -ms-linear-gradient(left, rgba(206,219,253,1) 0%, rgba(206,219,253,1) 100%);
    background: linear-gradient(to right, rgba(206,219,253,1) 0%, rgba(206,219,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbfd', endColorstr='#cedbfd', GradientType=1 );
}

.jb-general-tamaño {
    padding: 15px;
}

#detallePedido div div p {
    font-size: 16px;
}

    #detallePedido div div p span {
        font-weight: 500;
    }

.jb-general-tamaño div div a {
    font-size: 16px;
}

.panel-header {
    /*background: url('/content/images/imgBanner.jpg') no-repeat;*/
    background-color: none;
    width: 600px;
    height: 560px;
    margin: auto;
}

.panel-login {
    font-size: 14px;
    width: 400px;
    margin: auto;
}

.signinpanel {
    margin: 7% auto 0 auto;
}

    .signinpanel .logopanel {
        float: none;
        width: auto;
        padding: 0;
        background: none;
    }

.uname {
    background: #fff url(/content/images/user.png) no-repeat 95% center;
}

.pword {
    background: #fff url(/content/images/locked.png) no-repeat 95% center;
}



.panel-conten {
    font-size: 12px;
    width: 100%;
    margin: auto;
    height: 160px;
    background: none;
    border-color: none !important;
    border-radius: 0px;
}

.img-formatoLogoAdmin {
    width: 118px;
    height: 118px;
    padding: 0;
    margin: auto;
}

.panel-Infologin {
    height: 276px;
    font-size: 12px;
    color: white;
    background: rgba(29,88,143,1);
    background: -moz-linear-gradient(left, rgba(29,88,143,1) 0%, rgba(29,88,143,0.98) 4%, rgba(13,78,148,0.58) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29,88,143,1)), color-stop(4%, rgba(29,88,143,0.98)), color-stop(100%, rgba(13,78,148,0.58)));
    background: -webkit-linear-gradient(left, rgba(29,88,143,1) 0%, rgba(29,88,143,0.98) 4%, rgba(13,78,148,0.58) 100%);
    background: -o-linear-gradient(left, rgba(29,88,143,1) 0%, rgba(29,88,143,0.98) 4%, rgba(13,78,148,0.58) 100%);
    background: -ms-linear-gradient(left, rgba(29,88,143,1) 0%, rgba(29,88,143,0.98) 4%, rgba(13,78,148,0.58) 100%);
    background: linear-gradient(to right, rgba(29,88,143,1) 0%, rgba(29,88,143,0.98) 4%, rgba(13,78,148,0.58) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d588f', endColorstr='#0d4e94', GradientType=1 );
}

    .panel-Infologin h2 {
        text-align: center;
        font-family: PoiretOne;
        padding: 0 20px;
    }

    .panel-Infologin h3 {
        text-align: center;
        font-family: PoiretOne;
        padding: 0 20px;
        font-size: 22px;
    }

.opciones-menu {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

    .opciones-menu:hover {
        transition: all 0.5s ease-out;
        color: black;
        text-decoration: none;
    }

    .opciones-menu div img {
        width: 100px;
    }

.thOpciones {
    background: #f2f2f2;
    font-family: Comfortaa-Light;
    height: 160px;
    color: black;
}

    .thOpciones:hover {
        background: rgba(196,222,245,1);
        background: -moz-linear-gradient(left, rgba(196,222,245,1) 0%, rgba(196,222,245,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196,222,245,1)), color-stop(100%, rgba(196,222,245,1)));
        background: -webkit-linear-gradient(left, rgba(196,222,245,1) 0%, rgba(196,222,245,1) 100%);
        background: -o-linear-gradient(left, rgba(196,222,245,1) 0%, rgba(196,222,245,1) 100%);
        background: -ms-linear-gradient(left, rgba(196,222,245,1) 0%, rgba(196,222,245,1) 100%);
        background: linear-gradient(to right, rgba(196,222,245,1) 0%, rgba(196,222,245,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4def5', endColorstr='#c4def5', GradientType=1 );
    }


.panel.panel-primary {
    box-shadow: 4px 3px 13px rgb(0, 0, 0);
}

.panel-logocarro {
    background: rgba(1,24,45,0);
    margin-bottom: 0px;
}

    .panel-logocarro div img {
        padding: 10px 40px;
        border-radius: 10%;
    }


/********************************************************************************************************
                      ------------------ LATERAL SEGUIMIENTO------------------ 
*********************************************************************************************************/

.tablaseguimiento {
    margin: 0;
    padding: 15px;
    background-color: white;
}

.barra-estado {
    padding-top: 5px;
    padding-bottom: 5px;
    background: white;
    border-top: 2px solid #0094ff;
    border-bottom: 2px solid #0094ff;
    margin-top: 10px;
}


.grupo-ic-seg {
    width: 100px;
    height: 111px;
    float: left;
}

    .grupo-ic-seg .thumbnail {
        margin: 2px;
        text-align: center;
        border-radius: 50%;
        border-radius: 50%;
        background-color: white;
        border: 1px solid #555;
    }

    .grupo-ic-seg div {
        text-align: center;
    }

.changecursor {
    cursor: pointer;
}

.grupo-ic-seg img {
    border-radius: 50%;
}

.grupo-ic-seg span {
    padding: 0;
    margin: 0;
}

.grupo-ic-seg p {
    padding: 0;
    margin: 0;
}

/*.ico-seg-item:hover {
    border-bottom: 3px solid #0094ff;
}*/

#ListarSeguimiento {
    overflow-y: scroll;
    height: 550px;
}

.tbPanel-seg tr:hover {
    background: #298042;
    color: white;
}

.tbPanel-seg tr td h4 {
    font-weight: 600;
    padding-bottom: 8px;
}



/********************************************************************************************************
                      ------------------ LATERAL FACTURA------------------ 
*********************************************************************************************************/


.ic-fact:hover {
    border-bottom: 3px solid #0094ff;
}


#ListarFactura {
    overflow-y: scroll;
    height: 550px;
}

.estado-fac {
    background-color: white;
    padding-top: 0;
}

    .estado-fac ul {
        border-bottom: 1px solid #0094ff;
        border-top: 1px solid #0094ff;
        padding-bottom: 3px;
        background: #e3e5ee;
        margin-bottom: 15px;
    }

        .estado-fac ul li img {
            width: 48px;
        }

    .estado-fac div {
        color: black;
        font-weight: bold;
    }

.labelCrear {
    width: 45%;
    float: left;
}

.inputCrear {
    width: 55%;
    float: left;
}

#seccionactprecios {
    display: none;
}

.opcionLiberacion {
    background: #fff;
    font-family: Comfortaa-Light;
    border: 1px solid #aeabab;
    height: 160px;
}

.opcionLiberacion:hover {
    border: 1px solid #cac8c8;
}

.opcionLiberacion h4 {
    color: black;
    margin: 15px 0px 0px 10px;
    float: left;
    font-weight: bold !important;
    display: block;
    padding-bottom: 25px;
    width: 100%;
}

.opcionLiberacion h1 {
    margin-right: 10px;
    float: right;
    font-weight: bold !important;
    font-size: 60px;
    padding-bottom: 0px;
}

.grupoPrecio {
    background: #fff;
    font-family: Comfortaa-Light;
    border: 1px solid #aeabab;
    height: 170px;
}

.grupoPrecio:hover {
    border: 1px solid #cac8c8;
}

.grupoPrecio h4 {
    color: black;
    margin: 15px 0px 0px 10px;
    float: left;
    font-weight: bold !important;
    display: block;
    /*padding-bottom: 25px;*/
    width: 100%;
    
}

.grupoPrecio h1 {
    margin-right: 10px;
    float: left;
    font-weight: bold !important;
    font-size: 60px;
    padding-bottom: 0px;
}


.colorverde {
    color: green;
}

.colorrojo {
    color: red;
}

.acciontabla {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    margin: 0px 15px;
}

.acciontabla1 {
    margin: 20px 0px 0px 0px;
    padding: 5px 10px;
    background-color:red;
    color: white;
    width: 50%;
    float: left;
}

.acciontabla2 {
    margin: 20px 0px 0px 0px;
    padding: 5px 10px;
    background-color: green;
    color: white;
    width: 50%;
    float: left;
}

.backwhite {
    background-color: white;
}

.txtCuerpo {
    font-size: 12px;
    text-align: left;
    padding: 0px 20px;
    text-transform: lowercase;
    text-transform: capitalize;
}

.filtroliberacion {
    width: 55px;
}

.nopadding {
    padding: -10px;
    margin: 0px;
}

.txtCuerpo .nav li {
    width: 50%;
    float: left;
}

.filtrocredito {
    margin: 20px 0px;
    padding-bottom: 15px;
}

#filtrocampana .espacio {
    float: left;
    width: 180px;
    margin-right: 10px;
}

.anchoopciones {
    width: 100px;
}

.opcionesListLiber input {
    text-align: center;
    margin-top: 60px;
}

.opcionesListLiber a {
    text-align: center;
    margin-top: 50px;
}

.TitEquipoRespon {
    font-size: 12px;
    padding-left: 10px;
}

#banco-header .detalle, #cargardetalle .detalle {
    font-size: 11px;
}

#banco-msj p {
    font-size: 14px;
    padding: 8px;
}

#btnmensaje {
    text-align: left;
}

.btn-right {
    float: right;
}

.btn-left{
    float: left;
}

@media screen and (max-width: 1000px) {
    .filtroliberacion {
        margin-left: 0px;
    }

    .text-right {
        text-align: left;
    }

    .labelCrear {
        width: 100%;
    }

    .inputCrear {
        width: 100%;
    }
    .paddingLabel{
        padding: 0px;
    }
}

@media screen and (max-width: 820px) {
    .filtroliberacion {
        width: auto;
    }

    #seccionCorreo {
        width: 100%;
    }

    #codigo_sap {
        width: 85%;
    }

    #botonsaplabel {
        margin-top: 15px;
    }

    #botonsap {
        float: right;
        margin-top: -35px;
    }

    #detallecreditos {
        display: none;
    }

    .filtrocredito {
        padding-bottom: 0px;
    }

    .separador {
        margin-bottom: 15px;
    }

    .separa {
        margin-bottom: 5px;
    }
}

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

    .btn-izq-ped {
        float: right;
        margin: 0.1em 0em 0.2em 0.5em;
    }

    .btn-izq-ped2 {
        float: right;
        margin: 0.1em 0em 0.2em 0.5em;
    }

    .btn-izq-ped3 {
        float: right;
        margin: 0.1em 0em 0.2em 0em;
    }
}
/********************************************************************************************************
           --------------------------Dispositivos Pequeños-----------------------------------
*********************************************************************************************************/

@media screen and (max-width: 755px) {
    .panel-conten {
        height: 110px;
    }

    .txtBienvenida, .txtOrangNegrita {
        font-size: 20px !important;
        margin-left: 0px;
    }

    .headermenu .btn-group button {
        font-size: 10px !important;
    }

    .headermenu .dropdown-menu:after {
        display: none;
    }

    .opcionesListLiber input {
        text-align: center;
        margin-top: 130px;
    }

    .opcionesListLiber a {
        text-align: center;
        margin-top: 120px;
        margin-left: -30px;
    }

    #filtrocampana .espacio {
        float: left;
        width: 100%;
    }

    .text-right {
        text-align: left;
    }

    .texto-centrar {
        text-align: left;
        /*line-height: 0.9;*/
    }

    .btn-movil {
        display: block;
    }

    .btn-movil2 {
        display: inline-block;
    }

    .btn-web {
        display: none;
    }

    .header {
        height: auto;
    }

    .mensajeFooter {
        display: block;
    }

    .separarheader {
        margin-top: 42px;
    }

    .panel-header {
        width: 100%;
        height: 470px;
    }


    .panel-login {
        width: 100%;
    }

    .container-pedido {
        float: right;
        width: 100%;
        padding: 85px 1em 50px 1em;
        /*margin-left: 300px;*/
    }


    .header .titulo {
        font-size: 2.2em;
        text-align: left;
        /*color: #233245;*/
    }

    .header-pedido {
        position: fixed;
        float: right;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 90px;
        background-color: #fff;
        border-bottom: 3px solid #2d3d51;
    }

        .header-pedido .titulo {
            font-size: 2.2em;
            text-align: left;
            /*color: #233245;*/
        }

    #detallePedido {
        margin-top: 8px;
        margin-bottom: 8px;
        padding-top: 0px;
    }

    .nav-trigger {
        display: block;
        float: right;
    }

    .side-nav {
        top: 90px;
        position: fixed;
        width: 100%;
        min-height: 100%;
        height: auto;
        z-index: 11;
        display: none;
        position: fixed;
    }

        .side-nav.visible {
            display: block;
        }

    #cliente {
        overflow-y: scroll;
        height: 300px;
        /*width:373px;*/
    }

    .modalCLiente {
        height: 50%;
    }

    .container-producto {
        width: 100%;
        padding: 95px 5px 50px 5px;
    }

        .container-producto div div.panel-body {
            height: auto;
        }

    .tamañolstAgr {
        overflow-y: scroll;
        height: 400px;
    }

    #cargando div {
        vertical-align: middle;
        position: absolute;
        top: 42%;
        left: 40%;
    }

    .tabla-tamItem {
        overflow: auto;
        height: auto;
    }

    .panel-lateraltamaño {
        height: 450px;
    }

    .tab-tamaño {
        overflow-y: scroll;
        height: 250px;
    }

    .btn-agregar {
        float: right;
        margin: 0 0.3em 0 0;
    }

    .btn-agregarref {
        float: right;
        margin: 0 0.5em 0 0;
    }

    .btn-editar {
        float: right;
        margin: 0 0.3em 0 0;
    }

    .btn-actprecios {
        float: right;
        margin: 0 0.5em 0 0;
    }

    #tablaPedfrec {
        width: 850px;
        max-width: 850px;
    }

    #toolbarPed {
        padding-top: 5px;
    }

    #resumenGuardar {
        height: 300px;
    }

    .TithedPe {
        text-align: left;
    }

    .body-product {
        height: auto;
    }

    .hlstCli {
        height: 50px;
    }

    .tabla-tamaño {
        overflow-y: auto;
        height: auto;
    }

    .rowcorreo {
        margin-left: 0px;
    }

    .jumbotron-princ {
        margin-top: -14px;
        padding-top: 10px;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

        .jumbotron-princ p {
            font-size: 25px;
            margin-bottom: 0px;
        }

        .jumbotron-princ h2 {
            margin-top: 3px;
            margin-bottom: 0px;
            font-size: 20px;
        }

    .tamjbprinc {
        margin-top: -14px;
        padding-top: 17px;
        padding-bottom: 17px;
        margin-bottom: 10px;
    }

    #seccionlstcli {
        font-size: 14px;
    }

    #cliente li a {
        font-size: 14px;
    }

        #cliente li a h4 {
            font-size: 13px;
            font-weight: 800;
        }

    .contenedor-img {
        height: 90%;
    }

    .img-formatoLogo {
        height: 114px;
    }

    #detallePedido div div h4 {
        margin-bottom: 5px;
        font-size: 14px;
    }

    #detallePedido div .texto-centrar p {
        margin-bottom: 5px;
        font-size: 14px;
    }

    #seccionactprecios {
        display: block;
        margin: 10px 0px;
        width: 100%;
        text-align: right;
        padding: 0px;
        float: right;
    }
}

@media screen and (max-width: 420px) {
    .opcionesListLiber input {
        text-align: center;
        margin-top: 10px;
    }

    .opcionesListLiber a {
        text-align: center;
        margin-top: 0px;
        margin: 0px 0px 5px 30px;
    }

    .btn-izq-ped3 {
        width: 100%;
    }
}


/*----------------------------------------------------------------------*/


/* =========================================================
 * bootstrap-treeview.css v1.2.0
 * =========================================================
 * Copyright 2013 Jonathan Miles 
 * Project URL : http://www.jondmiles.com/bootstrap-treeview
 *	
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */

.treeview .list-group-item {
    cursor: pointer;
}

.treeview span.indent {
    margin-left: 10px;
    margin-right: 10px;
}

.treeview span.icon {
    width: 12px;
    margin-right: 5px;
}

.treeview .node-disabled {
    color: silver;
    cursor: not-allowed;
}

.unidadPro {
    padding: 3px;
}

.filtroheight {
    padding: 0 0 15px 0;
}
/*************************************************************************************/
.tablafont {
    font-size: 11px;
}
.conteneder-tabla {
    display: block;
    height: 400px;   
    overflow-x:hidden;
    overflow-y: hidden;
}
#tablaDinam {
    margin-bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.4);
}
#tablaDinam thead th {
}
.conteneder-tabla-detalle {
    height: 350px;    
    overflow-x:scroll;
    border: 1px solid rgba(0, 0, 0, 0.4);
    overflow-y:scroll;
}
#tablaDinamDeta {
    margin-bottom: 0px;
}
#tablaDinamDeta td.item {
    text-align: center;
    font-weight: bold;
    background: #d6d6d6;
    width: 20px !important; 
    max-width: 20px !important;
    overflow:hidden;
    padding: 4px 2px;
}
#tablaDinamDeta td{
    padding: 5px;
}
#tablaDinamDeta td input{
    padding: 5px;
}
#tablaDinamDeta td span{
    padding: 0px;
    margin: 0px;
    width: 50px !important;
}

#tablaDinamDeta td #btnescala span{
    padding: 0px;
    margin: 0px;
    width: 8px !important;
}
@media only screen and (max-width:800px) { 
}

.ui-datepicker {
	width: 250px;
	padding: .2em .2em 0;
	display: none;
    font-size: 12px;
}
.escondermenu li {
	padding: 1px 8px;
}
.escondermenu li label{
    font-weight: normal;
}
.escondermenu li input{
	margin-right: 5px;
}

@media (min-width: 992px) {
    .modal-xlg {
        /*width: 900px;*/
        width: 90%;
    }
    .modal-xxxlg {
        /*width: 900px;*/
        width: 100%;
    }
}