/*===================== DISEÑO DE TABLA RESPONSIVE ================*/
.table{border: 1px solid #dee2e6;width: 100%;margin-bottom: 1rem;border-collapse: collapse;}
.table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;}
.table thead th{/*padding: 10px;*/ padding: 7px;color: #fff;background: var(--color2);font-size: 15px;border-bottom-width: 2px;}
.table-bordered thead td, .table-bordered thead th {border-bottom-width: 2px;}
.table-bordered td, .table-bordered th {border: 1px solid #dee2e6;border-bottom-color: rgb(222, 226, 230);border-bottom-style: solid;border-bottom-width: 1px;}
.table tbody tr td {font-size: 15px;}
.table tbody tr td .hide{display: none;}
table tbody tr .hide{display: none;}
.table tbody tr .numero{text-align: end;}
.table tbody tr .disponible{color: #059663;font-weight: 600;}
.table tbody tr .nodisponible{color: #ff0000;}
.table tbody tr:hover{background-color: rgba(0,0,0,.05);/*font-weight: 600;*/}
.table tbody tr .btn-morado{background: #7952b3;color: #fff;}
.table tbody tr .btn-morado:hover{background: #60389c;}
.table tbody tr .rojo{color: red;font-weight: 600;}
.table tbody tr td .conten_img{display: flex;justify-content: center;}
.table tbody tr td .conten_img .img_pro_carrito{height: 110px;width: 110px;border-radius: 5px;}
.table tbody .conten_img .imgproventa{height: 120px;width: 120px;}
.table tbody tr .centro{display: flex; flex-wrap: wrap; justify-content: center;}
.table tbody tr .centro .btn{color: #fff;background: #ff0000;border: none;padding: 10px;margin-right: 4px;border-radius: 5px;cursor: pointer;}
.table tbody tr .centro button:hover{background: #df1515;}
@media only screen and (max-width: 988px){
    #unseen table td:nth-child(2),
    #unseen table th:nth-child(2) {display: none;}}
@media only screen and (max-width: 640px){
    #unseen table td:nth-child(4),
    #unseen table th:nth-child(4),
    #unseen table td:nth-child(7),
    #unseen table th:nth-child(7),
    #unseen table td:nth-child(8),
    #unseen table th:nth-child(8){display: none;}}
@media only screen and (max-width: 988px) {
    #flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    #flip-scroll * html .cf { zoom: 1; }
    #flip-scroll *:first-child+html .cf { zoom: 1; }
    #flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
    #flip-scroll th, #flip-scroll td { margin: 0; vertical-align: top; }
    #flip-scroll th { text-align: left; }
    #flip-scroll table { display: block; position: relative; width: 100%; }
    #flip-scroll thead { display: block; float: left; }
    #flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    #flip-scroll thead tr { display: block; }
    #flip-scroll th { display: block; text-align: right; }
    #flip-scroll tbody tr { display: inline-block; vertical-align: top; }
    #flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
    #flip-scroll th { border-bottom: 0; border-left: 0; }
    #flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    #flip-scroll tbody tr { border-left: 1px solid #babcbf; }
    #flip-scroll th:last-child, #flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }}
@media only screen and (max-width: 988px) {
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {display: block;}
    #no-more-tables thead tr {position: absolute;top: -9999px;left: -9999px;}
    #no-more-tables tr { border: 1px solid #ccc; }
    #no-more-tables td {border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;white-space: normal;text-align:left;}
    #no-more-tables td:before{position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold;}
    #no-more-tables td:before { content: attr(data-title); }}
@media screen and (max-width:430px){.table tbody .conten_img .imgproventa{height: 100px;width: 100px;}.table tbody tr td {font-size: 13px;}}