body {
  background-color: #F5F5F5 !important;
}
.salesforce .btn.btn-primary, button {
    background: #3a4a5d;
    color: #fff;
    border: none;
}

.salesforce .pd-b-0{
    padding-bottom: 0 !important;
}

.salesforce h1, h2, h3, h4{
    color: #3A4A5D;
}

.salesforce label.error {
    color: red;
}

.salesforce input.form-control, select {
    height: 46px;
}

.salesforce form label, label.form-label {
    /*color: #7a7a7a;*/
    font-size: 14px;
}

.salesforce .cstm-box-shadow {
    padding: 20px 20px !important;
    background: #fff;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    border-radius: 10px;
}

.salesforce .register-head {
    justify-content: right;
    padding-top: 0;
    padding-left: 10px;
    margin-left: 10px;
}

.salesforce .bg-dark {
    background-color: #3A4A5D!important;
}

.salesforce .register-head a.btn.btn-info, .register-head a.btn.btn-info:hover {
    background: #3a4a5d;
    border: none;
    padding: 7px 20px;
    color: #fff;
    border-radius: 5px;
}


.salesforce .nxt-btn {
    text-align: right;
    padding: 15px 15px 30px;
}

.salesforce .nxt-btn a.btn.btn-info {
    background: #3a4a5d;
    color: #fff;
    border: none;
    padding: 8px 30px;
}

.salesforce .login-custom {
    max-width: 600px;
    padding: 5px;
    z-index: 999;
    background: #06133D;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    margin: 50px 0;
    color: #fff;
    border-radius: 10px;
}

.salesforce .login-inr-bg {
    background: #ffffff;
    padding: 20px;
}

.salesforce .login-custom h1 {
    font-size: 34px;
    border-bottom: #8e9097 solid 1px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #3a4a5d;
}

/*.login-inr-bg label {*/
/*    color: #3a4a5d;*/
/*}*/


.salesforce .login-custom h2 {
    margin-bottom: 15px;
}

.salesforce .login-custom button.btn.btn-primary {
    width: 100%;
    background: #3a4a5d;
    padding: 9px 0;
}

.salesforce .search-contact {
    max-width: 600px;
    padding: 30px 50px;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    margin: 30px 0;
    border-radius: 10px;
}

.salesforce a.logout {
    background: #3a4a5d;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
}


.salesforce #exampleModal .modal-header {
    background: #f3f3f3;
}

.salesforce form .ticket-card {
    padding: 10px 15px !important;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    margin: 15px 0;
    border-radius: 10px
}

.salesforce form .ticket-card p span {
    font-size: 16px !important;
}

.salesforce form .ticket-card select {
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
}

.salesforce .nxt-btn button.btn.btn-info {
    background: #3a4a5d;
    color: #fff;
    border: none;
    padding: 8px 30px;
}

.salesforce .date-location-sec .col-md-12 {
    padding: 20px 20px !important;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
}

.salesforce .registration-type .type-dsgn {
    padding: 20px 20px !important;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    border-radius: 5px;
}

.salesforce .rg-type {
    padding: 40px 0 !important;
}

.salesforce .registration-type .form-group {
    margin-bottom: 10px;
}


.salesforce .event-nm p {
    margin-bottom: 0;
    color: #3a4a5d;
    font-weight: 700;
    font-size: 18px;
}

.salesforce .cstm-sidebar .tab {
    border-bottom: #ccc solid 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.salesforce .cstm-sidebar .tab button.tablinks {
    margin-bottom: 10px;
    padding: 10px 11px;
    background: transparent;
    color: #3a4a5d;
    border: #3a4a5d solid 1px;
}

.salesforce .cstm-sidebar h4, #v-pills-tab h4 {
    margin-bottom: 10px !important;
}

.salesforce .cstm-sidebar .tab button.tablinks:hover {
    background: #3a4a5d;
    color: #fff;
}

.salesforce #v-pills-tabContent .tab-pane {
/*    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    padding: 20px 20px !important;
    z-index: 999;
    background: #fff;
    border-radius: 10px;*/
}

.salesforce #v-pills-tab button.nav-link {
    margin-bottom: 10px;
    padding: 10px 11px;
    background: transparent;
    color: #3a4a5d;
    border: #3a4a5d solid 1px;
}

.salesforce #v-pills-tab button.nav-link:hover {
    background: #3a4a5d;
    color: #fff;
}

.salesforce .cstm-btn a.btn.btn-info.btn-sm {
    background: #3a4a5d;
    color: #fff;
    border: none;
    padding: 6px 20px;
}



.salesforce .order-smry {
    margin-top: 40px;
    margin-bottom: 40px;
}

.salesforce .order-smry .header {
    margin-bottom: 10px !important;
}

.salesforce .order-smry .blue-heading {
    margin-bottom: 15px;
    margin-top: 15px;
}

.salesforce .form-group {
    margin-bottom: 10px;
}

.salesforce #pay-invoice {
    padding: 20px;
}

.salesforce #pay-invoice h5 {
    font-size: 19px !important;
}

.salesforce .payment-btn button {
    margin: 0 auto;
}

.salesforce .payment-btn {
    text-align: center !important;
    display: block !important;
}

.salesforce .steps-main ul.nav.nav-tabs {
    justify-content: center;
}

.salesforce .steps-main ul.nav.nav-tabs li a {
    color: #212529;
    text-decoration: none;
    background: #f9f9f9 padding-box;
    padding: 7px 50px;
    display: inline-block;
    border: #dfdfdf solid 1px;
}



.salesforce .steps-main ul.nav.nav-tabs li.active a, .steps-main ul.nav.nav-tabs li a:hover {
    background: #3a4a5d;
    color: #fff;
}

.salesforce .steps-main  .tab-content {
    text-align: center;
}

.salesforce .top-bar {
    padding-left: 0;
    padding-right: 0;
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.salesforce .logo-section {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.salesforce .login-nme {
    display: flex;
}

.salesforce .logo-section img {
    max-height: 73px;
    width: auto;
}


/*==== Footer Css starts here ====*/

.salesforce footer a, footer a:hover {
    color: #fff;
}

.salesforce footer h4 {
    border-bottom: #556a83 solid 1px;
    padding-bottom: 10px;
    font-size: 23px;
}

.salesforce .contact-info {
    display: flex;
    justify-content: end;
}

.salesforce .contact-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.salesforce .contact-info li {
    line-height: 30px;
    margin-left: 35px;
}

.salesforce .contact-info li a {
    text-decoration: underline;
}

.salesforce .contact-info i {
    margin-right: 8px;
}


.salesforce .footer-logo img {
    width: auto;
    max-width: 180px;
}

.event-nm {
    padding-top: 6px;
}

.salesforce .date-location-sec span.fw-bold {
    font-size: 18px;
    margin-bottom: 5px !important;
    display: block;
}


.salesforce .progressTab .progress-tabmenu ul li a.nav-link.active span {
    border-top: 14px solid #3a4a5d;
}

.salesforce #progressTab li.nav-item a {
    color: #3a4a5d;
}

.salesforce footer h4{
    color: #fff;
}

.salesforce .order-smry .mt-1 {
    padding-bottom: 10px;
}

.salesforce .blue-heading h5 {
    background: transparent;
    padding: 10px 10px 10px 0;
    border-radius: 5px;
}

.salesforce .footer-main .col-md-2 a i {
    font-size: 22px;
}

.salesforce .top-bar {
    color: #3a4a5d;
}

.salesforce .login-nme p {
    margin-bottom: 0;
    padding-top: 5px;
}

/*==== Footer Css starts here ====*/


.salesforce #discount_table td a {
    color: #c53535;
}

.salesforce #discount_table td a i {
    margin-right: 5px;
}

.salesforce button.btn.btn-info.btn-sm {
    background: #3a4a5d;
    color: #fff;
    border: none;
}

.salesforce .payment-btn {
    padding-bottom: 20px;
    padding-top: 20px;
}

.salesforce .input-group-append .input-group-text {
    height: 46px;
    background: transparent;
}

.salesforce .order-smry button.btn.btn-info.btn-sm {
    padding: 8px 11px;
}


.salesforce #modal-review-attendees h5.modal-title {
    font-size: 1.6rem;
}

.salesforce #modal-review-attendees-body pre {
    display: none;
}


@media only screen and (min-width: 1349px) {
    .salesforce header + pre + .container, header + pre  + pre + .container {
    min-height: 500px;
}

}


@media only screen and (max-width: 767px) {
  
    #donationList label.btn.btn-primary {
        padding-left: 0;
        padding-right: 0;
    }
    .salesforce .col-xs-12 {
        width: 100% !important;
        display: block;
    }

    .salesforce .login-nme .d-flex.col-xs-12.justify-content-end.p-0 {
    justify-content: flex-start !important;
}

    .salesforce .register-head {
    padding-left: 0;
    margin-left: 0;
}

    .salesforce .logo-section .col-md-2 {
    justify-content: center;
    display: flex;
}

    .salesforce .contact-info {
    font-size: 14px;
}

    .salesforce .contact-info .justify-content-end.p-0 {
    justify-content: center !important;
}

    .salesforce .form-group button.btn.btn-success {
    margin-left: 0 !important;
    margin-top: 10px !important;
}

    .salesforce .top-bar .event-nm {
    text-align: center;
}

    .salesforce .register-head {
    text-align: right;
    margin-top: 15px;
}

    .salesforce .footer-main .col-md-2 {
    text-align: center;
    margin-bottom: 10px;
}

    .salesforce .footer-main .col-md-6.contact-info {
    text-align: center;
    justify-content: center;
}

    .salesforce .footer-main .col-md-12.d-flex.justify-content-center {
    text-align: center;
}

}

.salesforce .vr {
    border-left: 2px solid #3a4a5d;
    height: 200px;
    margin-top: 50px;
    margin-left: 50%;
}

.salesforce .nxt-btn a.btn-add-more {
  padding: 8px 30px;
  font-size: .87rem;
  border: none;
}

.salesforce #v-pills-tab button.active {
  background: #3a4a5d;
  color: #fff;
}

.salesforce #button-billing_address {
    padding: 8px 30px !important;
}

@media only screen and (max-width: 767px) {
.contact-info.d-md-block.d-inline-block.text-left {
    float: left;
    width: 100%;
    text-align: left;
}

}


.col-md-12.cstmRadioBtns {
  overflow-x: auto;
}

.cstmRadioBtns label.btn.btn-primary {
  display: flex;
}

.cstmRadioBtns label.btn.btn-primary input[type="radio"] {
  margin-right: 0;
}
 
.cstmRadioBtns label.btn.btn-primary{
    padding-right:5px;
    min-width: 45px;
}