*{margin:0;padding:0;box-sizing:border-box;font-family:Fira sans,sans-serif;font-size:16px}body{background:#6c5ce7;color:#fff}.container{width:100%;max-width:950px;margin-top:5rem;margin-left:auto;margin-right:auto}.card__header{display:flex;justify-content:space-between;align-items:center}.card__content{border:1px solid #e0e0e0;box-shadow:0 6px 13px -12px #32325d33,0 3px 7px -3px #6e6e6e1a;border-radius:4px;background-color:#fff;color:#000;margin-top:30px;margin-bottom:30px;padding-bottom:30px}.card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.card__content--header{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;padding:30px}.invoice__title{margin-top:10px;margin-bottom:10px}h2{display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}.btn-secondary{background:#fff;color:#000}.btn-secondary:hover{background:#f1f1f1;color:#6a727a}table{background:#f1f1f1;margin-top:20px;margin-bottom:30px}.table--filter{border-bottom:1px solid #e0e0e0;padding:20px 30px;margin-bottom:20px}.table--filter--list{display:flex;justify-content:flex-start;list-style:none}.table--filter--link--active{color:#006fbb;font-weight:500}.table--filter--link{margin-right:1rem}.table--filter--collapseBtn{display:none}ul{list-style:none}.table--search{padding:0 30px;display:grid;-ms-grid-columns:minmax(150px,auto) minmax(180px,1fr);grid-template-columns:minmax(150px,auto) minmax(180px,1fr);margin-top:30px;margin-bottom:30px}.table--search--wrapper{position:relative}.table--search--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eee;color:#6a727a;width:100%;border:none;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-top-left-radius:3px;border-bottom-left-radius:3px;padding:10px 20px}.relative{position:relative}.table--search--input--icon{top:12px;left:12px;color:#d4d4d4;position:absolute}.table--search--input{width:100%;border:none;color:#454f5b;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:10px 20px 10px 40px}.table--heading{padding:0 30px;gap:10px;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));color:#808891;font-size:14px;font-weight:500;border-bottom:1px solid #e0e0e0;padding-bottom:1.2rem;margin-top:20px}.table--items{padding:10px 30px!important;gap:10px;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(100px,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(100px,1fr));-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e0e0e0;padding:.6rem 0}.table--items--transactionId{color:#006fbb;font-weight:500}.input{padding:9px 15px;border:1px solid #e0e0e0;border-radius:4px;width:100%}.my-1{margin-top:10px;margin-bottom:10px}.selectBtnFlat{border:none;padding:9px 15px;border-radius:4px;cursor:pointer;position:relative;color:#fff;background:none}.table--heading2{display:grid;grid-template-columns:550px 1fr 1fr 1fr 25px;grid-gap:10px;padding:10px 30px!important;font-weight:900;border-bottom:1px solid #e0e0e0;background:#ddd}.table--items2{display:grid;grid-template-columns:550px 1fr 1fr 1fr 25px;grid-gap:10px;align-items:center;border-bottom:1px solid #e0e0e0;padding:10px 30px!important}.table__footer{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;padding:10px 30px!important}.table__footer--subtotal{display:grid;grid-template-columns:1fr 1fr;font-weight:500;margin-top:30px;margin-bottom:20px}.table__footer--subtotal p,.table__footer--subtotal span{font-size:20px}.table__footer--discount{display:grid;grid-template-columns:1fr 1fr;font-weight:500;margin-bottom:20px}.table__footer--discount p{font-size:20px}.table__footer--total{display:grid;grid-template-columns:1fr 1fr;font-weight:500;margin-bottom:20px}.table__footer--total p,.table__footer--total span{font-size:26px}.textarea{padding:9px 15px;border:1px solid #e0e0e0;border-radius:4px;width:100%;font-size:1.1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.modal{display:none;position:fixed;z-index:1;padding-top:20%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;color:#454f5b}.show{display:block!important}.modal__content{background-color:#fff;margin:auto;padding:20px;width:100%;max-width:500px;box-shadow:0 2px 15px #23282f40;position:relative;border:none;border-radius:7px}.modal__close{color:#aaa;font-size:28px;font-weight:700;top:5px;right:15px;position:absolute;cursor:pointer}.modal__title{margin-bottom:20px}.modal__items{display:flex;justify-content:space-between;align-items:center}.inputAdd{padding:9px 15px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;width:100%}.inputAdd__Btn{background:#5463c1;color:#fff;border-top:1px solid #5463c1;border-right:1px solid #5463c1;border-bottom:1px solid #5463c1;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;padding:9px 15px;cursor:pointer}.model__footer{display:flex;justify-content:flex-end;align-items:center;margin-top:20px}.btn{border:1px solid #6a727a;padding:9px 15px;border-radius:4px;cursor:pointer}.btn-light{border:1px solid #808891;background:#fff;color:#454f5b}.mr-2{margin-right:20px}.card__header--title{display:flex;justify-content:flex-start}.card__header--title h1{padding-right:5px}.card__header-list{display:flex;justify-content:flex-start;list-style:none;margin-top:10px;margin-bottom:10px}.invoice{background:#fff;color:#000}.logo{padding-top:40px;padding-left:25px;height:60px;padding-bottom:15px}.invoice__header--title{background-color:#fca120;display:grid;grid-template-columns:65% 1fr 1fr;margin-top:80px}.invoice__header--title-1{font:700 100% sans-serif;letter-spacing:.1em;text-transform:uppercase;background-color:#fff;text-align:center;font-size:36px;padding-left:45px;padding-right:45px}.invoice__header--item{display:grid;grid-template-columns:1fr 1fr;grid-gap:200px;padding:40px}.invoice__header--item1{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-top:30px}.invoice__header--item1 p,.invoice__header--item1 span{font-size:20px}.invoice__header--item2{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.invoice__header--item2 p,.invoice__header--item2 span{font-size:20px}.table--heading3{display:grid;grid-template-columns:25px 500px 1fr 1fr 1fr;grid-gap:10px;padding:10px 30px!important;font-weight:900;background-color:#000;color:#fff;font-size:20px}.py1{padding-left:40px;padding-right:40px}.table--items3{display:grid;grid-template-columns:25px 500px 1fr 1fr 1fr;grid-gap:10px;align-items:center;border-bottom:1px solid #e0e0e0;padding:10px 30px!important;font-size:16px;color:#000}.table--items--transactionId3{color:#000;font-weight:500}.invoice__subtotal{display:grid;grid-template-columns:1fr 1fr;grid-gap:200px;padding-top:10px;padding-left:40px;padding-right:40px}.invoice__subtotal--item1{display:flex;justify-content:space-between;align-items:center;margin-top:30px;margin-bottom:20px}.invoice__subtotal--item1 p{font-size:20px;padding-left:55px}.invoice__subtotal--item1 span{font-size:20px}.invoice__subtotal--item2{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.invoice__subtotal--item2 p{font-size:20px;padding-left:55px}.invoice__subtotal--item2 span{font-size:20px}.invoice__total{display:grid;grid-template-columns:1fr 1fr;grid-gap:150px;padding:25px}.grand__total{margin-top:50px;background-color:#fca120;color:#000}.grand__total--items{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:15px;padding:15px .5in;font-size:26px}.grand__total--items p,.grand__total--items span{font-size:26px}