/*
* {
   transition: all 0.5s ease 0s;
}
*/
input {
   height: 30px;
   width: 100%;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 18px !important;
}

select {
   height: 30px;
   width: 100%;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 18px !important;
}

ul li {
   list-style: none;
}

#salutation h1, p {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   text-rendering: optimizelegibility;
}

.step-one {
   margin-bottom: -10px
}

   .register-req, .step-one .heading {
      background: none repeat scroll 0 0;
      color: #363432;
      font-size: 20px;
      margin-bottom: 35px;
      padding: 35px 35px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      text-rendering: optimizelegibility;
   }

.register-req {
   font-size: 16px;
   font-weight: 300;
   padding: 60px 60px;
   margin-top: 35px;
   color: #696763;
}

   .register-req p {
      margin-bottom: 0
   }

.schoolLogo {
   max-height: 210px;
   margin-right: 7px;
   margin-left: 7px;
   padding-top: 9px;
   padding-bottom: 7px;
   padding-left: 20px;
}


.form-control {
   display: block;
   width: 100%;
   height: 34px;
   /*padding:0px;*/
   font-size: 14px;
   line-height: 1.428571429;
   color: #999999;
   vertical-align: left;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.container .jumbotron {
   border-radius: 7px;
   margin-right: 18px;
   margin-left: 58px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.jumbotron p {
   font-size: 18px;
}

.well-lg {
   padding: 29px;
   -webkit-border-radius: 0px 55px 0px 61px;
   -moz-border-radius: 0px 55px 0px 61px;
   border-radius: 0px 55px 0px 61px;
   float: right;
   background-color: #E4EAF1;
   text-align: center;
   font-size: medium;
   font-weight: 700;
}

#PCIcurvedBackground {
   margin-top: 13px;
   width: 100%;
   display: table;
   -webkit-border-radius: 0px 60px 0px 57px;
   -moz-border-radius: 0px 60px 0px 57px;
   border-radius: 0px 60px 0px 57px;
   background-color: #FFFFFF !important;
   -webkit-box-shadow: #B3B3B3 7px 7px 7px;
   -moz-box-shadow: #B3B3B3 7px 7px 7px;
   box-shadow: #B3B3B3 7px 7px 7px;
}

.BillingInfo {
   margin-bottom: 3.125em;
}

   .BillingInfo .total_area {
      padding-bottom: 18px !important;
   }

.BillingInfo, .BillingInfo {
   border: #ffffff;
   color: #696763;
   padding: 1.875em 1.563em 1.875em 0;
   margin-bottom: 5.000em;
}

/*.total_area span {
  float: right;
}*/

.shippingInfo {
   float: none !important;
   margin-top: 3px;
   font-size: large;
}

.total_area ul.totalrow li.totalrow {
   background: #E6E4DF;
   color: #696763;
   margin-top: 0.625em;
   padding: 0.438em 1.250em;
   height: 40px;
   text-align: left !important;
}

.TABLE {
   BORDER-RIGHT: none;
   BORDER-TOP: none;
   BORDER-LEFT: none;
   BORDER-BOTTOM: none;
}

#R1_ctl01_txtBillingFirstName {
   background-color: Transparent !important;
   border: none !important;
}

#R1_ctl01_txtBillingLastName {
   background-color: Transparent !important;
   border: none !important;
}

.InvoiceField {
   background-color: Transparent !important;
   border: none !important;
}

.select InvoiceField validate[required] {
   width: 0.287em;
   color: #555;
}

#R1_ctl01_txtBillingAddress2 {
   background-color: Transparent !important;
   border: none !important;
}

.cancel {
   float: right;
   color: #dddddd;
}

.OPRAPayInvoice {
   height: 100%;
}

#buttonSectionPayOrCancel {
   float: right;
}

td, strong, b, th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #575757;
}

#R1_ctl01_divShipToInfo {
   font-weight: 600;
   color: #696763;
}

input.cc_validator {
   -webkit-box-shadow: inset 0 1px 3px -1px #aaaaaa;
   -moz-box-shadow: inset 0 1px 3px -1px #aaaaaa;
   box-shadow: inset 0 1px 3px -1px #aaaaaa;
   border: 1px solid #aaa;
   border-color: #aaa #ddd #ddd #aaa;
   color: #333;
   display: block;
   font-size: 18px;
   height: 30px;
   padding: 0 5px;
   -moz-box-sizing: content-box;
   background-color: Transparent !important;
}

input.validcc.cc_validator {
   background: url(/Javascript/jquery/CreditCardValidator/tick.png) 99% center no-repeat;
}

.heading h3 {
   margin-top: 0;
}

.heading {
   margin-left: 84px;
}

.trProducts:nth-child(odd) {
   background: #f5f5f5;
}

.moveBillingHead {
   margin-left: 68px;
}



#overlay {
   z-index: 999;
   position: absolute;
   opacity: 0.2;
}


/* New -----------  */

body {
   font-family: Arial;
   background: white !important;
}

.body {
   padding-bottom: 40px;
}

   .body h1,
   .body p {
      color: #888888;
      line-height: 30px;
      font-size: 18px;
   }

   .body h1 {
      color: #333;
      margin-bottom: 20px;
   }

html {
   scroll-behavior: smooth;
}

.lineheight {
   line-height: 30px;
}

input.valid {
   border-right: 5px solid green;
}

input.error {
   border-right: 5px solid red;
}

label.error {
   color: red;
   font-style: italic;
}

.hidden {
   display: none;
   visibility: hidden;
}

.overflow {
   overflow: hidden;
}

.banner {
   width: 100%;
}

.orders th, .orders td {
   text-align: center;
}

.left {
   text-align: left !Important;
}

.center {
   text-align: center !Important;
}

.right {
   text-align: right !Important;
}

.padding-bottom {
   padding-bottom: 15px;
}

.padding-bottom-1 {
   padding-bottom: 5px;
}

.padding-bottom-2 {
   padding-bottom: 40px;
}

.padding-bottom-3 {
   padding-bottom: 60px;
}

.padding-top {
   padding-top: 15px;
}

.padding-top-2 {
   padding-top: 40px;
}

.padding-left {
   padding-left: 40px;
}

.padding-sides {
   padding-left: 15px;
   padding-right: 15px;
   margin-bottom: 5px;
}

.margin-top {
   margin-top: 15px;
}

.section-line {
}

   .section-line h4 {
      font-size: 14px;
      color: #333;
      border-top: 1px solid #e0e0e0;
      padding-top: 10px;
      padding-bottom: 10px;
      text-transform: uppercase;
   }

   .section-line label {
      font-weight: 500;
   }

.border-top-light {
   border-top: 1px solid #e0e0e0;
}

.no-gutters {
   padding-right: 0px !Important;
   padding-left: 0px !Important;
}

.no-gutters-childs > div[class*='col'] {
   padding-right: 15px !Important;
   padding-left: 15px !Important;
}

.text-1 {
   font-weight: bold;
}

.link-valign {
   display: block;
   padding: 8px 0px;
}

.jp-card-container {
   margin: 0px auto;
}

.btn-primary {
   border-radius: 4px;
   padding: 15px 50px;
   font-size: 18px;
}

.table-header-1 {
   font-weight: bold;
   margin-bottom: 10px;
}

.table-product-1 {
   color: gray;
   background-color: #f9f9f9;
   padding: 10px;
   min-height: 60px;
}

.table-header .table-product-1 {
   min-height: 10px;
   line-height: 11px;
   padding: 0px 10px;
}

.productImage {
   max-height: 40px;
   margin-right: 15px;
   border-radius: 10px;
}

.ARBSection .table-product-1 {
   color: #333;
   padding: 0px 10px;
   min-height: auto;
   line-height: 25px;
}

.ARBSection .table-header .table-product-1 {
   color: gray;
   background-color: #ffffff;
   padding: 0px 10px;
   min-height: auto;
   line-height: 15px;
}

.ARBSection .table-row.alt .table-product-1 {
   background-color: #ffffff;
}

.hide {
   display: none;
}

.show {
   display: normal;
}

.orderHeader {
   text-align: center;
   margin-top: 20px;
}

   .orderHeader h4 {
      margin-bottom: 0px;
   }

.modal-title {
   display: inline-block;
}

.modal-header .close {
   margin-top: 7px;
}

.modal.message p {
   padding: 0px 50px;
   margin-bottom: 20px;
}


   .modal.message p.signature {
      font-weight: bold;
      margin-bottom: 10px;
   }

.modal.message .modal-content {
   text-align: center;
}

.modal.message .modal-header img {
   height: 90px;
}

.modal.message .modal-body img {
   height: 60px;
   border-radius: 5px;
   margin: 0px 10px;
}

.modal.message .modal-footer {
   border: 0px;
   padding-top: 0px;
}

.orders a img {
   height: 24px;
}

.btn-secondary {
   background-color: #3292E0;
   color: #fff;
   padding: 5px 40px;
   border-radius: 4px;
   border: 1px solid #3292E0;
}

   .btn-secondary:hover {
      color: #fff;
      border: 1px solid #42a2f0;
   }

.modal-footer {
   text-align: center;
}

.ftr {
   font-size: 14px;
   text-align: center;
   border-top: 1px solid #ccc;
   padding: 20px 0px;
}

   .ftr .hdr {
      background-color: #E4EAF1;
      padding-top: 25px;
      padding-bottom: 15px;
   }

      .ftr .hdr span {
         display: inline-block;
      }

   .ftr .bdy {
      color: #696763;
   }

   .ftr .secure-badge img {
      height: 40px;
   }

.img-smart {
   display: inline-block;
}

.signature {
   text-align: center;
}

   .signature span {
      font-size: 14px;
      padding: 0px 10px;
      border-right: 1px solid black;
   }

      .signature span:last-child {
         border-right: none;
      }

div.blockOverlay {
   opacity: 0.05 !important;
}

div.blockUI.blockMsg {
   border: 1px solid #aaa !important;
   border-radius: 5px !important;
   padding: 0px 0px 30px !Important;
   background: radial-gradient(circle, rgba(255,255,255,.9) 40%, rgba(230,230,230,.7) 75%) !important;
}

   div.blockUI.blockMsg h1 {
      background: transparent url(//content.publishingconcepts.com/DCA/PaySite/800.png) no-repeat center 100% !important;
      padding: 20px 0px 30px;
      color: #333;
   }


/* Media Starts */
@media (min-width: 100px) {
   .img-smart {
      display: block;
      margin: 0px auto;
   }

   .txt-right, .txt-left {
      text-align: center;
   }
}

@media (min-width: 992px) {
   .img-smart {
      display: inline-block;
      margin-top: -20px;
   }

   .txt-right {
      text-align: right;
   }

   .txt-left {
      text-align: left;
   }
}
/*
* {
   transition: all 0.5s ease 0s;
}
*/
input {
   height: 30px;
   width: 100%;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 18px !important;
}

select {
   height: 30px;
   width: 100%;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 18px !important;
}

ul li {
   list-style: none;
}

#salutation h1, p {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   text-rendering: optimizelegibility;
}

.step-one {
   margin-bottom: -10px
}

   .register-req, .step-one .heading {
      background: none repeat scroll 0 0;
      color: #363432;
      font-size: 20px;
      margin-bottom: 35px;
      padding: 35px 35px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      text-rendering: optimizelegibility;
   }

.register-req {
   font-size: 16px;
   font-weight: 300;
   padding: 60px 60px;
   margin-top: 35px;
   color: #696763;
}

   .register-req p {
      margin-bottom: 0
   }

.schoolLogo {
   max-height: 210px;
   margin-right: 7px;
   margin-left: 7px;
   padding-top: 9px;
   padding-bottom: 7px;
   padding-left: 20px;
}


.form-control {
   display: block;
   width: 100%;
   height: 34px;
   /*padding:0px;*/
   font-size: 14px;
   line-height: 1.428571429;
   color: #999999;
   vertical-align: left;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.container .jumbotron {
   border-radius: 4px;
   margin-right: 18px;
   margin-left: 58px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.jumbotron p {
   font-size: 18px;
}

.well-lg {
   padding: 29px;
   -webkit-border-radius: 0px 55px 0px 61px;
   -moz-border-radius: 0px 55px 0px 61px;
   border-radius: 0px 55px 0px 61px;
   float: right;
   background-color: #E4EAF1;
   text-align: center;
   font-size: medium;
   font-weight: 700;
}

#PCIcurvedBackground {
   margin-top: 13px;
   width: 100%;
   display: table;
   -webkit-border-radius: 0px 60px 0px 57px;
   -moz-border-radius: 0px 60px 0px 57px;
   border-radius: 0px 60px 0px 57px;
   background-color: #FFFFFF !important;
   -webkit-box-shadow: #B3B3B3 7px 7px 7px;
   -moz-box-shadow: #B3B3B3 7px 7px 7px;
   box-shadow: #B3B3B3 7px 7px 7px;
}

.BillingInfo {
   margin-bottom: 3.125em;
}

   .BillingInfo .total_area {
      padding-bottom: 18px !important;
   }

.BillingInfo, .BillingInfo {
   border: #ffffff;
   color: #696763;
   padding: 1.875em 1.563em 1.875em 0;
   margin-bottom: 5.000em;
}

/*.total_area span {
  float: right;
}*/

.shippingInfo {
   float: none !important;
   margin-top: 3px;
   font-size: large;
}

.total_area ul.totalrow li.totalrow {
   background: #E6E4DF;
   color: #696763;
   margin-top: 0.625em;
   padding: 0.438em 1.250em;
   height: 40px;
   text-align: left !important;
}

.TABLE {
   BORDER-RIGHT: none;
   BORDER-TOP: none;
   BORDER-LEFT: none;
   BORDER-BOTTOM: none;
}

#R1_ctl01_txtBillingFirstName {
   background-color: Transparent !important;
   border: none !important;
}

#R1_ctl01_txtBillingLastName {
   background-color: Transparent !important;
   border: none !important;
}

.InvoiceField {
   background-color: Transparent !important;
   border: none !important;
}

.select InvoiceField validate[required] {
   width: 0.287em;
   color: #555;
}

#R1_ctl01_txtBillingAddress2 {
   background-color: Transparent !important;
   border: none !important;
}

.cancel {
   float: right;
   color: #dddddd;
}

.OPRAPayInvoice {
   height: 100%;
}

#buttonSectionPayOrCancel {
   float: right;
}

td, strong, b, th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #575757;
}

#R1_ctl01_divShipToInfo {
   font-weight: 600;
   color: #696763;
}

input.cc_validator {
   -webkit-box-shadow: inset 0 1px 3px -1px #aaaaaa;
   -moz-box-shadow: inset 0 1px 3px -1px #aaaaaa;
   box-shadow: inset 0 1px 3px -1px #aaaaaa;
   border: 1px solid #aaa;
   border-color: #aaa #ddd #ddd #aaa;
   color: #333;
   display: block;
   font-size: 18px;
   height: 30px;
   padding: 0 5px;
   -moz-box-sizing: content-box;
   background-color: Transparent !important;
}

input.validcc.cc_validator {
   background: url(/Javascript/jquery/CreditCardValidator/tick.png) 99% center no-repeat;
}

.heading h3 {
   margin-top: 0;
}

.heading {
   margin-left: 84px;
}

.trProducts:nth-child(odd) {
   background: #f5f5f5;
}

.moveBillingHead {
   margin-left: 68px;
}



#overlay {
   z-index: 999;
   position: absolute;
   opacity: 0.2;
}


/* New -----------  */

body {
   font-family: Arial;
   background: white !important;
}

.body {
   padding-bottom: 40px;
}

   .body h1,
   .body p {
      color: #888888;
      line-height: 30px;
      font-size: 18px;
   }

   .body h1 {
      color: #333;
      margin-bottom: 20px;
   }

html {
   scroll-behavior: smooth;
}

.lineheight {
   line-height: 30px;
}

input.valid {
   border-right: 5px solid green;
}

input.error {
   border-right: 5px solid red;
}

label.error {
   color: red;
   font-style: italic;
}

.hidden {
   display: none;
   visibility: hidden;
}

.overflow {
   overflow: hidden;
}

.banner {
   width: 100%;
}

.orders th, .orders td {
   text-align: center;
}

.left {
   text-align: left !Important;
}

.center {
   text-align: center !Important;
}

.right {
   text-align: right !Important;
}

.padding-bottom {
   padding-bottom: 15px;
}

.padding-bottom-1 {
   padding-bottom: 5px;
}

.padding-bottom-2 {
   padding-bottom: 40px;
}

.padding-bottom-3 {
   padding-bottom: 60px;
}

.padding-top {
   padding-top: 15px;
}

.padding-top-2 {
   padding-top: 40px;
}

.padding-left {
   padding-left: 40px;
}

.padding-sides {
   padding-left: 15px;
   padding-right: 15px;
   margin-bottom: 5px;
}

.margin-top {
   margin-top: 15px;
}

.section-line {
}

   .section-line h4 {
      font-size: 14px;
      font-weight: bold;
      color: #666;
      border-top: 1px solid #e0e0e0;
      padding-top: 10px;
      padding-bottom: 10px;
      text-transform: uppercase;
   }

   .section-line label {
      font-weight: 500;
   }

.border-top-light {
   border-top: 1px solid #e0e0e0;
}

.no-gutters {
   padding-right: 0px !Important;
   padding-left: 0px !Important;
}

.no-gutters-childs > div[class*='col'] {
   padding-right: 15px !Important;
   padding-left: 15px !Important;
}

.text-1 {
   font-weight: bold;
   color: #666;
}

.link-valign {
   display: block;
   padding: 8px 0px;
}

.jp-card-container {
   margin: 0px auto;
}

.btn-primary {
   border-radius: 4px;
   padding: 15px 50px;
   font-size: 18px;
}

.table-header-1 {
   font-weight: bold;
   margin-bottom: 10px;
}

.table-product-1 {
   color: #333;
   background-color: #f9f9f9;
   padding: 10px;
   min-height: 60px;
}

.productImage {
   max-height: 40px;
   margin-right: 15px;
   border-radius: 10px;
}

.hide {
   display: none;
}

.show {
   display: normal;
}

i.lf, i.lf, i.lf {
   padding-right: 5px;
}

i.rt, i.rt, i.rt {
   padding-left: 5px;
}

.orderHeader {
   text-align: center;
   margin-top: 20px;
}

   .orderHeader h4 {
      margin-bottom: 0px;
   }

.modal-title {
   display: inline-block;
}

.modal-header .close {
   margin-top: 7px;
}

.modal.message p {
   padding: 0px 50px;
   margin-bottom: 20px;
}


   .modal.message p.signature {
      font-weight: bold;
      margin-bottom: 10px;
   }

.modal.message .modal-content {
   text-align: center;
}

.modal.message .modal-header img {
   height: 90px;
}

.modal.message .modal-body img {
   height: 60px;
   border-radius: 5px;
   margin: 0px 10px;
}

.modal.message .modal-footer {
   border: 0px;
   padding-top: 0px;
}

.orders a img {
   height: 24px;
}

.btn-secondary {
   background-color: #3292E0;
   color: #fff;
   padding: 5px 40px;
   border-radius: 15px;
   border: 1px solid #3292E0;
}

   .btn-secondary:hover {
      color: #fff;
      border: 1px solid #42a2f0;
   }

.modal-footer {
   text-align: center;
}

.ftr {
   font-size: 14px;
   text-align: center;
   border-top: 1px solid #ccc;
   padding: 20px 0px;
}

   .ftr .hdr {
      background-color: #E4EAF1;
      padding-top: 25px;
      padding-bottom: 15px;
   }

      .ftr .hdr span {
         display: inline-block;
      }

   .ftr .bdy {
      color: #696763;
   }

   .ftr .secure-badge img {
      height: 40px;
   }

.img-smart {
   display: inline-block;
}

.signature {
   text-align: center;
}

   .signature span {
      font-size: 14px;
      padding: 0px 10px;
      border-right: 1px solid black;
   }

.signature img {
   display: none;
}

.signature span:last-child {
   border-right: none;
}

div.blockOverlay {
   opacity: 0.05 !important;
}

div.blockUI.blockMsg {
   border: 1px solid #aaa !important;
   border-radius: 5px !important;
   padding: 0px 0px 30px !Important;
   background: radial-gradient(circle, rgba(255,255,255,.9) 40%, rgba(230,230,230,.7) 75%) !important;
}

   div.blockUI.blockMsg h1 {
      background: transparent url(//content.publishingconcepts.com/DCA/PaySite/800.png) no-repeat center 100% !important;
      padding: 20px 0px 30px;
      color: #333;
   }


/* Media Starts */
@media (min-width: 100px) {
   .img-smart {
      display: block;
      margin: 0px auto;
   }

   .txt-right, .txt-left {
      text-align: center;
   }
}

@media (min-width: 992px) {
   .img-smart {
      display: inline-block;
      margin-top: -20px;
   }

   .txt-right {
      text-align: right;
   }

   .txt-left {
      text-align: left;
   }
}