Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html,
- body {
- margin: 0;
- height: 100%;
- background: #f3f6f9;
- }
- .div-header {
- display: inline-flex;
- }
- .date-div {
- float: right;
- }
- header {
- height: 50px;
- background: #fff;
- }
- .container-products {
- margin-right: auto;
- margin-left: auto;
- width: 90%;
- background: #fff;
- align-items: center;
- border-bottom: 2px solid #000;
- margin: 0 50px;
- }
- .container-all-total {
- width: 90%;
- background: #fff;
- margin: 0 50px;
- }
- .total-table {
- display: flex;
- flex-direction: column;
- align-items: flex-end;
- }
- .button-col {
- display: flex;
- justify-content: flex-end;
- }
- .discount-col {
- display: flex;
- justify-content: flex-end;
- margin-top: 100px;
- margin-bottom: 10px;
- }
- .row {
- width: 100%;
- }
- h6 {
- width: 200px;
- height: 50px;
- display: inline-block;
- margin-left: 9px;
- text-align: center;
- padding-top: 10px;
- }
- .invoice {
- background: #7f63f4;
- }
- .client {
- font-weight: bold;
- text-shadow: 1px 2px 5px #000;
- }
- .name {
- font-weight: bold;
- text-shadow: 1px 2px 5px #000;
- }
- .date {
- font-weight: bold;
- text-shadow: 1px 2px 5px #000;
- }
- .icon {
- margin-left: 50px;
- }
- .table {
- width: 100%;
- }
- input,
- label {
- display: block;
- }
- .btnAdd {
- width: 200px;
- background: lightgreen;
- border: none;
- border-radius: 5px;
- margin-bottom: 20px;
- }
- .total {
- width: 100%;
- }
- footer {
- text-align: center;
- }
- @media screen and (max-width: 950px) {
- .name-div,
- .date-div,
- .client-div {
- display: none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement