/*Pedidos*/

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.panel-heading.ayuda {
    color: #fff;
    background-color: #ffb03b;
}

.panel-heading.domicilio {
    background-color: #ffcb7e;
}

.panel-heading.centro-escolar {
    color: #fff;
    background-color: #6680B7;
}

.row.help-pedido {
    margin-right: 0px;
    margin-left: 0px;
}

.help-links {
    background-color: #ffb03b;
    margin-top: -5px;
}

.title-help {
    font-weight: bold;
}

a.link {
    color: #444444;
}

    a.link:hover {
        font-weight: bold;
    }

hr.solid {
    border-top: 3px solid #000;
    margin-top: 5px;
    margin-bottom: 5px;
}

.panel-info-pedido {
    background-color: #e8e8e8;
    width: auto;
    word-wrap: break-word;
}

.panel-info-pedido > .panel-title {
    font-weight: bold;
}

.panel-title.info {
    font-weight: bold;
}

.pedidos-container{
    margin-top: 40px;
}

.panel-info-mochila {
    background-color: #e9f5ff;
}

.panel-info-mochila {
    width: auto;
    word-wrap: break-word;
}

    .panel-info-mochila > .panel-title {
        font-weight: bold;
    }


/*COLORES AGRUPACIÓN PEDIDOS*/
tr.paquete-azul {
    border-left-color: #337ab7;
    border-left-width: 9px;
    border-left-style: solid;
}

tr.paquete-azulClaro {
    border-left-color: #5bc0de;
    border-left-width: 9px;
    border-left-style: solid;
}

tr.paquete-rojo {
    border-left-color: #d9534f;
    border-left-width: 9px;
    border-left-style: solid;
}

tr.paquete-verde {
    border-left-color: #5cb85c;
    border-left-width: 9px;
    border-left-style: solid;
}

tr.paquete-naranja {
    border-left-color: #f0ad4e;
    border-left-width: 9px;
    border-left-style: solid;
}

tr.paquete-gris {
    border-left-color: #777;
    border-left-width: 9px;
    border-left-style: solid;
}

tr.paquete-marron {
    border-left-color: #800000;
    border-left-width: 9px;
    border-left-style: solid;
}

.label-marron {
    background-color: #800000;
}

.labelOrigenes{
    line-height: 2 !important;
}

.td-centrado {
    text-align: center;
    vertical-align: middle;
    height: 50px;
    width: 50px;
}

@media (min-width: 992px) {
    .panel-body-info {
        padding-left: 0px;
    }
}

#btnSolicitarDevolucion {
    margin-left: 20px;
}

@media only screen and (max-width: 600px) {
    #btnSolicitarDevolucion {
        margin-left: 0px;
        padding: 10px 14px;
    }

    #btnResumenCompra {
        padding: 10px 14px;
    }

    .title-help {
        font-size: 32px;
    }
}

.table-pedidos > tbody > tr > td {
    vertical-align: middle !important;
    text-align: center;
}
.table-pedidos > thead > tr > th:not(.thPrincipal) {
    vertical-align: middle !important;
    text-align: center;
}
.td-break {
    word-wrap: break-word !important;
    white-space: normal !important;
}

.panel.panel-primary {
    margin-bottom: 10px;
}

.btn-pedidos {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.form-pedidos {
    display: inline-block;
}

.tdSubtable {
    padding-top: 0px;
}

.subtable {
    border-left: groove;
    margin-left: 15px;
    border-right: #dbdbdb 1px solid;
}

.col-infoAdicional p {
    text-transform: uppercase;
}

.panel-info-entrega {
    background-color: #6680b7;
    width: auto;
    word-wrap: break-word;
}

.panel-info-entrega > div > h4{
    color: #EEEEEE;
}

    .panel-info-entrega > div > .title {
        font-weight: bold;
        text-align: center;
        font-size: 27px;
    }

    .panel-info-entrega > div > .date {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 70px;
        font-size: 25px;
    }


.info-entrega{
    padding-left: 0px;
}


@media (max-width: 991px) {
    .info-entrega {
        padding-left: 20px;
    }
}

html {
    visibility: visible;
    opacity: 1;
}