.table-container{overflow-x:auto;width:100%}table{border-collapse:collapse;margin:20px 0;width:100%}td,th{border:1px solid #ddd;padding:10px;text-align:left}th{background-color:#f4f4f4}.add{display:inline-block;font-weight:700;height:40px;transform-origin:center}.add,.plus{transition:all .4s ease-in-out}.plus{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;padding:10px}.plus,.plus>h3:hover{color:#bd3826}.rotate{transform:rotate(45deg)}.pop{display:none}@media (max-width:768px){tr{margin-bottom:10px}td{align-items:center;border:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 10px 10px 50%;position:relative;text-align:right}td:before{content:attr(data-label);font-weight:700;left:10px;padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:calc(50% - 20px)}td[data-label=Model]{background-color:#343a40;color:#fff}.table-container table,.table-container tbody,.table-container td,.table-container th,.table-container thead,.table-container tr{display:block}.table-container thead tr{display:none}.table-container tr{cursor:pointer;margin-bottom:10px}.table-container td{border:1px solid #99acc2;padding:10px;position:relative;text-align:right}.table-container td:before{content:attr(data-label);font-weight:700;left:10px;position:absolute;text-align:left;white-space:nowrap;width:calc(50% - 20px)}.table-container tr.model-row td:not(:first-child){display:none}.table-container tr.model-row.active td,.table-container tr.model-row.active td:before{display:block}.table-container tr.model-row th{display:none}}