@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap");
body.Webgood h1,
body.Webgood h2,
body.Webgood h3,
body.Webgood h4,
body.Webgood h5 {
   font-family: Poppins, Geneva, sans-serif;
}
body.Webgood {
   font: 400 14px/1.2 "Poppins", "Arial", "Helvetica", sans-serif;
   box-sizing: border-box;
   color: #303030;
   min-width: 375px;
}
body.Webgood .Frame-Middle .Inner-Container {
   max-width: 1590px;
}

.Webgood .Frame-Middle a {
   color: #FF2B0F;
   text-decoration: underline;
}
.Webgood .Frame-Middle a:hover {
   color: #1a1a1a;
   text-decoration: none;
}
.Webgood-Statement td {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   padding: 5px 0;
}
.Webgood {
   font-size: 14px;
}
.Webgood .Frame-Middle .Main-Content {
   margin: 0 0 0 280px;
   padding: 0;
   overflow: hidden;
   background: #fff;
   padding-bottom: 30px;
   border-radius: 5px;
   box-shadow: 0 10px 15px #00284b1a;
}
.Webgood .Frame-Middle .Side-Content {
   width: 280px;
}
.Webgood .Side-Content p {
   font-weight: 400;
   text-align: left;
   font-size: 16px;
   line-height: 1.3;
}
.Webgood .Side-Content h3 {
   text-transform: capitalize;
   font-size: 22px;
   font-weight: 700;
   margin: 10px 0;
   line-height: 1.3;
}
.Webgood .Side-Content .Side-Content-Item {
   padding: 1px 40px 0 16px;
   margin-top: 135px;
   border-left: 3px solid #FF2B0F;
   border-top: none;
   border-bottom: none;
   border-right: none;
   text-align: left;
   font-size: 16px;
   line-height: 1.3;
}
.Webgood .Webgood-Transaction-Information h3 {
   font-size: 30px;
   color: #303030!important;
   margin: 0 0 10px 0;
   text-transform: none;
   font-weight: 600;
}
.Webgood .Webgood-Statement {
   margin: 10px 0 0;
   border: 2px solid #49bde2;
   border-radius: 5px;
   padding: 15px !important;
   border-collapse: inherit;
}
.Webgood .Print-Page {
   display: block;
   background: #49bde2 url("/Publishers/1001837/Designer/style222/iconPrinter.png") no-repeat
      center 10px;
   padding: 40px 10px 10px 10px;
   text-align: center;
   text-transform: uppercase;
   height: auto;
   border-radius: 5px;
}
.Webgood .Print-Page a {
   color: #ffffff;
}
.Webgood .Statement-Example {
   width: auto;
   margin: 0;
   background-image: none;
}
.Webgood-Purchase th.Purchase-Price,
.Webgood-Purchase td.Purchase-Price {
   white-space: nowrap;
}
.Webgood .Top-Main-Content {
   max-width: 75%;
   padding: 30px 0 30px 30px;
}
.Webgood .Step-Wrap .Step {
   text-indent: initial;
}
.Webgood .Webgood-Purchase-Summary-Title h1,
.Webgood .Webgood-Billing-Information-Title h1 {
   background: #ffffff;
}
.Webgood .Statement-Example h3 {
   margin: 15px 0 0;
}
.Webgood .DoubleDescriptorInfo {
   margin: 15px 0 0;
}
.Webgood .Webgood-Purchase td {
   padding: 10px 0;
}
p.hideOnPrint {
   color: #666666;
   font-size: 20px;
}
.Webgood-Purchase-Summary p {
   font-size: 18px;
   color: #303030;
}
.Webgood-Statement td.Statement-Price {
   text-align: right;
   padding-right: 5px;
}

.Webgood-Billing th {
   white-space: nowrap;
}

.Webgood-Billing td {
   max-width: 100px;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.Webgood-Purchase td.Purchase-Price {
   vertical-align: top;
   padding-top: 10px;
}
.Webgood .Webgood-Purchase-Summary-Title h1,
.Webgood .Webgood-Billing-Information-Title h1 {
   background: #ffffff;
   line-height: 2em;
   font-size: 24px;
   font-weight: bold;
   color: #303030!important;
   text-indent: 0;
   text-transform: capitalize;
   margin: 0;
}
.Webgood .Webgood-Purchase th {
   font-size: 18px;
   padding: 9px 4px 9px 0;
}
body.Webgood div.Print-Page {
   top: 15px;
}
.Frame-Middle a.Access-Link:hover {
   color: #1a1a1a;
   transition: all 0.3s linear;
   background: #dc250d;
}

.Frame-Middle a.Access-Link {
   font-size: 16px;
   text-transform: uppercase;
   color: #ffffff;
   text-decoration: none;
   border-radius: 20px;
   background-color: #FF2B0F;
   padding: 12px 25px;
   display: block !important;
   margin-bottom: 10px;
   position: relative;
   width: max-content;
   margin-top: 15px;
   z-index: 2;
   text-align: center;
   line-height: 16px;
   transition: all 0.3s linear;
}
.Webgood-Summary {
   font-size: 16px;
}
.Webgood-Purchase h5 {
   font-size: 16px;
}
.Webgood-Billing {
   font-size: 16px;
}
.Webgood-Billing tr:first-child th:first-child {
   width: 35%;
}
body.Webgood div.Frame-Middle .Inner-Container .Side-Content {
    background: transparent!important;
}
body.Webgood .Frame-Middle .Inner-Container {
   background: transparent !important;
}
div.Webgood-Purchase-Notice-Wrap {
   margin: 1%;
}

@media (min-width: 1300px) {
   .Webgood-Statement td.company {
      width: 100%;
      padding: 5px 20px;
      box-sizing: border-box;
      white-space: nowrap;
   }
}
@media (max-width: 1300px) {
   body.Webgood .Frame-Middle .Main-Content {
      margin: 0;
      padding: 0;
      overflow: hidden;
      width: 100%;
   }
   body.Webgood .Frame-Middle .Side-Content {
      width: 100%;
   }
   body.Webgood .Side-Content .Side-Content-Item {
      padding: 1px 40px 0 16px;
      margin-top: 0;
   }
   body.Webgood .Webgood-Statement {
      width: 100%;
   }
}
@media (min-width: 769px) {
   .Webgood-Purchase-Summary-Wrap,
   .Webgood-Billing-Information-Wrap,
   .Webgood-Purchase-Notice-Wrap {
      width: 49%;
      float: left;
      background: #fff;
      padding: 0 30px;
      box-sizing: border-box;
   }
   body.Webgood .Frame-Middle .Inner-Container {
      background: transparent !important;
   }
   .Webgood-Purchase-Summary-Wrap {
      border-right: 1px solid #dfdfdf;
   }
}
@media (max-width: 768px) {
   .Webgood .Frame-Middle .Inner-Container .Main-Content {
      padding: 20px;
      box-sizing: border-box;
      margin: 0;
   }
   .Webgood .Webgood-Statement td {
      padding: 10px 0 10px 0;
   }
   .Webgood .Webgood-Billing-Information .Statement-Example {
      margin: 15px 0;
   }
   .Webgood .Main-Content .Print-Page {
      display: none;
   }
   body.Webgood .Webgood-Statement {
      background: none;
   }
   body.Webgood .Side-Content {
      display: block;
   }
   body.Webgood .Frame-Middle .Main-Content {
      box-shadow: none;
   }
   body.Webgood .Top-Main-Content {
      max-width: 100%;
      padding: 0;
   }
   body.Webgood div.Side-Content .Side-Content-Item {
      padding: 1px 15px 0 15px;
      font-size: 13px;
   }
   body.Webgood div.Side-Content .Side-Content-Item p {
      font-size: 13px;
   }
   .Webgood .Statement-Example {
      height: auto;
   }
   .Webgood .Webgood-Statement td.Statement-Date {
      padding-left: 0;
   }
   div.Webgood-Purchase-Notice-Wrap {
      padding: 10px;
   }
}

@media (max-width: 480px) {
   body.Webgood .Webgood-Statement {
      background-image: none;
   }
   body.Webgood .Webgood-Purchase-Summary-Title h1,
   body.Webgood .Webgood-Billing-Information-Title h1 {
      text-indent: 0;
      padding: 0 5px;
   }
   body.Webgood .Webgood-Transaction-Information h3 {
      font-size: 25px;
   }
   .Webgood p.hideOnPrint {
      font-size: 16px;
   }
}

@media (max-width: 376px) {
   .Frame-Middle a.Access-Link {
      font-size: 14px;
      padding: 12px 10px;
      margin-top: 20px;
   }
}
