/* ========================================================================
--------------------------- CUSTOMER STYLES -------------------------------
==========================================================================*/

table{
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}
thead th{
    background-color: #636363;
    color: white;
    text-align: left;
    padding: 8px 0;
    font-size: 13px;
}
thead th.checkbox{
    width: 25px;
}
thead th:first-child{
    border-left: none;
}
thead th{
    border-left: 1px solid #aaa;
    padding-left: 10px;
    padding-right: 7px;
}
tbody td{
    border: 1px solid white;
    padding: 5px;
    vertical-align: middle;
}
tbody td.checkbox{
    width: 15px;
}
tbody tr:nth-child(2n+2) td,
tbody tr.odd td{
    background-color: #f2f2f2;
}
tbody tr td{
    background-color: #e5e5e5;
    padding: 10px 5px;
}

tbody td.total{
    font-weight: bold;
}
tbody td.status{
    color: #0063af;
    text-align: center;
}
tbody td.pending{
    color: #990000;
}

.table-details-small{
    background: url(/images/frontend/bg-table-details-small.gif) left top no-repeat;
    height: 100px;
}
.table-details{
    background: url(/images/frontend/bg-cuenta-corriente.gif) left top no-repeat;
    height: 150px;
}
.table-details,
.table-details-small{
    /*width: 968px;
    margin-left: 10px;
    margin-top: 10px;*/
}
.table-details td,
.table-details-small td{
    background: transparent!important;
    border: none;
    vertical-align: top;
    padding: 10px 10px;
}
.table-details tr:hover td,
.table-details-small tr:hover td{
    background: inherit;
    cursor: auto;
}
.table-details td .button-large{
    margin: 0 auto;
    margin-top: 100px;
}
.table-details-small .separator{
    border: none;
    margin-left: 15px;
    padding-right: 15px;
}
.table-details-small .separator:before{
    content: "|";
}

/* ========================================================================
----------------------------- PRINT STYLES --------------------------------
==========================================================================*/

#print-container table .checkbox{
    display: none;
}
#print-container table th{
    color: #990000;
}
#print-container table th,
#print-container table td{
    background: transparent;
    border: 1px solid grey;
}

/* =======================================================================
---------- Caracteristicas para cada mercado Uno Medios   --------------
==========================================================================*/