* {
       padding: 0;
       margin: 0;
       box-sizing: border-box;
       scroll-behavior: smooth;
       list-style: none;
       text-decoration: none;
   }

   body {
       padding: 50px;
       width: 100%;
       background-color: #fff;
   }

   input[type=text],
   [type=email] {
       width: 100%;
       padding: 12px 20px;
       margin: 8px 0;
       box-sizing: border-box;
       border: 3px solid #ccc;
       -webkit-transition: 0.5s;
       transition: 0.5s;
       outline: none;
   }

   input[type=text]:focus {
       border: 3px solid #58a0e7;
   }

   input[type=email]:focus {
       border: 3px solid #58a0e7;
   }

   input[type=submit] {
       width: 100%;
       background-color: #58a0e7;
       color: white;
       padding: 14px 20px;
       margin: 8px 0;
       border: none;
       border-radius: 4px;
       cursor: pointer;
   }

   input[type=submit]:hover {
       background-color: #258ef7;
   }

   /* .container{
        width: 100%;
   } */
   .pdf {
       margin-left: 10rem;
       margin-right: 10rem;
       padding: 50px;
   }

   .subject {
       font-weight: bold;
       margin-top: 5rem;
   }

   .card-outline-secondary {
       width: 206%;
       padding: 5rem;
   }


   .row {
       width: 100%;
   }

   /* .qrcode{
    margin-left: 20rem;  
} */
   @media(max-width:1560px) {
       .card-outline-secondary {
           width: 206%;
       }
   }

   @media(max-width:1140px) {
       .card-outline-secondary {
           width: 206%;
       }
   }

   @media(max-width:720px) {
       .card-outline-secondary {
           width: 206%;
       }
   }

   @media(max-width:575px) {
       .card-outline-secondary {
           width: 206%;
       }
   }

   .mt-50 {
       margin-top: 30px
   }

   .mb-50 {
       margin-bottom: 30px
   }

   /* .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .1875rem
} */

   .card-img-actions {
       position: relative
   }

   .card-body {
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
       padding: 1.25rem;
       text-align: center
   }

   .card-title {
       margin-top: 10px;
       font-size: 17px
   }

   .invoice-color {
       color: red !important
   }

   /* .card-header {
    padding: .9375rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .02);Fborder
    border-bottom: 1px solid rgba(0, 0, 0, .125)
} */

   a {
       text-decoration: none !important
   }

   .btn-light {
       color: #333;
       background-color: #fafafa;
       border-color: #ddd
   }

   /* .header-elements-inline {
       display: -ms-flexbox;
       display: flex;
       -ms-flex-align: center;
       align-items: center;
       -ms-flex-pack: justify;
       justify-content: space-between;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap
   } */

   @media (min-width: 768px) {
       .wmin-md-400 {
           min-width: 400px !important
       }
   }

   .btn-primary {
       color: #fff;
       background-color: #2196f3
   }

   .btn-labeled>b {
       position: absolute;
       top: -1px;
       background-color: blue;
       display: block;
       line-height: 1;
       padding: .62503rem
   }