.my-table>.el-table__header-wrapper th{color:#242121}#TableList{table-layout:auto;width:100%;overflow-x:auto}#TableList td,#TableList th{vertical-align:middle;word-wrap:break-word;padding:10px}.col-tenant{width:28%}.col-category{width:12%}.col-dates{width:10%}.col-lease{white-space:normal!important;width:20%;word-wrap:break-word}.col-action,.col-billing,.col-status{width:10%;text-align:center}#lease{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.lease-container{width:80%;margin:20px auto;font-family:Arial,sans-serif}.lease-header-table{width:100%;margin-bottom:20px}.lease-header-table td,.lease-header-table th{border:none!important}.logo-cell{width:40%;vertical-align:top}.logo{max-width:378px;height:220px}.details-cell{width:60%;vertical-align:top;text-align:left}.lease-heading{margin:0;font-size:15px;font-weight:700}.lease-sub-heding{font-size:16px;font-weight:700;margin-top:20px}.lease-details{margin-top:10px;font-size:12px;line-height:1.6}.lease-table{width:100%;border-collapse:collapse}.lease-table td,.lease-table th{border:0 solid #ccc;padding:10px;text-align:left}.lease-table th{background-color:#f5f5f5}.details-cell2{width:60%;vertical-align:top;text-align:left}.lease-heading2{margin:0;font-size:14px;font-weight:700}.totals-row{padding:0;border:none}.totals{text-align:right;padding:10px;font-size:16px;line-height:1.8}.lease-note,.payment-instructions{margin-top:30px;padding:15px}.lease-note h5,.payment-instructions h5{margin-top:0;color:#333}.lease-note p,.payment-instructions p{font-size:14px;color:#555;margin:0;line-height:1.6}@media (max-width:1024px){.lease-container{width:95%;padding:10px}#TableList{font-size:14px}#TableList td,#TableList th{padding:8px}.col-tenant{width:25%}.col-action,.col-billing,.col-category,.col-dates,.col-status{width:auto}.logo{max-width:250px;height:auto}.lease-heading{font-size:14px}}@media (max-width:768px){.table-responsive-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}#TableList{min-width:800px;font-size:13px}#TableList td,#TableList th{padding:6px;font-size:12px}.col-action .btn{display:block;width:100%;margin-bottom:5px;font-size:11px;padding:4px 8px}.col-action .btn:last-child{margin-bottom:0}.b-form-group{margin-bottom:15px}.b-form-group label{font-size:14px}.btn-success{width:100%;margin-bottom:10px}.lease-container{width:100%;padding:5px}.lease-header-table{display:block}.details-cell,.logo-cell{display:block;width:100%}.logo{max-width:200px;height:auto;margin:0 auto;display:block}.lease-heading{font-size:13px;margin-top:15px}.lease-details{font-size:11px}.lease-table{font-size:12px}.lease-table td,.lease-table th{padding:8px}}@media (max-width:576px){#TableList thead{display:none}#TableList,#TableList tbody,#TableList td,#TableList tr{display:block;width:100%}#TableList tr{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}#TableList td{text-align:left!important;border:none;position:relative;padding:10px 0}#TableList td:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:5px;color:#333}.col-tenant:before{content:"Tenant Information"}.col-category:before{content:"Category"}.col-dates:before{content:"Renewal Date"}.col-lease:before{content:"Lease Type"}.col-billing:before{content:"Billing Frequency"}.col-status:before{content:"Status"}.col-action{display:inline-block;width:auto;margin-right:10px}.col-action:before{content:"";display:none}.col-action .btn{display:inline-block;width:auto;margin-bottom:5px;font-size:12px;padding:6px 12px}.b-input-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.b-input-group-append{width:100%;margin-top:10px}.b-input-group-append .btn{width:100%}.pagination{font-size:14px}.lease-table tr{display:table-row;border:none;margin-bottom:0;padding:0}.lease-table td{display:table-cell;padding:8px}.lease-table td:before{content:none}.lease-sub-heding{font-size:14px}.lease-note,.payment-instructions{padding:10px;font-size:12px}}@media (max-width:400px){.lease-heading{font-size:12px}.logo{max-width:150px}#TableList td{font-size:11px}.col-action .btn{font-size:11px;padding:5px 10px}}@media print{.lease-container{width:100%}.logo{max-width:300px;height:auto}}