@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap');
[id$='donationPanel'] {
background: transparent;
}

/* splash page tiles */

.sp-li {
  width: 33.3%;
}

ul {
    list-style-type: none;
}


.main {
    padding: 0!important;
    background-color: transparent!important;
}

.header {
    display: none;
}

@media (max-width: 820px) { /* not 768, to accommodate bad breakpoint in descriptive text */
   .sp-li {
     width: 100%;}
}

#quicktab .nav-link {
    height: 100%;
}

#quicktab .nav-link span {height: 100%;}

@media (max-width: 768px) {     
    #detailedtab { display: none; }
    
}

hr {
    border-top: 2px solid var(--dark-grey);
}

/* Inputs ------------------------------------ */
fieldset {
border:.2rem solid #dcd7ca;
padding:2rem;
}

legend {
font-size:.85em;
font-weight:700;
padding:0 1rem;
}
/*
label {
display:block;
font-size:1.6rem;
font-weight:400;
margin:0 0 .5rem;
}
*/
label.inline,input[type="checkbox"] + label {
display:inline;
font-weight:400;
margin-left:.5rem;
}

input[type="checkbox"] {
-webkit-appearance:none;
-moz-appearance:none;
position:relative;
top:2px;
display:inline-block;
margin: -0.3rem 0 0 0;
width:1.5rem;
min-width:1.5rem;
height:1.5rem;
background-color:transparent;
border-radius:0;
border-style:solid;
border-width:.1rem;
border-color:#dcd7ca;
box-shadow:none;
cursor:pointer;
}

input[type="checkbox"]:checked::before {
/* Use the "Yes" SVG Dashicon */
content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
position:absolute;
display:inline-block;
margin:-.1875rem 0 0 -.25rem;
height:1.75rem;
width:1.75rem;
}

input,textarea,button,.button,.faux-button,.wp-block-button__link,.wp-block-file__button,select,.search-after,.form-control {
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;
line-height:1;
}

@supports ( font-variation-settings: normal ) {
inputselecttextareabuttonbuttonfaux-buttonfaux-buttonmore-linkwp-block-button__linkwp-block-file__buttonsearch-afterform-controlfont-family:"Inter var",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;
}
}

input,textarea,select,.search-after,.form-control {
border-color:#dcd7ca;
/*color:#000;*/
}

code,input[type="url"],input[type="email"],input[type="tel"] {
/*rtl:ignore*/
direction:ltr;
}

input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],textarea,select,.search-after,.form-control {
-webkit-appearance:none;
-moz-appearance:none;
background:transparent;
border-radius:0;
border-style:solid;
border-width:.1rem;
box-shadow:none;
display:block;
font-size:1.6rem;
letter-spacing:-.015em;
margin:0;
max-width:100%;
padding:1.5rem 1.8rem;
width:100%;
}

select {
font-size:1em;
}

textarea {
height:12rem;
line-height:1.5;
width:100%;
}

input::-webkit-input-placeholder {
line-height:normal;
}

input:-ms-input-placeholder {
line-height:normal;
}

input::-moz-placeholder {
line-height:revert;
/* Reset to the value from the user-agent stylesheet. */
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {
display:none;
}

button,.button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:none;
-moz-appearance:none;
background:#cd2653;
border:none;
border-radius:0;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:1.5rem;
font-weight:600;
letter-spacing:.0333em;
line-height:1.25;
margin:0;
opacity:1;
padding:1.1em 1.44em;
text-align:center;
text-decoration:none;
text-transform:uppercase;
transition:opacity .15s linear;
}

.faux-button {
    margin: 6px 0;
}

button:focus,button:hover,.button:focus,.button:hover,.faux-button:focus,.faux-button:hover,.wp-block-button .wp-block-button__link:focus,.wp-block-button .wp-block-button__link:hover,.wp-block-file .wp-block-file__button:focus,.wp-block-file .wp-block-file__button:hover,input[type="button"]:focus,input[type="button"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="submit"]:focus,input[type="submit"]:hover {
text-decoration:underline;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus,select:focus,.search-after:focus,.form-control:focus {
border-color:currentColor;
}

input[type="search"]:focus {
outline:thin dotted;
outline-offset:-4px;
}


.sp-ico-label {
  font-size: 38px;
  text-transform: uppercase;
  border: none!Important;
  line-height: 1;
  font-weight: 700;
}

.sp-ico-detail, .sp-ico-optout,
.sp-ico-memorial, .sp-ico-rolledit {
  background-color: #0c2669;
  border: none;
  padding: 24px 32px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin: 4px;
}

.sp-ico-quick, .sp-ico-roll {
  background-color: #ff5700;
  border: none;
  padding: 24px 32px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin: 4px;
}

.sp-ico-quick:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 70px;
  content: "\f4b9";
  color: #fff;
}

.sp-ico-detail:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 70px;
  content: "\f662";
  color: #fff;
}

.sp-ico-optout:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 70px;
  content: "\f52b";
  color: #fff;
}

.sp-ico-roll:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 70px;
  content: "\f631";
  color: #fff;
}

.sp-ico-rolledit:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 70px;
  content: "\f631 \f5a1";
  letter-spacing: -17px;
  color: #fff;
}

.sp-ico-memorial:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 70px;
  content: "\f5a6";
  color: #fff;
}

.sp-ico-detail:hover, .sp-ico-detail:hover:before,
.sp-ico-optout:hover, .sp-ico-optout:hover:before,
.sp-ico-rolledit:hover, .sp-ico-rolledit:hover:before,
.sp-ico-memorial:hover, .sp-ico-memorial:hover:before,
.sp-ico-quick:hover, .sp-ico-quick:hover:before,
.sp-ico-roll:hover, .sp-ico-roll:hover:before {
  background-color: #ffd000;
  color: #ff5700;
  text-decoration: none!Important;
}

@media (max-width: 795px) { /* not 768, to accommodate bad breakpoint in descriptive text */
        .sp-ico-label {
                font-size: 30px;
        }
        .sp-ico-detail, .sp-ico-optout,
        .sp-ico-memorial, .sp-ico-rolledit,
        .sp-ico-quick, .sp-ico-roll {
                padding: 16px 24px;
        }
        .sp-ico-quick:before, .sp-ico-detail:before,
        .sp-ico-optout:before, .sp-ico-roll:before,
        .sp-ico-rolledit:before, .sp-ico-memorial:before {
                font-size: 50px;
        }
        .sp-ico-rolledit:before {
                content: "\f5a1";
        }
}

/* payment methods and designation choices */

.pm-ico-payroll, .pm-ico-cc, .pm-ico-ach,
.pm-ico-billme, .pm-ico-check, .pm-ico-cash, .pm-ico-stock, .pm-ico-pp,
.dc-ico-program, .dc-ico-agency, .dc-ico-anotheruw,
.dc-ico-goback, .dc-ico-split {
  border: none;
  padding: 18px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.pm-ico-label, .dc-ico-label {
  color: #0c2669!Important;
  font-size: 21px;
  text-transform: uppercase;
  white-space: nowrap!Important;
  font-weight: 700;
}

.pm-ico-label.active, .dc-ico-label.active {
  color: #ff5700!Important;
}
 
.pm-ico-payroll:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f736";
  color: #2a7de1;
}

.pm-ico-cc:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f09d";
  color: #2a7de1;
}

.pm-ico-ach:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f19c";
  color: #2a7de1;
}

.pm-ico-billme:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f571";
  color: #2a7de1;
}

.pm-ico-check:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f53d";
  letter-spacing: -7px;
  color: #2a7de1;
}

.pm-ico-cash:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f0d6";
  letter-spacing: -7px;
  color: #2a7de1;
}

.pm-ico-stock:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f5f3";
  color: #2a7de1;
}

.pm-ico-pp:before {
  display: inline-block;
  font-family: "Font Awesome 5 Brands";
  font-size: 50px;
  content: "\f1ed";
  color: #2a7de1;
}

.dc-ico-program:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f4be";
  color: #2a7de1;
}

.dc-ico-agency:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f2b5";
  color: #2a7de1;
}

.dc-ico-anotheruw:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f3c5";
  color: #2a7de1;
}

.dc-ico-split:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f0e8";
  color: #2a7de1;
}

.dc-ico-goback:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 50px;
  content: "\f0a5";
  color: #2a7de1;
}

.pm-ico-payroll:hover:before, .pm-ico-cc:hover:before, .pm-ico-ach:hover:before,
.pm-ico-billme:hover:before, .pm-ico-check:hover:before, .pm-ico-cash:hover:before, .pm-ico-stock:hover:before, .pm-ico-pp:hover:before,
.dc-ico-program:hover:before, .dc-ico-agency:hover:before, .dc-ico-anotheruw:hover:before,
.dc-ico-split:hover:before, .dc-ico-goback:hover:before {
  color: #ff5700;
}

.pm-ico-payroll.active:before, .pm-ico-cc.active:before, .pm-ico-ach.active:before,
.pm-ico-billme.active:before, .pm-ico-check.active:before, .pm-ico-cash.active:before, .pm-ico-stock.active:before, .pm-ico-pp.active:before,
.dc-ico-program.active:before, .dc-ico-agency.active:before, .dc-ico-anotheruw.active:before,
.dc-ico-split.active:before, .dc-ico-goback.active:before {
  color: #0c2669;
}

@media (max-width: 992px) {
        .pm-ico-label, .dc-ico-label {
                font-size: 20.2px;
        }
}

@media (max-width: 768px) {

        .pm-ico-payroll, .pm-ico-cc, .pm-ico-ach,
        .pm-ico-billme, .pm-ico-check, .pm-ico-cash, .pm-ico-stock, .pm-ico-pp,
        .dc-ico-program, .dc-ico-agency, .dc-ico-anotheruw,
        .dc-ico-goback, .dc-ico-split {
                padding: 0px 0px;
        }

        .pm-ico-label, .dc-ico-label {
                font-size: 16px;
        }

        .pm-ico-payroll:before, .pm-ico-cc:before, .pm-ico-ach:before,
        .pm-ico-billme:before,  .pm-ico-check:before, .pm-ico-cash:before, .pm-ico-stock:before, .pm-ico-pp:before,
        .dc-ico-program:before, .dc-ico-agency:before, .dc-ico-anotheruw:before,
        .dc-ico-split:before, .dc-ico-goback:before {
                font-size: 24px;
        }

}

/* little buttons and icons */

.sm-ico-warn {
  border: none;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px;
}

.sm-ico-warn:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  content: "\f06a";
  color: red;
}

.nav-ico-logout {
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    display: -ms-flexbox!important;
    display: flex!important;
    align-items: center!important;
}
.nav-ico-complete, .nav-ico-prev, .nav-ico-next, .nav-ico-logout,
.sm-ico-delete, .sm-ico-add, .sm-ico-proceed {
  border: none;
/*  padding: 8px 12px;  */
  text-align: center;
  text-decoration: none;
  display: inline-block;
/*  margin: 4px;  */
}

.nav-ico-complete:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  content: "\f164";
  color: #2a7de1;
}

.nav-ico-prev:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  content: "\f0a5";
  color: #2a7de1;
}

.nav-ico-next:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  content: "\f0a4";
  color: #2a7de1;
}

.nav-ico-logout:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  font-weight: normal;
  content: "\f08b";
  color: #2a7de1;
  margin-right: .5rem;
}

.sm-ico-delete:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  content: "\f057";
  color: #2a7de1;
}

.sm-ico-add:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  content: "\f055";
  color: #2a7de1;
}

.sm-ico-proceed:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-size: 40px;
  content: "\f058";
  color: #2a7de1;
}

.nav-ico-complete:hover, .nav-ico-complete:hover:before,
.nav-ico-prev:hover, .nav-ico-prev:hover:before,
.nav-ico-next:hover, .nav-ico-next:hover:before,
.nav-ico-logout:hover, .nav-ico-logout:hover:before,
.sm-ico-delete:hover, .sm-ico-delete:hover:before,
.sm-ico-add:hover, .sm-ico-add:hover:before,
.sm-ico-proceed:hover, .sm-ico-proceed:hover:before  {
  color: #ff5700;
}

.nav-ico-complete:disabled, .nav-ico-complete:disabled:before,
.nav-ico-prev:disabled, .nav-ico-prev:disabled:before,
.nav-ico-next:disabled, .nav-ico-next:disabled:before,
.nav-ico-logout:disabled, .nav-ico-logout:disabled:before,
.sm-ico-delete:disabled, .sm-ico-delete:disabled:before,
.sm-ico-add:disabled, .sm-ico-add:disabled:before,
.sm-ico-proceed:disabled, .sm-ico-proceed:disabled:before {
  color: #565656;
}

/* big buttons */

.btn-submit,
.btn-logout, [id$='confirmationRow'] [id$='logout'],
.btn-back-to-form, [id$='confirmationRow'] [id$='donationform'],
.main #teamcampaign,
.btn-login, #loginBtn {
      list-style-type: none;
      width: 100%;
      float: center;
      font-size: 20px;
      position: relative;
      text-transform: uppercase!Important;
      text-align: center;
      text-decoration: none;
      border: none;
      padding: 10px 8px!Important;
      background-color: #ff5700!Important;
      color: #fff!Important;
/*      margin: 4px;  */
  }

.btn-logout-half, .btn-back-to-form-half, .btn-survey {
      list-style-type: none;
      width: 49%;
      float: center;
      font-size: 20px;
      position: relative;
      text-transform: uppercase!Important;
      text-align: center;
      text-decoration: none;
      border: none;
      padding: 10px 8px;
      background-color: #ff5700!Important;
      color: #fff!Important;
      margin: 4px;
}
/*  remove thumbs 
.btn-submit:after {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 25px;
        content: "\f164";
        color: #fff!Important;
        padding-left: 12px;
}
*/
.btn-back-to-form:after, [id$='confirmationRow'] [id$='donationform']:after,
.btn-back-to-form-half:after {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 25px;
        content: "\f4b9";
        color: #fff;
        padding-left: 12px;
}
.btn-logout:after, #confirmationRow #logout:after,
.btn-logout-half:after {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 25px;
        content: "\f2f5";
        color: #fff;
        padding-left: 12px;
}
.btn-login:after, #loginBtn:after {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 25px;
        content: "\f2f6";
        color: #fff;
        padding-left: 12px;
}
.btn-survey:after {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 25px;
        content: "\f681";
        color: #fff;
        padding-left: 12px;
}
.btn-decline {
      list-style-type: none;
      width: auto;
      float: center;
      font-size: 20px;
      position: relative;
      text-transform: uppercase!Important;
      text-align: center;
      text-decoration: none;
      border: none;
      padding: 4px 8px;
      background-color: #ff5700!Important;
      color: #fff!Important;
      margin: 4px;
}
 
.btn-decline:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: "\f52b";
}


.btn-edit, .btn-submit-half {
      list-style-type: none;
      width: 48%;
      float: center;
      font-size: 18px!Important;
      position: relative;
      text-align: center;
      text-decoration: none!Important;
      border: none!Important;
      padding: 8px 6px!Important; 
      background-color: #ff5700!Important;
      color: #fff!Important;
      margin: 4px!Important;
  }
  
.btn-logout:hover, .btn-logout:hover:after,
[id$='confirmationRow'] [id$='logout']:hover, [id$='confirmationRow'] [id$='logout']:hover:after,
.btn-back-to-form:hover, .btn-back-to-form:hover:after,
[id$='confirmationRow'] [id$='donationform']:hover, [id$='confirmationRow'] [id$='donationform']:hover:after,
.btn-login:hover, .btn-login:hover:after, #loginBtn:hover, #loginBtn:hover:after,
.btn-survey:hover, .btn-survey:hover:after,
.btn-submit:hover, .btn-submit:hover:after,
.btn-edit:hover, .btn-submit-half:hover, .btn-decline:hover, .btn-decline:hover:after {
                background-color: #ffd000!Important;
                color: #ff5700!Important;
                text-decoration: none!Important;
}

@media (max-width: 768px) {

        .btn-logout, [id$='confirmationRow'] [id$='logout'],
        .btn-back-to-form, [id$='confirmationRow'] [id$='donationform'],
                .btn-login, [id$='loginBtn'],
        .btn-logout-half, .btn-back-to-form-half, .btn-survey, .btn-submit, .btn-decline {
                font-size: 18px!Important;
        }
  
        .btn-logout:after, [id$='confirmationRow'] [id$='logout']:after,
        .btn-back-to-form:after, [id$='confirmationRow'] [id$='donationform']:after,
        .btn-logout-half:after, .btn-login:after, #loginBtn:after,
                .btn-back-to-form-half:after, .btn-survey:after, .btn-decline:after, .btn-submit:after {
                display: none!Important;
        }
}

@media (max-width: 768px) {

                .btn-survey {
                width: 99%;
        }
}

/* progress tabs on choose your own details section */

.detail-menu {
      list-style-type: none;
      width: 22%;
      float: left;
      font-size: 30px;
      position: relative;
      text-align: left;
      text-transform: uppercase;
      color: #7d7d7d;
      margin: 4px;
}
.detail-menu:before {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 30px;
        content: "\f111";
        color: #7d7d7d;
        padding-right: 6px;
}
.detail-menu-current {
      list-style-type: none;
      width: 22%;
      float: left;
      font-size: 30px;
      position: relative;
      text-align: left;
      text-transform: uppercase;
      color: #0c2669;
      margin: 4px;
}
.detail-menu-current:before {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 30px;
        content: "\f013";
        color: #ff5700;
        padding-right: 6px;
}
.detail-menu-visited {
      list-style-type: none;
      width: 22%;
      float: left;
      font-size: 30px;
      position: relative;
      text-align: left;
      text-transform: uppercase;
      color: #0c2669;
      margin: 4px;
}
.detail-menu-visited:before {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 30px;
        content: "\f058";
        color: #0c2669;
        padding-right: 6px;
}

.detail-menu-label {
        color: #0c2669;
                text-decoration: none!Important;
        word-wrap: normal!Important;
}
.detail-menu-hr {
  border-top: 2px solid #7d7d7d!Important;
  padding-top: 6px!Important;
}

@media (max-width: 768px) {

        .detail-menu, .detail-menu-current, .detail-menu-visited {
                font-size: 20px;
        }
        .detail-menu:before, .detail-menu-current:before, .detail-menu-visited:before {
                        font-size: 20px;
                        padding-right: 2px;
        }
}

/* custom table styles */

.th-topline, .td-bottomline {
                font-size: 1.25rem!Important;
                font-weight: bold!Important;
        color: #0c2669!Important;
        padding: 0 0 0 0!Important;
}


/* tweaks to BR utility styling */

.entry-content {
/*        color: #000!Important;
*/
    
}

label {
        margin-bottom: 3.5px!Important;
}

.col-form-label {
        padding-bottom: 0px!Important;
}

.form-vertical input[type="text"],
.form-vertical input[type="password"],
.form-vertical input[type="email"],
.form-vertical input[type="url"],
.form-vertical input[type="date"],
.form-vertical input[type="month"],
.form-vertical input[type="time"],
.form-vertical input[type="datetime"],
.form-vertical input[type="datetime-local"],
.form-vertical input[type="week"],
.form-vertical input[type="number"],
.form-vertical input[type="search"],
.form-vertical input[type="tel"],
.form-vertical input[type="color"],
.form-vertical textarea,
.form-vertical select,
.form-vertical .search-after,
.form-vertical .custom-select,
.form-vertical .form-control  {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        border-radius: 0;
        border-style: solid;
        border-width: 1px;
        box-shadow: none;
        display: block;
        font-size: 16px;
        margin: 0;
        max-width: 100%;
        padding: 15px 18px;
/*        width: 100%;    */
        height: auto;
}

.form-vertical .form-control.custom-select {
    font-size: 1rem;
    padding: 1rem;
}

.subtotal {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border-radius: 0;
    /* border-style: solid; */
    border-width: 1px;
    box-shadow: none;
    display: inline-block!important;
    float:none;
    clear:none;
    font-size: 16px;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 15px 18px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ad2624;
}

[id$='subtotalField'] .prompt {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ad2624;
}

[id$='save'] {
        display: none!important;
}

.detailed-tab .nav-link {
        display: inline-block;
}

hr {
    margin: 2px 0;
}
/*  hr-like separator with text in the middle  */
.hr-sect {
        display: flex;
        flex-basis: 100%;
        align-items: center;
        color: #979799;
        margin: 8px 0px;
        width: 100%;
        font-weight: 700;
}
.hr-sect::before,
.hr-sect::after {
        content: "";
        flex-grow: 1;
        background-color: #979799;
        height: 2px;
        font-size: 0px;
        line-height: 0px;
        margin: 0px;
}

.hr-sect::before {
    margin-right: 4px;   
}
.hr-sect::after {
    margin-left: 4px;   
}

.splitrow:after {
    content: "";
    display: block;
    border-bottom: 2px solid #979799;
    margin: 0 15px;
    width: 100%;
}

table, tr, th, td {
        border:none!Important;
                padding: 3px 5px 3px 5px!Important;}

.nav-tabs, .nav-tabs .nav-link {
        border: none;}

.navlink a, .nav-tabs a, a:hover {
        text-decoration: none!Important;}

.nav-link {
        padding: 0 0 0 0;}

.container {
        padding-left: 0px;
        padding-right: 0px;}
/*
.ml-3 {
        margin-left: 0px!Important;}

.col-md-4, .col-sm-4  {
       margin-left: -12px!Important;}
*/
.card {
        border: none!Important;
    background-color: transparent;    
}
        

.card-body {
        padding: 0 0 0 0!Important;}

.card-footer {
    background-color: transparent;
    border-top: 2px solid #979799; 
    margin-top:15px;
    padding: 0;
}

.dynamic-content-section-main-title {
        padding-bottom: 0px!Important;}

.form-title,
#loginFormPanel .primary-headline {
    font-size: 32px!Important;
    padding-bottom: 4px;
    font-weight: 700;
}
        
.organization-title {
    font-size: 32px!Important;
    padding-bottom: 4px;
    font-weight: 700;
    color: rgb(255, 86, 0);
}
        
@media (max-width: 768px) {     
    .form-title {
        font-size: 24px!Important;
        padding-bottom: 10px;
    }
    .organization-title {
        font-size: 24px!Important;
    }
}

.para {
        font-weight: 400!Important;
/*        color: #black;
*/        font-size: 19px;
        margin-bottom: 12px;}

.prompt {
        color: #0c2669;
        padding-top: 12px;
        padding-bottom: 6px;
    font-size: 1.2rem;
    font-weight: bold;
}

.small {
        font-color: #cbcbcb!Important;}

.donationAmount-wrapper:before {
        padding-left: 15px;
        padding-top: 6px;
        font-size: 20px;
        color: #cbcbcb;}

[id$="subtotal"], .donationAmount-wrapper input {
        padding-left: 30px!Important;}

.form-check {
        margin-bottom: 0px!Important;}

.form-check-label {
        font-weight: normal!Important;
	     margin-left: 0.75rem;
}

.faux-button, 
input[type='reset'], input[type='submit'] {
        background-color: transparent;
}
.amount span {
word-break: keep-all;
}
/*
.form-check-label {
    margin-left:24px!Important;}
.form-check-input {
    margin-left:6px!Important;} 
*/
    
[id$='confirmationRow'] [id$='donationform'] {
    display: none;
}
  
  
.modal-title {
    margin: 0;
}

.detailed-tab {
    display: none;
}
 
 
.dc-ico-agency, .dc-ico-anotheruw {
    display: none;
}

input[type="text"]:disabled,input[type="password"]:disabled,input[type="email"]:disabled,input[type="url"]:disabled,input[type="date"]:disabled,input[type="month"]:disabled,input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],textarea:disabled,select:disabled,.search-after:disabled,.form-control:disabled
{
    cursor: default;
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
    background-color: rgba(118, 118, 118, 0.3);
}

 
 
 #loginWait { top: 3rem!important; }
.nolabel .col-form-label { display: none; }
@media (min-width: 820px) {
.sp-li {
        width: #{not empty request.remoteUser or not empty organizationOrganizationId ? '33%' : '50%'};
}
}
.uwgc-header-bg-image {
    display: none;
}

.uwgc-header-main {
    width: 100%;
    max-width: 100%;
    background-color: rgb(255, 255, 255, .65);
    color: rgb(39, 43, 103);
    margin: 90px auto;
    padding: 30px 90px;
}
.uwgc-company-logo {
    background-color: rgb(255, 255, 255, .65);
    max-height: 130px;
    margin: 0 0 0 5px;
}
.uwgc-container {
    max-width: 100%;
}
.uwgc-level {
    display: flex;
    justify-content: space-between;
}

.scrollable-typeahead-menu .tt-menu {
  max-height: 50vh;
  overflow-y: auto;
  width: 100%;
}
