.loader{width:48px;height:48px;border:5px dotted #711d1d;border-radius:50%;display:inline-block;position:fixed;box-sizing:border-box;animation:rotation 2s linear infinite;z-index:99999;top:300px;left:700px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:Arial,sans-serif;background:#f4f4f4;margin:0}.invoice-box{width:900px;margin:auto;background:#fff;padding:40px;box-shadow:0 0 15px #0000001a}.top-section{display:flex;justify-content:space-between;align-items:center}.logo h2{margin:0;font-weight:700}.logo span{font-size:14px;color:#555}.invoice-title{text-align:right}.invoice-title h1{margin:0;color:#2f6db5;letter-spacing:2px}hr{margin:25px 0;border:none;border-top:2px solid #2f6db5}.details{display:flex;justify-content:space-between;margin-bottom:30px}.details-left h3{margin:5px 0}.details-left p,.details-right p{margin:3px 0;font-size:14px}table{width:100%;border-collapse:collapse;margin-bottom:20px}table thead{background:#2f6db5;color:#fff}table th,table td{padding:10px;text-align:center;border:1px solid #ddd}table tbody tr:nth-child(2n){background:#f2f7fc}.summary{width:100%;display:flex;justify-content:flex-end;margin-bottom:30px}.summary table{width:300px}.summary td{text-align:right;padding:8px}.grand-total{background:#2f6db5;color:#fff;font-weight:700}.payment{display:flex;justify-content:space-between;margin-top:20px}.payment-left h4{background:#2f6db5;color:#fff;padding:8px;margin:0 0 10px;display:inline-block}.footer{margin-top:40px;font-size:14px;display:flex}.signature{text-align:right}.contact-info{margin-top:30px;display:flex;justify-content:space-between;font-size:14px;border-top:2px solid #2f6db5;padding-top:15px}.line{border-bottom:1px solid #000;height:30px;margin-bottom:10px}.row{margin-top:15px}.label{font-size:14px}.flex{display:flex;justify-content:space-between;align-items:center}.container{width:900px;margin:20px auto;background:#fff;padding:30px;box-shadow:0 0 10px #0000001a}.header{text-align:center}.header h1{letter-spacing:3px;font-weight:500}.company{margin-top:10px}.section{margin-top:20px}.flex{display:flex;justify-content:space-between}.box{width:48%}.box p{margin:4px 0;font-size:14px}.blue-bar{background:#1f5fa8;color:#fff;padding:6px 10px;font-weight:700;margin-top:20px}table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}table th{background:#1f5fa8;color:#fff;padding:8px;border:1px solid #ccc}table td{padding:8px;border:1px solid #ccc;text-align:center}.summary{width:300px;float:right;margin-top:10px}.summary td{padding:6px}.summary .total{font-weight:700}.terms{margin-top:40px;font-size:13px}.sign{text-align:right;margin-top:40px;font-size:13px}.container{width:900px;margin:auto;background:#fff;padding:20px;box-shadow:0 0 10px #0000001a}.header{display:flex;justify-content:space-between;align-items:flex-start}.company-info h1{margin:0;font-size:26px}.company-info p{margin:5px 0 15px;color:#555}.logo-box{width:200px;height:80px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;color:#999;margin-top:10px}.title{text-align:right}.title h2{margin:0;font-size:28px;color:#1f4e79}.info-table{margin-top:10px;font-size:14px}.info-table td{padding:4px 8px}.section{margin-top:20px;display:flex;justify-content:space-between}.address-box{width:48%}.section-title{background:#1f4e79;color:#fff;padding:5px 10px;font-weight:700}.address-content{padding:10px;border:1px solid #ddd;font-size:14px}table.items{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}table.items th{background:#1f4e79;color:#fff;padding:8px;border:1px solid #ddd}table.items td{padding:8px;border:1px solid #ddd;text-align:center}table.items td.desc{text-align:left}.footer{margin-top:30px;font-size:12px;text-align:center;color:#444}.footer strong{display:block;margin-top:10px;font-size:14px}@media print{body{background:none}.container{box-shadow:none}}.voucher{width:900px;margin:30px auto;background:#fff;padding:30px 40px}.center{text-align:center}.company-name{font-size:22px;font-weight:700}.company-details{font-size:14px;margin-top:5px}hr{margin:15px 0;border:0;border-top:1px solid #000}.title{text-align:center;margin-bottom:20px}.title .ar{font-family:Noto Naskh Arabic,serif;font-size:26px;font-weight:700}.title h2{margin:0}.row{display:flex;align-items:center;margin:12px 0}.label{min-width:160px}.line{flex:1;border-bottom:1px dotted #000;height:18px}.small-box{width:60px;height:25px;border:1px solid #000;margin-right:5px}.amount{display:flex;align-items:center}.right{margin-left:auto;display:flex;align-items:center}.ar{font-family:Noto Naskh Arabic,serif;direction:rtl;margin-left:10px}.footer{margin-top:40px;display:flex}.footer .block{width:40%}.footer .line{margin-top:25px}.center-group{display:flex;align-items:center;gap:50px;margin:0 auto}.field{display:flex;align-items:center;gap:10px}.label{white-space:nowrap}.line{width:150px;border-bottom:1px solid #000}.form-control{border:1px solid!important;border-color:#000!important}a{text-decoration:none}p,li,a{font-size:14px}.twelve{width:100%}.eleven{width:91.53%}.ten{width:83.06%}.nine{width:74.6%}.eight{width:66.13%}.seven{width:57.66%}.six{width:49.2%}.five{width:40.73%}.four{width:32.26%}.three{width:23.8%}.two{width:15.33%}.one{width:6.866%}.col{display:block;float:left;margin:1% 0 1% 1.6%}.col:first-of-type{margin-left:0}.container{width:100%;max-width:940px;margin:0 auto;position:relative;text-align:center}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{zoom:1}.pagination{padding:30px 0}.pagination ul{margin:0;padding:0;list-style-type:none}.pagination a{display:inline-block;padding:10px 18px;color:#222}.p1 a{border:.5px solid #e0e0e0;border-radius:50%;width:40px;height:40px;line-height:40px;padding:0;text-align:center}.p1 a.is-active{background-color:#e34142;border-radius:100%;color:#fff}.p2 .is-active li{font-weight:700;border-bottom:3px solid #e34142}.p3 .is-active{background-color:#e34142;color:#fff}.p4 a{width:40px;height:40px;line-height:40px;border-radius:100%;padding:0;text-align:center;position:relative;border:3px solid #e34142}.p4 .is-active:before{content:"";width:30px;height:30px;border-radius:100%;background-color:#e34142;position:absolute;top:5px;left:5px}.p5 a{width:30px;height:5px;padding:0;margin:auto 5px;background-color:#2ecc7166}.p5 .is-active{background-color:#2ecc71}.p6 a{width:30px;height:30px;border-radius:100%;padding:0;margin:auto 5px;text-align:center;position:relative;background-color:#2ecc7166}.p6 .is-active{background-color:#2ecc71}.p7 a{border:3px solid #2ecc71;margin:auto 5px;color:#2ecc71;font-weight:700}.p7 .is-active{background-color:#2ecc71;color:#fff}.p8 a{background-color:#2ecc71;margin:auto 5px;color:#fff;font-weight:700;border:3px solid #2ecc71}.p8 .is-active{background-color:#fff;color:#2ecc71}.p9 a{width:30px;height:30px;line-height:30px;padding:0;text-align:center;margin:auto 5px}.p9 a.is-active{border:3px solid #2ecc71;border-radius:100%}.p10 a{width:30px;height:30px;line-height:30px;padding:0;text-align:center;margin:auto 5px}.p10 a.is-active{border:3px solid #2ecc71}.p11 a{background-color:#2ecc71;margin:auto 5px;color:#fff;border:3px solid #2ecc71;position:relative}.p11 a:first-of-type:before{content:"";position:absolute;top:-3px;left:-25px;border-top:22px solid transparent;border-bottom:22px solid transparent;border-right:22px solid #2ecc71}.p11 a:last-of-type:after{content:"";position:absolute;top:-3px;right:-25px;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:22px solid #2ecc71}.p11 .is-active{font-weight:700}.p12 a:first-of-type,.p12 a:last-of-type,.p12 .is-active{background-color:#2ecc71;color:#fff;font-weight:700}