@charset "UTF-8";
/* CSS Document */

.middle-section .charity-goal-amount {
    text-align:right;
    margin-bottom:1em;
}

.middle-section .charity-start-amount {
    margin-bottom:1em;
}


span.view-desktop {
    display:block;
    margin-bottom:7px;
}

.middle-section .progress-goals {
    font-size:10pt;
    margin-bottom:0;
}

.middle-section div.progress-striped {
    margin: 1.0em auto 0.5em auto;
}
span.divide {
    padding-left:2px;
    padding-right:2px;
}

h2.logo-name {
    text-align:center;
}

.recent-donors li, .recent-donors  .simply-scroll-list li {

    white-space: normal;
    float: left; width: 100%;
}

.recent-donors li {
    padding: 8px;

}

.recent-donors  .simply-scroll-list li {
    padding:8px 0;
}



.recent-donors li:nth-child(even) {
background-color:#f5f5f5;
}

.recent-donors .col-xs-6:nth-child(even) {
    font-weight:600;
}

.middle-section div.membership-mobile-details {
   margin-bottom:1.5em;
}


label.contact-label {
    font-size:8pt;
    margin-top:5px;
}

.desktop-modal .animated.short {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.desktop-modal {
    background-color:rgba(0,0,0,0.2);
    padding: 7px 10px 10px 10px;
}

.desktop-modal .alert {
    margin-bottom:0;
    padding:10px;
    border-radius: 5px;
    margin-top: 0;
    border: none;
    text-align: center;
}

@media (max-width: 992px) {
    .desktop-modal .alert {
        margin-bottom: 10px
    }
}


.desktop-modal .alert i {
    margin: 3px 3px 0 0;
    vertical-align: middle;
    display: inline-block;
}

.desktop-modal .alert span {
    vertical-align: middle;
}

.desktop-modal .alert-danger {
    margin-top: 10px
}

.desktop-modal label {
    clear:both;
    margin-top:1em;

}

.desktop-modal h1 {
    background:none;
}


li.login-header-wrap {
    margin-top:-2.5px;
    float:right;
    margin-right:0.5em;
}

span.login-header {
    border-radius: 4px;
    font-size: 10.5pt;
    padding: 2px 8px 4px 8px;
    float:right;
}


.start-hidden {
    display:none;
}

.hierarchy-low {
    font-size:9pt;
    color:#808080;
}

.desktop-modal {
    margin-top:13px;
}

.desktop-modal .radio label {
color:#808080;
    font-size:9pt;
}

.desktop-modal .password-question {
    margin-top:1.5em;
    margin-bottom:0;
}

.desktop-modal .form-control {
    margin-top:8px;
}

.desktop-modal .modal-dialog {
    max-width:380px;
    margin: 60px auto;
}

.desktop-modal .form-group {
    margin-bottom:8px;
}

button.restart-sign-in {
    display: block;
    width: 100%;
    margin-top: 20px;
    text-transform: none;
}

button.restart-sign-in:hover,
button.restart-sign-in:focus {
    color: #008ae5;
    filter: none;
}

.desktop-modal .forgotten-password {
    font-size: 14px;
    text-align: center;
    float:none;
    margin: 1.6em auto;
    display:table;
}

.dektop-modal .radio {
    margin-bottom:5px;
}

.desktop-modal .modal-header button.close {
    color:#aaa;
}

.desktop-modal .modal-header {
    padding:0;
    margin:0;
}

.desktop-modal .left-top {
    border-top-left-radius: 5px;
    height:2.4em;

}
.desktop-modal .btn-signin {
    display:block;
    width:100%;
    font-size:12pt;
    height:44px;
}

.desktop-modal button#login-user {
    margin-top:1em;
}

.desktop-modal .left-side {
    color:#fff;
    border-bottom-left-radius: 5px;
    height:545px;
    text-align: center;

}


.desktop-modal .checkbox label {
    text-align:center;
    margin:0 auto;
}

.desktop-modal img.sign-up-logo {
    margin-top: 0;
    margin-bottom:2em;
    width:200px;
    height:200px;

}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*Adding a class visible ONLY to screen readers for better accessibility*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.desktop-modal button.btn-outline {
    background:none;
    width:100%;
    padding:10px;
}

.btn {
    border-radius:5px;
}

.desktop-modal .left-side {
    border-top-left-radius: 5px;
}

.desktop-modal .left-side p {
    text-align:center;
    line-height: 20pt;
    margin-top:0.5em;
}
.desktop-modal .right-side p {
    margin:2em auto;
    text-align:center;
    float:none;
}

.desktop-modal .btn-facebook {
    height: 44px;
    line-height: 24pt;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

.two-side-modal .btn-facebook {
    height: 44px;
    line-height: 24pt;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

.desktop-modal ul.social-login {
    padding:0;
}

.desktop-modal .right-side p.welcome-message {
    font-size: 10pt;
    margin: 0 0 1.5em 0;

}

.desktop-modal ul.social-login li {
    list-style:none;
}

.desktop-modal .right-side {
    padding: 35px;
    border-radius: 5px;
    background-color:#fff;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -1px;
    min-height: 545px;
}

.desktop-modal .right-side .help-block {
    margin: 5px 0 10px;
}


.desktop-modal .left-info {
    padding: 15px 35px;

}

.desktop-modal .right-side h1 {
   font-size:20pt;
    margin:0 0 0.1em 0;padding:0;
    text-align:center;

}

.block {
    display:block!important;
}

.desktop-modal .btn-social>:first-child {
    width: 34px;
    line-height: 46px;
    font-size: 1.2em;
}

.desktop-modal input[type="checkbox"] {
    margin:3px 0 0 -20px;
}

.desktop-modal input[type="radio"] {
    margin-right:5px;
}

.desktop-modal .btn-facebook:hover {

    background-color: #3c4887!important;
}

.desktop-modal .right-side a.why-create {
    float:none;
    display:block;
    margin: 8px auto 25px;
    text-align:center;

}

.desktop-modal .form-control {
    background:none;
}

.desktop-modal .modal-content {
    color:#666666;
    padding-bottom:0;
    margin-top:2%;
    float:none;
    margin-left:auto;
    margin-right:auto;
    max-width:380px;

}

.desktop-modal h1.mobile-h1 {
    margin-bottom:0.2em;
}

.desktop-modal img.responsive-img {
    width: 196px;
    height: 36px;
    margin: 0 auto 1em auto;
    text-align:center;
    float:none;
}

#registration-process .reg-form .term-wrap ul {
    float: none;
    width: 100%;
    display: block;
}


/*GIFTING THANK YOU*/


.gifting-process .alert {
    margin-right: 15px;
    margin-left: 15px;
}

#recipientEmailForm {
    width:100%;
}

#registration-process .thankyou-title .list-of-includes h1 {
    font-size:10pt;
    text-align:left;
    font-weight:600;
    margin:0 0 0.5em 0;
    padding:0;
}

#registration-process #recipientEmailForm label {
    font-size:10pt;
    text-align:left;
    font-weight:600;
    margin:0 0 0.5em 0;
}

#registration-process #recipientEmailForm input {
    margin:0 0 1em 0;
}

#registration-process .thankyou-title .list-of-includes h2 {
    font-size:9pt;
    text-align:left;
    font-weight:600;
    margin:0;
    padding:0;
    line-height:12pt;

}

#registration-process .thankyou-title .list-of-includes h4:last-of-type {
    border:none;
    padding:0;
}

#registration-process .thankyou-title .list-of-includes h4 {
    font-size:10pt;
    text-align:left;
    font-weight:300;
    float:none;
    margin-bottom:10px!important;
    padding:0 0 8px 0;
    border-bottom:dashed thin #ddd;
    line-height:11pt;
}

#registration-process .list-of-includes .includes-wrapper {
   border:#ccc solid 1px;
    border-radius:5px;
    padding:20px 20px 10px 20px;
    text-align:left;
    font-size:10pt;
    margin-bottom:1em;
}

#registration-process .list-of-includes span {
    clear:both;
}


#registration-process .thankyou-title span.gift-sending {
    padding:20px 0;
}


#registration-process .thankyou-title h1.send-gift {
    font-size:12pt;
    font-weight:400;
    margin:0;
    padding:0;
}

#registration-process .thankyou-title i.fa-gift {
    font-size:20pt;
    margin:0;
    padding:0;
}


/* GIFTING */

.gift-nav h2 {
    margin-bottom: 1.5em !important;
}

.gift-nav .row {
    margin-bottom: 0 !important;
}

.gift-nav hr {
    margin-top: 0;
}

.btn {
    white-space: normal;
}

.btn-group.border-right {
    padding: 0;
    border-right: thin solid #fff;
}

#registration-process .reg-form.gift-form {
padding: 20px 40px;
}

#registration-process .reg-form.gift-form input.continue {
    margin-left:-50px;
}

#registration-process ul.gifting-ul li {
    margin-top:20px;
    margin-bottom:20px;
}

.input-container {
    max-width: 130px;
}

#registration-process .reg-form label.gifting h1 {
    font-weight:600;
    margin:0;
    padding:0;
    font-size: 12pt;
    vertical-align:top;
}
#registration-process .reg-form label.gifting h1 span {
    font-weight:400;
}

#registration-process .reg-form.gift-form input {
    vertical-align:top;
    margin-top:5px;
}

#registration-process .reg-form label.gifting h2 {
    margin:0;
    padding:0;
    font-size:10pt;
    font-weight:400;
}

#registration-process .reg-form label.gifting h4 {
    margin:0;
    padding:0;
    font-size:10pt;
    font-weight:400;
}

#registration-process .reg-form label.gifting {
    margin: 0;
    padding: 0;
    display: inline-block;
}

#registration-process .reg-form h1.gift-heading {
    font-weight:600;
    font-size:16pt;
}

#registration-process .reg-form h1.gift-heading i {
  margin-right:8px;
}

#registration-process h3.gift-h3 {
    margin-top:0;
}

.paypal-checkout__header {
    margin-bottom: 0 !important;
}


.middle-section h1.title {
    margin-top:0;
}

.middle-section #promote-race h3 {
    margin-top:0;
}

#registration-process .order-details h1.series-h1 {

    font-size:12pt!important;
    text-align:center!important;
}

#banner span.forpar {
    display:none;
}

#banner span.searchfor {
    display:block;
}

.sidebar-offcanvas-wrapper {
    top: 0!important;
}
.btn:hover, .btn:focus {
    color: #ffffff;

}
.custom-tertiary-text-color {
    color: #ffffff;
}

.custom-tertiary-color {
   background-color: #0043bf;
}

#wrapper {
   top:42px;

}

#registration-process .order-details .td-stretch {
   white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:70%;
    max-width:100px;
    padding-right:20px;
}

#registration-process .order-details .border-bottom {
    border-bottom: #ccc solid thin;
}

#registration-process .order-details table.table-order-details h2 {
    margin-top:0.7em;
    font-weight:400;
}

#registration-process .order-details table.table-order-details {
    margin-top:1.1em;
}

#registration-process .order-details tr.space-above {
    height:25px;
    vertical-align: bottom;
}

#registration-process .order-details table.total {
    font-weight:600;
}


table.participant-info tr {

    vertical-align:bottom;
}

#registration-process .order-details .centered {
    display:table;
}


#registration-process .order-details h1 {
    text-transform:uppercase;
    font-size:9pt!important;
    text-align:left!important;
    font-weight:600!important;
}


#registration-process .order-details tr.above-total {
    height:10px;
}

#registration-process .order-details  tr.part-total {
    border-top:#ccc solid thin;
    height:25px;
    vertical-align:bottom;
    font-weight:600!important;
}

#registration-process .order-details  td.align-right {
    text-align:right;
}

#registration-process .order-details  hr {
    margin-top:5px;
    margin-bottom:5px;
    border-color:#ccc solid thin!important;
}


#registration-process .order-details  table.table-order-details td {
    text-align:center;
    font-weight:400;

}

#registration-process .order-details tr.event-address {
    vertical-align:top;
    height:30px;
}


#registration-process .order-details td.participant-name {
    background-color: #F5F5F5;
    text-align: center;
    padding: 7px;
}

#registration-process .order-details td {
    font-size:9pt!important;
}


#registration-process .order-details tr.background-grey {
    background-color:#f5f5f5;
    padding:20px;
    text-align: center;
}

#registration-process .prompt-options h3.no-margin {
    margin-top:0;
}


body#account-activated {
    background: #0043bf url('../jpg/meeting.jpg') center center;
    font-family:'Open Sans', helvetica, arial, sans-serif;
}

.active-container {
    background-color:#fff;
    border-radius:5px;
    text-align:center;
    padding:30px;
}

#account-activated button {
    border: solid thin #666666;
    background:none;
    color:#666666;
    text-transform:uppercase;
    padding:8px 14px;
    text-align:center;
    margin:0 auto;
}


.middle-section div.participant-alert {
    margin-bottom:0em;
}


.middle-section div.participant-alert.alert {
    margin-bottom:1.4em;
}

#account-activated i.fa-check-circle {
    color:#2bc168;
    margin-right:8px;
}

#account-activated h2 span {
    font-weight:600;
    color:#2bc168;
}


#account-activated h1 {
    font-size:24pt;
    text-transform:uppercase;
}

body {
    margin: 0;
    padding: 0;
}

#registration-process .order-details td.table-title {
    text-align:center;
    padding: 8px 15px;
    width:100%;
    font-size:12pt!important;
    font-weight:300!important;
}


a:hover,
a {
    text-decoration:none!important;
}
.bottom-menu li i {
  margin-top:3px;

}
.lightbox .lb-image {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: auto!important;
    height: auto!important;
}


#modal-sign-up .modal-content img, #modal-login .modal-content img {
   margin: -0.6em auto 0!important;
}
#modal-login .modal-content h1 {
    margin-top:0.5em!important;
}


#registration-process .thankyou-title .note a.thankyou__confirmation-button img {
    float:none;
    text-align:center;
    margin:0.5em auto 1em auto;
    width:129px;
    height:40px;
}

.thankyou__print-button {
    background: #000000;
    border: 1px solid #A8AAA9;
    padding: 4px 10px 4px 4px;
    border-radius: 10px;
    margin: 0.5em auto 1em auto;
    color: #ffffff;
    float: none;
}

#registration-process .thankyou-title .note .thankyou__print-button img {
    margin: 0;
    display: inline-block;
    width: 38px;
}

.thankyou__print-button-text {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.thankyou__print-text-print {
    font-size: 11px;
    line-height: 1;
}

.share-email-input {
    margin-top: .5em;
    margin-right: 0.5em;
}

.share-email-row {
    margin-top: 1em;
    margin-right: 0.5em;
}

.share-email-send {
    margin-top: 1.5em;
}

/*SERIES*/

.series-table {
    font-family:'Open Sans', helvetica, arial, sans-serif;
    line-height: 1.428;
}

.series-table .row {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.series-table .row:first-child {
    border-top: none;
    padding-top: 0;
}
.series-closed {
    color:#b0b0b0;
}
 #registration-process .reg-form .series-table ul {
     width: auto;
 }

button.series-event {
    margin-top:0.7em;
}


.fees-table p {
    margin: 0 0 0.4em 0;
}


.series-table i.fa.fa-calendar {
margin-right:6px;
}

.series-table span {
    margin-top:8px;
    font-size:9pt;
}

.series-table label {
    font-size:12pt;
}

.series-table h5 {
    margin:0 0 0 20px;
    font-size:10pt;
}

.series-table .radio {
    margin-bottom:0.7em;
}

.series-table strong {
    font-size:14pt;
    font-weight:400;

}

#registration-process .series-table label.gift {
    margin: 0.5em 0;
    float: none;
    text-align: center;
}

body {
    padding-top: 2em;
    font-family: 'Open Sans', 'HelveticaNeue', helvetica, arial,sans-serif!important;
    color:#666!important;
}

#registration-process {
    color:#666!important;
}

em {
    line-height:18pt;
}

#registration-process .billing-info .submit-order button {
    margin-top:0;
    float:right;
    margin-bottom:0.5em;
    /*width auto is used because #registration-process .billing-info without .submit-order button sets all buttons to 100%*/
    width: auto;
}


/*Carousel*/

.breadcrumb a > .active {
    font-weight: 600;
}

.breadcrumb {
    text-align: center;
    color: #666666;
    background-color: #ffffff;
    width: 65%;
    margin: 1.5em auto 0;
    display:none;
}

.breadcrumb li.active a {
    font-weight:600;
}

.breadcrumb li.first a {
    font-size:11pt;
}

.breadcrumb a {
    color: #b0b0b0;
    font-weight: 300;
}

.breadcrumb a:active {
    font-weight:600;
}

.breadcrumb a:hover {
    color: #b0b0b0;
}

.breadcrumb>li+li:before {
content: ">\00a0"
}

.registration__alert-container {
    margin: 10px auto;
}

#registration-process .reg-form .carousel-container .merchandise-image img {
    border:none;
}

#registration-process .reg-form .carousel-container .merchandise-image img {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.swag-img-container {
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin-top: 1.4em;
}

.carousel-container {
    width:30%;
    float:right;
    display:none;
}

.carousel-indicators {
    display:none;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 200px;
    height: 200px;
}

.carousel-control .fa-angle-right,
.carousel-control .fa-angle-left,
.carousel-control .fa-caret-right,
.carousel-control .fa-caret-left,
.carousel-control .fa-chevron-right,
.carousel-control .fa-chevron-left {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    box-shadow: none;
    border: none;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    z-index: 5;
    display: inline-block;
    font-size: 40px;

}

.carousel .fa-angle-left,
.carousel .fa-caret-left,
.carousel .fa-chevron-left {
    left: 0;
}

.carousel .fa-angle-right,
.carousel .fa-caret-right,
.carousel .fa-chevron-right {
    right: 0;
}

.carousel-control.left,
.carousel-control.right {
    background:none;
    text-shadow: none;
}

table .previous {
    color: #cccccc;
}
.nav-away img.letters {
    width: auto;
    height: 12px;
    margin-top: 4px;
    float: left;
    margin-left: 10px;
}

.navbar-brand__white-label {
    margin: 0!important;
    max-width: 150px;
    max-height: 25px;
}

#full-login-page .login-full p.forgot {
    margin-top:0;
}

button.mobile-pledge-button {
    width:100%;
    margin-top:0.5em;
}

iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {
    width:100%!important;
    min-width:0!important;
}

.event-details-center-block {
    text-align: center;
}

.event-details-center-block .left-sidebar-icons {
    float:left;
    clear:left;
    margin: 3px 0 0 0;
}

.event-details-center-block ul {
    margin: 15px 0px 15px 30px;
    border-bottom: 1px #f2f2f2 solid;
    padding: 0px;

}

.event-details-center-block .spacer {
    margin-botton: 30px;
}

.event-details-center-block ul li {
    list-style-type:none;
    text-align: left;
    padding: 0px;
    margin: 15px 0px 15px 0px;
}

.event-details-center-block ul li.twitter {
    margin-bottom: 12px;
    height: 25px;
}

.event-details-center-block ul li.facebook {
    height: 22px;
    margin-top:3px;
}

.middle-section table.sold-out h4 {
    color:#ccc !important;
}

/*Top Fundraiser */

.middle-section .leaderboard-fundraisers div {
    margin-bottom: 0;
}

.middle-section .leaderboard-fundraisers .leaderboard-first .extra-margin {
    margin-bottom: 0.8em;
}

.middle-section .leaderboard-fundraisers button.for-desktop {
    display:none;
}

.middle-section .leaderboard-fundraisers ul {
    margin:0;
    padding:0;
    display:inline-block;

}

.middle-section .leaderboard-fundraisers table.leaderboard-style tr:nth-child(even) {
    background-color:#f9f9f9;
}

.middle-section .leaderboard-fundraisers table.leaderboard-style tr:nth-child(odd) {
    background-color:#ffffff;
}

.middle-section .leaderboard-fundraisers .goal {
    border-right:#ccc solid thin;
}

.middle-section .leaderboard-fundraisers .goal h2,
.middle-section .leaderboard-fundraisers .goal h4 {
    text-align: right;
}

.middle-section .leaderboard-fundraisers li {
    list-style:none;
    padding:0;
}

.middle-section .leaderboard-fundraisers h1 {

    margin:0;
    font-size:11pt;
    word-wrap: break-word;
    text-align: center;
}

.middle-section .leaderboard-fundraisers img {
    max-width: 50px;
}

.middle-section .leaderboard-fundraisers h2 {
    margin:0;
    padding:0;
    font-family:'Open Sans', helvetica, arial, sans-serif;
    font-weight:600;
    color:#666;
    font-size:10pt;

}

.middle-section .leaderboard-fundraisers h4 {
    margin:0;
    padding:0;
    font-size:10pt;
}

.middle-section .leaderboard-fundraisers h5 {
    font-size: 10pt;
    margin-bottom: 0;
}

.middle-section .leaderboard-fundraisers .goal-set {
    margin-top: 0.4em;
}

main {

    position:relative;

}

li.logout-borderless {
    border:none!important;
    padding-bottom:0!important;
 }

h3.default-form-header {
    background-color:#f0f0f0;
}

h2.default-form-header {
    background-color:#f0f0f0;
}


#sub-menu img.letters {
    margin-left:10px;
    width:117px;
    height:12px;
    float:none;

}



li.event-link a {

    color:#666;
}

ul#nav-contact.pull-left {
    padding-left:0;
}

.slicknav_btn {
    float:right;
}

.slicknav_menu .slicknav_icon {
    float:right;
}

div.race-information {
    font-size:11pt;
}


.fallback {
    display:none;
    height:20px;
    margin:0;
    float:left;
    /* Make sure it's the same size as the SVG takes up */
}
.no-svg .fallback {
    background-image: url(../png/rr-symbol-fallback.png);
}

.reg-form .usat-container a.tooltip-icon {
    margin-left:0.5em;
}

a {
    color: #337ab7;
}

.reg-form .has-feedback {
    width: auto;
    display: inline-block;
    line-height: 20px;
    margin: 0.5em 0 0 0;
}

.reg-form .has-feedback input {
    width: 200px;
}

.reg-form .has-feedback i.form-control-feedback {
    top: 12px !important;
    left: 180px !important;
    height: 13px;
    width: 13px;
    display: none;
}

.usat-validate {
    margin-left:10px;
    margin-bottom: 2px;
}

.usat-purchase .dropdown li:first-of-type {
    padding-top: 0;
}
.usat-purchase .dropdown li:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

#EmailModal textarea.email-box {
    line-height:16pt;
}

.tooltip.right .tooltip-inner {
    background-color:rgba(255,255,255,1);
    color:#666;
    opacity:1;
    border: #ccc solid thin;
    padding:10px;
}


.tooltip.right .tooltip-arrow {
    border-right-color: #f5f5f5;
}


#registration-process .reg-form label.term-agree {
    text-align:center;
    margin:0 auto;
    display: block;
    padding-top: 20px;
}

span.agree {
    margin-left:6px;
}


#registration-process .usat-purchase  .dropdown  ul.dropdown-menu {
    margin-left:0;
    display:none;
    width:280px;
}

#registration-process .usat-purchase .dropdown.open ul.dropdown-menu {
   display:block;
}



#registration-process .usat-purchase ul.dropdown-menu li {
    margin-left:0;

}


#confirmation-receipt {
    margin-top:1em;
}



body.event-confirmation {
    background-color:#fff;
    font-family: 'Helvetica-Neue', helvetica, arial, sans-serif;
    font-size:10pt;
    padding-top:15px;
    padding-bottom:15px;

}

body.event-confirmation .container{
    width:612px;

}

body.event-confirmation hr {
    border: solid thin #ddd;
    clear:both;
    margin:0;
    box-shadow:none;
}



body.event-confirmation h1 {
    font-size:16pt;
    font-weight:bold;
}

body.event-confirmation .contact-support {

    width:81%;
    display:inline-block;
    float:left;
    margin-top:1.5em;
}

body.event-confirmation .contact-support li {
    list-style:none;
    margin-left:-37px;

}


body.event-confirmation .contact-support i {
    display:inline-block;
    vertical-align:top;

}

body.event-confirmation .contact-support ul {
    display:inline-block;
    width:250px;
    margin-bottom:18px;

}



body.event-confirmation .contact-support ul.ec-date,
body.event-confirmation .contact-support ul.ec-email {
    width: 180px;

}



body.event-confirmation .event-logo {
    display:inline-block;
    width:19%;
    float:right;
    text-align:right;
}


body.event-confirmation .event-logo img {
    width:100%;
    margin-top:10px;
}

body.event-confirmation h2 {
    font-size:12pt;
    margin:0 0 20px 0;
}

body.event-confirmation h2 span{
    font-style:italic;
    font-weight:bold;
}

body.event-confirmation h3 {
    font-size:10pt;
    font-weight:bold;
}

body.event-confirmation .ec-order-details li {
    list-style:none;
    margin-left:-39px;
    display:inline-block;

}

body.event-confirmation .ec-order-details ul {
    width:50%;
    display:inline-block;
    float:left;
    height:16px;

}

body.event-confirmation .ec-order-details ul.full-width {
    width:100%;


}


body.event-confirmation .ec-order-details li h1 {
    font-size:10pt;
    display:inline-block;
    margin:0;
}


body.event-confirmation .ec-order-details h2 {
    font-weight:400;
    margin-top:0.8em;
    margin-bottom:1em;
}



body.event-confirmation .ec-order-details li h1 span.light-text {
    font-weight:200;
    margin-right:10px;

}

body.event-confirmation h3 span.light-text {
    font-weight:200;
    margin-right:10px;
}

body.event-confirmation .ec-order-details {
    width:65%;
    display:inline-block;
    margin-top:1em;
    margin-left:10px;
    float:right;
}


body.event-confirmation .ec-event-logo {
    width:20%;
    display:inline-block;


}


body.event-confirmation #participant-totals p {
    text-align:center;
    margin-top:1em;
    font-size:9pt;

}

body.event-confirmation .ec-event-logo img {

    float:left;
    margin-top:1.5em;
    margin-bottom:1em;
    width:90px;
    height:90px;
}

body.event-confirmation #participant-totals table.ec-total td {
    padding-top:2px;
    padding-bottom:2px;
}

body.event-confirmation .ec-title li {
    list-style:none;
    margin-left:-37px;
    display:inline-block;
}

body.event-confirmation .ec-title {
    padding-bottom:25px;
}


body.event-confirmation #participant-totals table {
    width:100%;
    margin-top:1em;
    margin-bottom:1em;
}

body.event-confirmation #participant-totals table.ec-total {
    width:35%;
    float:right;
}

body.event-confirmation #participant-totals table th {
    color:#000;
    font-size:12pt;

}

body.event-confirmation #participant-totals table td {
    width:50%;
    padding-top:6px;
    padding-bottom:6px;
}

body.event-confirmation #participant-totals table td:nth-child(even) {
    text-align:right;
}


body.event-confirmation #participant-totals table td i {
    margin-right: 10px;

}

#order-information li.title-right {
    font-size:8pt;

}

#order-information li.event-name {
    font-size:8pt;
    float:left;
    margin-bottom:-2em;

}

body.event-confirmation .ec-title li.logo-left{
    float:left;
}

body.event-confirmation .ec-title li.title-right{
    float:right;
}


body.event-confirmation .ec-titledate li {
    list-style:none;
    margin-left:-38px;
    display:inline-block;
}

body.event-confirmation .ec-titledate {

    margin-top:8px;
}


body.event-confirmation .ec-titledate li.title-right {
    float:right;
    font-size:10pt;
}

body.event-confirmation .ec-titledate li.logo-left{
    float:left;
    font-weight:bold;
}


body.event-confirmation .ec-title  img{
    width:130px;
    height:23px;
}




h4.panel-title a:hover {
    color:inherit;
}


/* Polyfill for old ie browsers */
@media screen\9, screen\0  {
    .btn-green:hover:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.1);
    }
}

.btn-green:hover {
    -webkit-filter: brightness(90%); /* Safari */
    filter: brightness(90%);
}

.btn-green {
    background-color:#4EC067;
    color:#fff;
}

.btn-green:hover,
.btn-green:focus {
    color:#fff;
}

#registration-process .btn-green {
    margin-bottom: 0;
    vertical-align: middle;
}

#registration-process .label {
    display: inline-block;
    float: left;

    font-weight:400;
    margin-top: 2.1em;
    margin-left: 1em;
    clear: none;
    font-size: 10px;
    padding: 0.5em 0.6em;
    text-transform: uppercase;
}

/*Reset labels back to how bootstrap intended*/
#registration-process .subevent-error__label.label {
    display: inline;
    float: none;
    padding: .2em .6em .3em;
    font-size: 75%;
    border-radius: 0.25em;
}

#registration-process .label-optional {
    background-color:#0043bf;
}

#registration-process .label-included {
    background-color:#4EC067;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color:#fff;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc{
    background-color:#f9f9f9;
}

.breadcrumbs a:hover {
   color:#8F8F8F;
}

span.radio-choice {
    vertical-align:middle;
    margin-left:7px;
    display: inline-block;
}

.radio-inline-shift {
    margin-left: -10px;
}

.radio-inline input[type=radio] {
    position:relative;
}

input[type="radio"], input[type="checkbox"] {
    margin:2px 0 0;
}

.contact-information h4 {
    font-family: 'Open Sans', 'HelveticaNeue', helvetica, arial, sans-serif;
    font-size:11pt!important;
    margin-top:0;
    clear:both;
}

.dataTables_wrapper > table.dataTable.no-footer,
.dataTables_scrollBody {
    border-bottom: solid thin #EEE !important;
    /* override datatable scroll border*/
}

.contact-information h4.light {
    font-weight:200;
    width:90px;

}

.contact-information h4 strong {
    font-weight:500;
    width:90px;
}


.contact-information li {
    list-style:none;
}

.contact-information h4 a {
  color:#666;
}


.dataTables_wrapper .dataTables_filter {
    float:left;
    text-align:left;
    width: 100%;
}
.dataTables_wrapper .dataTables_filter label {
    width: 60%;
    float: left;
}
.dataTables_wrapper .dataTables_filter p {
    margin-top: 0.9em;
    float: right;
}
.dataTables_wrapper .dataTables_filter p img {
    margin-bottom: 0.2em;
}

#edit-page-modal .modal-content,
#pledge-modal .modal-content,
#team-edit-page .modal-content,
#team-invite-modal .modal-content,
#EmailModal .modal-content{
    background-color:#fff;
    color:#666;

}


.marker a {
    text-align: center;
    margin: 1em auto 0 auto;
    display: block;
    font-size: 8pt;
    color: rgba(255,255,255,0.5);
}

input.btn.continue {
    margin-bottom:2em;
}

#registration-process textarea {
    max-width:100%;
}


#EmailModal button.submit {
    font-size:12pt;
    margin:1em auto 0 auto;
    text-align:center;
    float:none;
    display:block;


}


#edit-page-modal .modal-header,
#pledge-modal .modal-header,
#team-edit-page .modal-header,
#team-invite-modal .modal-header,
#EmailModal .modal-header{
    background-color:#0043bf;
    color:#fff;
}

#EmailModal h1 {
    font-size:12pt;
    margin-top:0;
}

#EmailModal h1 span {
    color:#0043bf;
}

#EmailModal textarea.email-box {
    border:#ccc solid thin;
    padding:20px;
    font-size:11pt;
    color:#aaa;

}

#EmailModal textarea {
    resize:none;
    width:100%;
    height:130px;
    margin-top:1em;
    margin-bottom:1em;
}

#pledge-modal .modal-body,
#pledge-modal .modal-footer {
    padding:20px;
    text-align:center;
    margin-bottom:-15px;
}

#EmailModal .modal-body {
    padding:30px;

}

.titles h1 i.fa {
    margin-right:6px;
}

#EmailModal .modal-body p{
    margin:0;


}

#pledge-modal .modal-footer {
    margin-bottom:0.5em;
}

#pledge-modal button.continue {

    border:none;
    margin-top:0;
    font-size:10pt;
}

#pledge-modal button.cancel {
    background-color:#ccc;
    color:#fff;
    border:none;
    font-size:10pt;
}

#modal-contact .modal-content {
    background-color:#fff;
}

#edit-page-modal .boxed-in,
#team-edit-page .boxed-in,
#team-invite-modal .boxed-in,
#EmailModal .boxed-in{
    padding:20px;
    border:#ccc solid thin;
}

#edit-page-modal button.save {
    margin-top:1em!important;
    font-size:10pt;
}

#edit-page-modal button.save,
#team-edit-page button.save {

    margin:0 auto;
    border:none;
    float:none;
    display:block;
    font-size:10pt;
}

#team-edit-page button.save {
    margin-top:1em;
    font-size:10pt;
}

#edit-page-modal button.upload
{

    margin:1em auto 0 auto;
    border:none;
    float:none;
    display:block;
    font-size:10pt;
}

#team-edit-page button.upload-team {

    border:none;
    display:block;
    text-align:center;
    clear:left;
    width:100%;
    font-size:10pt;

}

#edit-page-modal .modal-title,
#pledge-modal .modal-title {
    text-align:center;
}

#edit-page-modal i.fa-user,
#team-edit-page i.fa-user{
    width:200px;
    height:200px;
    background-color:#eee;
    text-align:center;
    line-height:200px;
    font-size:33pt;
    color:#ccc;
    margin:0 auto;
    float:none;
    display:block;
}

#team-edit-page i.fa-user {
    float:left;
    margin-bottom:0.3em;
}

#team-edit-page .image-side,
#team-edit-page .text-side {

    display:inline-block;
}


#edit-page-modal h1,
#team-edit-page h1{
    font-size:14pt;
    text-align:center;
}

#team-edit-page input.newpassword {
    margin-top: 1em;
    margin-bottom: 1em;
}

#team-edit-page .text-side {
    float:right;
    width:55%;
}

#team-edit-page span {
    line-height:16pt;

}

#team-edit-page select {
    margin-bottom:1em;
    font-size:9pt;

}

#edit-page-modal span.subtext,
#pledge-modal span.subtext{
    font-size:9pt;
    color:#ccc;
    text-align:center;
    margin: 1em auto 0 auto;
    display:block;
}


#pledge-modal span.subtext {
    margin-bottom:2em;
}

#edit-page-modal textarea,
#team-edit-page textarea{
    resize:none;
    margin-bottom:1em;
    margin-top:1em;
}


header ul, header li {
    display:inline-block;

}

.checkout label {
    margin-top:0.642em;
}

figcaption {
    font-size:9pt;
    color:#666;
}

.log-in-page {
    margin-top:2em;
    background-color:#272930;
    color:#fff;
}


.charity-text button {
    width:100%;
}

.middle-section h1.title,
.middle-section h2.title {
    text-align:center;
    font-weight:400;
}

#registration-process.donate-prompt label {
    font-size:11pt;
    font-weight:200;
    margin-top:1em;
    min-width: 60px;
}



#registration-process.donate-prompt label.radio-inline,
#registration-process.donate-prompt .checkbox label {

    margin-top:0;
}

#registration-process.donate-prompt .checkbox label span,
#donate-page .checkbox label span,
span.donate-help {
    display: block;
}

#registration-process .thankyou-title p.confirmation {
    text-align:center;
    margin-bottom:1em;
    padding:10px;
    border:#ccc solid 1px;
    border-radius:0.05em;
}

.titles {
    background: rgba(0,0,0,0.2);
    padding:0.5em;
    margin:0 auto;
    width:100%;
}

#expiration2 {margin-left:0.13em;}

#navigation {
    background: #ffffff;
    border-bottom:#eee solid 0.01em;
    height: 3em;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index:999;
    display:none;
    padding-top:10px;
}
.translated-ltr #navigation {
    top: 40px;
}
#navigation li {
    list-style:none;
    display:inline-block;
    vertical-align:top;
}
.navbar-nav > li > a {
    line-height:19px;
}

.btn-facebook {
    border:none;
    height:38px;
    line-height:21pt;
    border-radius:5px;
}

ul.social-login a.btn-facebook:hover {
    background-color:#3b5998!important;
}

#header_notification_bar {
    margin-bottom:-0.18em;
}

#navigation ul.dropdown-nav {
    display:block;
    margin-top:2px;


}

.svg-symbol {
    width:25px;
    height:25px;
    margin-top:-3px;
    float:left;
}

.svg-logo-full {
    height:25px;
    margin-top:-3px;
    float:left;
}

.modal-login input {
    border-radius:5px;
}

#registration-process .svg-symbol {
    margin-top:-5px;
}

#registration-process .letters {
    margin-top:-15px;
}

#registration-process .usat-valid,
#registration-process .usat-invalid,
#registration-process .usat-clear {
    display: none;
}

.fallback {
    display:none;
    height:20px;
    margin:0;
    float:left;
    /* Make sure it's the same size as the SVG takes up */
}
.no-svg .fallback {
    background-image: url(../png/rr-symbol-fallback.png);
}

#navigation.nav-up {
    top: -2em;
}

.middle-section table.dataTable tbody th, .middle-section table.dataTable tbody td {
    padding: 0.8em;
    border-bottom:#eee solid thin;
}

table.dataTable thead th {
    border-bottom:#ddd solid thin;
}



label {
    font-weight:400;
    display:block;
    font-size:10pt;
}



h1.confirm-h1 {
    font-size:14pt!important;
}

#confirm .fa-check-square-o {
    margin-top:9px;
}

/* CUSTOM COLOURS (to be chosen by user)
------------------------------------------- */

.custom-primary-color {
    background-color: #0043bf;
}

.custom-primary-icon-color {
    color: #0043bf;
}
.custom-primary-text-color {
    color: #FFFFFF;
}
.custom-secondary-color {
    background-color: #272930;
}
.custom-secondary-text-color {
    color: #fff;
}

.panel-group .panel {
    overflow:visible;
}

textarea.form-control.link-box {
    padding:2em 2em;
    border:#ccc solid thin;
    max-height:16em;
    height:16em;
    width:100%;
    max-width:100%;
    resize: none
}

#pledge-table tr {
    display:inline-block;
    margin-right: 15px;
    margin-left: 15px;
    width: calc(50% - 30px);
}

#pledge-table tr td {
    display: block;
    width: calc(100% - 20px);
}

.small-text {

    font-size:10pt;
}

#pledge-table tr.no-margin {
    margin-right:0;
}

#pledge-table img{

    height:7em;
    width:7em;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-bottom:0.8em;
    border-radius:50%;
}

#pledge-table img:hover{

    opacity:.8;
}

#registration-process  .thankyou-title .note img {
    padding:0;
    margin-top:-2em;
}

#volunteer-page .volunteer-form #datetimepicker input.form-control {
    width:80%;
    float:left;
    display:inline-block;
    margin-left:-1px;
}

#volunteer-page .volunteer-form #datetimepicker.input-group.date {
    float:left;
    display:inline-block;
    width:70%
}

#volunteer-page #form-group.dob {
    width:80%;
    margin-top:-1.5em;

}

ul.nav-away {
    padding:0;
    margin:0;
    float:left;
}

.navigation .nav-away {
    margin:0;
    padding:0;
}

.nav-away .event-link {
 margin-left:2em;
}


a.menu-login {
    color:#666;
    background-color:#fff!important;
    text-transform:none;
    margin:0;
    padding:0;
}

#DataTables_Table_0.shift-left {
    margin-left: 0;

}

.dataTables_wrapper .dataTables_filter input {
    margin-left:0;
    width:100%;
}

.nav-away .fa-angle-left {
    margin-right:5px;
}

.nav-away .to-event-details {
    background:none;
    border: #ADADAD solid 1px;
    color:#ADADAD;
    padding: .27em 8px .1em 8px;
    margin-top:2px;
    transition: All 0.5s ease;
    position:relative;
    float:left;
    display:inline-block;
    font-size:9pt;

    border-radius:3px;
    margin-left:-18em;

}


#pledge-individual .nav-away .to-event-details {
    margin-bottom:-7px;
}

.nav-away .to-event-details:hover {
    background-color:#008fc1;;
    border: #008fc1 solid 1px;
    color:#fff;
}

table.dataTable thead th.time {

    padding-right:10px;
}

#content {
    max-width:767px;
    margin-left:auto;
    margin-right:auto;
}

.date-of-birth select {
    width:80px;
    margin-bottom:1em;
}


#donate-page .date-of-birth select#expYear {
    width:110px;
}

#donate-page .date-of-birth select#expMonth {
    width:80px;
}

.ipad-hidden {
    display:none;
}

#pledge .pledge-participant {
    margin-top:-1.75em;
}

thead th {
    color:#ccc;


}

.right-sidebar li.selected a {
    background-color:#fff;
}

.event-page__mobile-nav {
    position: relative;
    float: none;
}

.event-page__mobile-nav-button {
    display: block;
    padding: 10px 20px;
    width: 100%;
    text-align: left;
    text-transform: none;
    color: #333;
    background: #fff;
    border-radius: 0;
    border-right: none;
    border-left: none;
    font-size: 15px;
}

.event-page__mobile-nav-label {
    display: block;
    text-transform: uppercase;
    color: gray;
    font-size: 11px;
}

.event-page__mobile-nav-menu {
    margin: 0;
    padding: 0 7px;
    width: 100%;
    text-align: center;
    border-radius: 0;
    border: none;
}

.event-page__mobile-nav li:not(:last-child) {
     border-bottom: 1px solid #ccc;
 }

.event-page__mobile-nav li a {
    padding: 10px 5px;
}

thead th.border-left {
    border-left:#ccc 1px solid;
}

table.dataTable thead th.time {

    padding-right:20px;
}

table.dataTable tbody tr:last-child td {
    border:none;
}


table.dataTable thead th {
    background-color:#f5f5f5;
}

thead th.border-right {
    border-right:#ccc 1px solid;
}


.fees-table tr.border-top {
    border-top: #eee thin solid;
    border-bottom:#eee thin solid;
}

button.continue {
    margin-top:1em;
}

.progress-circle {
    margin-left:0;
    position:relative;
    width: 150px;
}


#registration-process header h1 {
    font-size:28pt;
}


.fa-print {
    margin-right:10px;
}

#registration-process .terms-conditions p.print {
    float:right;
}

.waiver-continue {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.waiver-continue label {
    display: inline-block;
    margin: 0 !important;
}

.waiver-continue input[type="checkbox"] {
    margin-right: 8px;
}

.waiver-continue button {
    margin: 1em auto;
    display: block;
    width: 100%;
}

span.bold {

    font-weight:400;

}
button {
    text-transform: uppercase;
    text-align: center;
    padding: 8px 30px;
    font-size: 16pt;
    border: none;
    border-radius: 5px;
    transition: All 0.5s ease;

    position:relative;

}

.banner { position: relative; overflow: auto; width:auto;
    margin-left:auto;
    margin-right:auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }

.centered {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    display:block;

}
#left i.fa.fa-facebook, #left i.fa.fa-twitter {
    display:none;
}
#left a {
    word-wrap: break-word;
}

#dropdown {
    margin-top:25px;
    margin-left:30px;
    margin-right:0;
    display:block;
}



#sub-menu {
    background: rgba(255,255,255,0.99);
    height: 40px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index:999;
    border-bottom:#eee solid 1px;
}
#sub-menu li {
    list-style:none;
}

#sub-menu {
    display:block;
}

#sub-nav {
    display:none;
}

#sub-nav #menu{
    display:block;
}

#sub-menu .btn-small-reg {
    padding: 4px 10px 2px 10px;
    font-size:9pt;
    display:inline-block;
    float:right;
    position:absolute;
    right:12px;
    margin-top:-35px;
    top:44px;
    letter-spacing:1px;
    border-radius:3px;
}


#sub-menu span.guest {

    font-weight:lighter;
    font-size:16pt;
    margin-top:.7em;
    line-height:10pt;
    text-align:left;
    display:block;
}

#sub-menu .user-info span.create,
#sub-menu .user-info span.edit-profile {
    font-size:10pt;
    float:left;
    margin-left:-0.8em;
    text-align:left;

}

#sub-menu .user-info span.edit-profile{
    display:block;

}


#sub-menu .user-info span.create {
    display:none;
}


#sub-menu .log-in {
    display:none;
}

#sub-menu i.fa.fa-user {

    color:#CCC;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 25px;
    line-height: 55px;
    text-align: center;
    float:left;
    border: solid 2px #CCC;
    display:none;

}


#sub-menu img {

    width: 60px;
    height: 60px;
    float:left;
}


#sub-menu .btn-small-o {

    background:none;
    border-radius: 5px;
    border: #666 solid 1px;
    padding: 6px 10px;
    font-size:10pt;
    line-height:12pt;
    color:#666;
    text-align:left;
    float:right;
    margin-left:10px;
    margin-top:1.3em;
    display:none;
}

#sub-menu .btn-small-o:hover {

    background-color:#008fc1;;
    border: #efefef solid 1px;
    color:#fff;
}

#sub-menu li p {

    text-align:left;
    margin-left:.7em;
    float:left;
}

ul#nav-contact {
    margin: 10px 0 0 0;
}

ul#nav-contact li {
    display: inline;
    margin-right:10px;
}




.slicknav_nav {

    display:block;
    margin-right:auto;
    padding-top:10px;
    padding-left:30px;
    padding-right:30px;
    font-size:0.875em;
    background-color:#fff;
    border-bottom: thick #008fc1 solid;
    margin-left:-34px;
    width:124%;

}

/* Polyfill for old ie browsers */
@media screen\9, screen\0  {
    button:hover:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.1);
    }
}

button:hover {
    -webkit-filter: brightness(90%); /* Safari */
    filter: brightness(90%);
}

.modal-header button.close:hover:before {
    background:none!important;
}

.modal-header button.close:hover {
    background:none!important;
}

.slicknav_menu li {
    padding: 0.55em 0;
    border-top:thin #666 solid;
}

.slicknav_menu li.user-info {
    padding: 0;
    border-top: none;
    margin-bottom:6em;
    margin-top:1em;
    color:#666;
    position:relative;

}

#sub-menu i.fa.fa-angle-right {

    color:#666;
    float:right;
    display:inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    border: solid 2px #a5a5a5;
    transition: All 0.5s ease;

}

#sub-menu i.fa.fa-angle-right:hover {
    color:#008fc1;;
    border: solid 2px #008fc1;;
}

a {
    transition: All 0.5s ease;
}
a:hover {
    text-decoration: none;
}
nav {
    float: right;

}

header h1, header h2 {
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right:auto;
}
header h1 {


    font-weight:200;
}

header h2 {

    font-weight:100;
    font-size:14pt;
}

h1 {
    font-size: 28pt;
}
h2 {
    font-size: 18pt;
}

.race-name {
    margin-top: 4em;
    margin-bottom: 4em;
}


table.dataTable thead th.th-hidden {
    display:none;
}

.links .fa-angle-up {
    width:20px;
    height:20px;
    text-align:center;
    border-radius:50%;
    border:#fff solid thin;
    vertical-align:top;
    line-height:16px;
}


.links a .fa-angle-up:hover {
    opacity:.5;
    color:#666;
}

/*LOGIN-MODAL*/

#modal-login {
    display:block;
}

#modal-login.sign-up {
    display:block;
}


.modal-content {
    background:rgba(0,143,193,0.97);
    color:#fff;
    border:none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-bottom:1px;

}

#modal-login .modal-content h1 {

    font-weight:lighter;
    font-size:20pt;
    text-align:center;
    margin-top:1em;
    margin-bottom:1.2em;
}

#modal-login .modal-content ul {
    display:block;
    margin-left:-1.5em;
    float:none;
    text-align:center;
    width:100%;

}

#waiver-modal {
    background-color:#0043bf;
}

#modal-login .modal-content li {
    margin-top:0.5em;
    list-style:none;

}
#modal-login .modal-content .social-login li {
    display:inline-block;
    width:48%;
}

#modal-login .modal-header {
    background:none;

}

#modal-login .modal-content button.sign-up{
    margin-left:auto;
    margin-right:auto;
    display:block;
    background:rgba(0,0,0,0.3);
    width:87%;
    margin-bottom:0.5em;
    font-size:12pt;
}

#modal-login .modal-content button{

    margin-bottom:0.5em;
    font-size:12pt;
}

#modal-login .modal-content li button{
    background:rgba(255,255,255,1.0);
    width:100%;
    margin-bottom:1.5em;
    text-transform:none;
}

#modal-login .modal-content li button.facebook-login {
    color:#3b5998;
}

#modal-login .modal-content li button.google-plus-login {
    color:#dd4b39;
}

#modal-login .modal-content li button i.fa-twitter-square{
    display:inline-block;
    margin-right:8px;
    vertical-align: text-bottom;
}

#modal-login .modal-content li button i.fa-twitter-facebook{
    display:inline-block;
    margin-right:8px;
    vertical-align: middle;
}

#modal-login .modal-content a {
    color:#fff;
}

#modal-login .modal-content p  {
    text-align:center;
    font-weight:200;

}


#modal-login .modal-content b  {
    text-align:center;
    margin-bottom:0.5em;
    font-weight:400;
    text-decoration:underline;

}

#modal-login .modal-content p.forgot {
    font-size:9pt;
    margin-bottom:0.4em;
    color:#fff;
}


#registration-process .reg-form ul.copy-address {
    clear: both;
}

#registration-process .reg-form ul.email {
    margin-top:.058em;
}

#registration-process .reg-form ul.list-shift {
    margin-bottom:-18px;
}

#registration-process .reg-form label {
    margin: 1em auto 0.5em auto;
    text-align:left;
}

#registration-process .reg-form .checkbox label,
#registration-process .reg-form .radio label {
    margin-top:0;
    margin-left:20px;
}

#registration-process .reg-form label.radio-inline {
    margin-top:0;
}

#registration-process .sub-event-pending {
    clear:both;
    display: none;
}

#registration-process .red {
    color:red;
    font-size: 70%;
    vertical-align: middle;
    margin-right: 0.3em;
}

#registration-process .green {
    color:green;
}

.spinner {
    font-size:2.5em;
    text-align: center;
    width: 100%;
    color:#E4E4E4;
    clear: both;
}

.clear {
    clear:both;
}

#registration-process ul.regular-list {
    margin-top: 20px;
}

#registration-process ul.regular-list li {
    list-style-type: disc;
    margin-left:-10px;
}

button.event-right-sidebar,
a.event-right-sidebar {
    width: 200px;
    margin: 5px 0;
    padding-top:10px;
    padding-bottom:10px;
    font-size: 12pt;
    white-space: normal;
    text-transform: uppercase;
}

.charity-slider img {
    margin-top:20px;
}

.sidebar-charity-list {
    margin: 20px 0 20px 0;
    padding-bottom:20px;
    border-bottom: 1px solid #ccc;
}

.sidebar-charity-list h1 {
    font-size: 13pt;
    padding-left: 8px;
    padding-right: 8px;
    margin: 0.8em 0 0 0;
    line-height: normal;
    text-align:center;
    color: #666;
    font-weight: 500;
}

.sidebar-charity-list ul li {
    text-align: center;
    border-bottom: none;
}

.sidebar-charity-list ul li a {
    padding:5px 0 5px 0;
    color:#666;
    font-size: 11pt;
    line-height: normal;
}

.sidebar-charity-list .donate-button {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.charity-widget {
    width: 99%;
    margin:10px auto 10px auto;
}

.charity-widget h2, .charity-widget h4 {
    margin:0 !Important;
    padding:0;
    font-size:14px;
}

.charity-slider .progress,
.sidebar-charity-list .progress {
    height: 27px;
    margin-top:10px;
    background-color: #E8E8E8 !important;
}

.charity-widget h2 {
    font-weight: bold;
}

.charity-widget .goal {
    border-right: 1px solid #ccc;
}

#modal-login {
    display:block;

}


.log-in-page #modal-login .modal-content {
    background:none;
}

.log-in-page #modal-sign-up .modal-content {
    background: none;
}

.log-in-page #modal-sign-up label {
    text-align:left;
}



.log-in-page #modal-login,
.log-in-page #modal-sign-up {

    max-width:380px;
    margin:0 auto;

}

#rr-login-logo {

    display:block;
    text-align:center;
    margin: 0 auto 2em;
}

.log-in-page #footer{
    background-color:#272930;
    margin-bottom:-7em;
}


.log-in-page .modal-content {

    box-shadow: none;
    outline: none;
    border:none;
}

.sign-up .alternate-log-in {
    padding-top: 18px;
}

.alternate-log-in {
    background-color:rgba(0,0,0,0.2);
    padding-top:8px;
    padding-bottom:1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom:-1px;
}

#authentication-form .form-contained {
    min-height: 236px;
}

#modal-login.sign-up {
    display:block;
}

#modal-login .modal-body,
#modal-sign-up .modal-body {
    padding:0;
}

#modal-login .modal-content h1 {

    font-weight:lighter;
    font-size:18pt;
    text-align:center;
    margin-bottom:0.3em;
    letter-spacing: 1px;
    padding-left:20px;
    padding-right:20px;
}

#modal-login .modal-content ul {
    display:block;
    margin-left:-1.5em;
    float:none;
    text-align:center;
    width:100%;
}

#modal-login .modal-content li {
    margin-bottom:0.5em;
    list-style:none;

}
#modal-login .modal-content .social-login li {
    display:inline-block;
    width:100%;
}

#modal-login .modal-header {
    background:none;

}

#modal-login .btn-social,
#modal-sign-up .btn-social
{
    font-size:9pt;
    text-align:center;

}


#modal-login .btn-social > :first-child,
#modal-sign-up .btn-social > :first-child{
   font-size:11pt;
    line-height:30pt;

}


#modal-login .modal-content button.sign-up{
    margin-left:auto;
    margin-right:auto;
    display:block;
    background-color:#285a85;
    width:100%;
    margin-bottom:0.5em;
    font-size:12pt;
    height:38px;
}

.login-fields li {
    margin-bottom:1em;
}

.log-in-page #modal-login .modal-content button{

    margin-bottom:2em;
    font-size:10pt;
    letter-spacing: 1px;
}

.log-in-page hr {

    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin:1.5em 0;

}

.log-in-page p.forgot a {
    float:left;
    margin-bottom:1em;
}


.log-in-page p.forgot a:hover {
    opacity:.5;
}


.log-in-page #modal-login .modal-content h1,
.log-in-page #modal-sign-up .modal-content h1{
    font-size: 16pt;
}

.log-in-page #modal-login .modal-content button.sign-up,
.log-in-page #modal-sign-up .modal-content button.sign-up{
    width: 89%;
}


#modal-login .modal-content button{

    margin-bottom:0.5em;
    font-size:12pt;
}

#modal-login .modal-content li button{
    background:rgba(255,255,255,1.0);
    width:100%;
    margin-bottom:1.5em;
    text-transform:none;
}

#modal-login .modal-content li button.facebook-login {
    color:#3b5998;
    letter-spacing:none;
}

#modal-login .modal-content li button.google-plus-login {
    color:#dd4b39;
    letter-spacing:none;
}

#modal-login .modal-content li button i{
    display:inline-block;
    margin-right:8px;
}

#modal-login .modal-content a {
    color:#fff;
}

#modal-login .modal-content p  {
    text-align:center;
}

#modal-login .modal-content b  {
    text-align:center;
    margin-bottom:0.5em;
}

#modal-login .modal-content p.forgot {
    font-size:9pt;
    color:#fff;
    margin-top:20px;
    margin-bottom:20px;
}

#modal-sign-up .modal-content img,
#modal-login .modal-content img {
    text-align:center;
    display:block;
    float:none;
    opacity:1;
    padding-left:15px;
    margin: -0.6em auto 1.8em;
    width: 150px;
    height: 24px;
}

#modal-login .modal-content p.no-account {
    margin-top:2em;
    vertical-align:top;
}



/*CONTACT MODAL*/
#modal-contact {
    max-width:400px;
}

#modal-contact .modal-form {
    padding:10px;
    margin-bottom:2em;
}

#modal-contact ul {
    margin-bottom:0.5em;
}

#modal-contact .submit-buttons {
    display: inline-block;
    float: right;
    margin-bottom:1em;
}

#modal-contact .modal-content {

    margin-top:4em;
}

.log-in-page #modal-sign-up .modal-content img {
    width:50%;
    opacity:1;
}


#modal-contact .modal-content label {
    color:#ababab;
}

#modal-contact .modal-form button {
    display:inline-block;
    margin-top:-1em;
    line-height:18px;
    border:none;
    margin-right:20px;

}
#modal-contact button:hover {
    background-color:#0043bf;

    color:#fff;
}

input[type="file"] {
    color:#ababab;
}

#modal-contact .file-input {
    display:inline-block;
    margin-left:20px;
    margin-top:10px;
}
#modal-contact ul {
    margin-top:0.5em;
}

#modal-contact li {
    list-style:none;
    width:100%;
    display:block;
    margin-left:-20px;
    margin-bottom:0.5em;

}

#modal-contact li input {
    padding-right:35px;
}

#modal-contact li.no-margin {
    margin-right:0;

}
#modal-contact li.full-width {
    width:100%;
}

#modal-contact .modal-header h1 {
    font-size:16pt;margin-left:22px;
    margin-top:0.3em;
}

.contact-modal__select-container {
     color: #333;
     font-size: 12px;
     display: block;
     width: 100%;
 }
@media (min-width: 768px) {
    .contact-modal__select-container {
        width: auto;
    }
}

.contact-modal__select-item {
    display: flex;
}

.contact-modal__select-item-content {
    margin-left: 20px;
}

.contact-modal__eo-contact-container, .contact-modal__rr-contact-info {
    display: none;
}

.contact-modal__go-back {
    display: inline-block;
    margin-bottom: 10px;
}

.contact-modal__eo-contact-info {
    color: #666;
    font-size: 12px;
    border: 1px solid #ddd;
    padding: 0 5px 5px 5px;
    background: #f1f1f1;
    margin: 0 auto 10px;
}
@media (min-width: 768px) {
    .contact-modal__eo-contact-info {
        margin-right: 35px;
    }
}

.contact-modal-eo-contact-header {
    margin: 0 -5px 15px -5px;
    text-align: center;
    padding: 5px 5px;
}

.contact-modal__eo-contact-item {
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    margin: 0 3px 0 2px;
}

/* MODAL SIGN UP
------------------------------------------- */

#modal-sign-up {
    display:block;
}

#modal-sign-up.sign-up {
    display:block;
}


#modal-sign-up .modal-content {
    background:rgba(0,143,193,0.97);
    color:#fff;
    margin-top: 3.8em;

}

#modal-login .modal-content {
    margin-top: 3.8em;
}

#modal-sign-up .modal-content p {
    margin-bottom:1em;
}

#modal-sign-up .modal-content h1 {

    font-weight:lighter;
    font-size:18pt;
    text-align:center;
    margin-top:0.5em;
    margin-bottom:0.2em;
    letter-spacing:1px;
    padding-left:15px;
    padding-right:15px;
}

#modal-sign-up .modal-content ul {
    display:block;
    margin-left:-1.5em;
    float:none;
    text-align:center;
    width:100%;

}

#modal-sign-up .modal-content li {
    margin-bottom:0.5em;
    list-style:none;

}


li div.checkbox-sign-up {
    margin-top:15px;
    margin-bottom:12px;
}


li div.checkbox-sign-up label{
    font-size:9pt;
    font-weight:200;
    padding-top:8px;
    padding-right:8px;
    padding-bottom:8px;
}


li div.checkbox-sign-up label a{
    font-size:9pt;
    font-weight:600;
}


li div.checkbox-sign-up label a:hover{
 text-decoration:underline!important;
}


.log-in-page li div.checkbox-sign-up label {
    text-align:center;
    font-weight:400;
}


.log-in-page #modal-sign-up .modal-content li {
    margin-bottom:1em;

}

#modal-sign-up .modal-content .social-login li {
    display:inline-block;
    width:100%;
}

#modal-sign-up .modal-header {
    background:none;

}

#modal-sign-up .modal-content button.sign-up{
    margin-left:auto;
    margin-right:auto;
    display:block;
    background:#285a85;
    width:100%;
    margin-bottom:0.9em;
    margin-top:0.5em;
    font-size:12pt;
}

#modal-sign-up .modal-content button{

    margin-bottom:0.5em;
    font-size:12pt;
}

#modal-sign-up .modal-content li button{
    background:rgba(255,255,255,1.0);
    width:100%;
    margin-bottom:1.5em;
    text-transform:none;
}

#modal-sign-up .modal-content li button.facebook-login {
    color:#3b5998;
}

#modal-sign-up .modal-content li button.google-plus-login {
    color:#dd4b39;
}

#modal-sign-up .modal-content li button i{
    display:inline-block;
    margin-right:8px;
}

#modal-sign-up .modal-content a {
    color:#fff;
}

#modal-sign-up .modal-content p {
    text-align: center;
    font-weight:200;

}

.log-in-page #modal-sign-up .modal-content p {
    margin-top:3em;
}


#modal-sign-up .modal-content b  {
    text-align:center;
    margin-bottom:0.5em;
    font-weight:400;
    text-decoration:underline;

}

#modal-sign-up .modal-content p.forgot {
    font-size:9pt;
    margin-bottom:0.4em;
    color:#fff;
}


header button {
    display: none;
    margin: 3em auto -4.1em;
}


#content {
    margin-top: 2em;
    color: #666;
}


/*
-------------------EVENT DETAILS------------------------ */

.social {
    margin-left:auto;
    margin-right:auto;
    display:block;
    text-align:center;
    float:none;

}
.details {
    font-size: 12pt;
    overflow-x: hidden;
    overflow-y: auto;

}

.details ul {
    border-bottom: 1px #f2f2f2 solid;
    padding: 1em;
    margin: 0 !important;
    display: inline;
}
.details ul:first-of-type {
    border-top: 1px #f2f2f2 solid;
}

.event-details-center-block .event-logo {
    width:200px;
    height:200px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-bottom: 1em;
    display:block;
    border: 1px transparent;
}

.details i.list-icon {
    vertical-align: top;
    margin-right: 1em;
    padding-top: 1.2em;
}

.details li {
    display: inline-block;
    list-style: none;
    line-height:16pt;
    padding: 1em 0 !important;
}

.race-information li.event-date p {
    display: inline-block;
    margin-left: -0.3em;
    margin-bottom: 0;
}

.race-information li.event-date i {
    vertical-align: top;
    padding-top: 0.3em;
}

.details a {
    color: #a5a5a5;
}
.details a:hover {
    color: #008fc1;;
}

.registration-fees {
    margin-top: 1em;
    display: block;
}

.registration-fees span.sold-out {
    display:inline-block;
    margin-bottom:0;
    margin-top:0;
}

.registration-fees .onefee-table ul {
    width:100%;

}

.registration-fees .onefee-table li {
    list-style:none;
    margin-left:-40px;
    display:inline-block;
    margin-top:1.5em;
    padding:10px;
    background-color:#f9f9f9;
    margin-bottom:0.2em;

}

.registration-fees .onefee-date {
    width:82%
}

.registration-fees .onefee-price {
    width:33%;
}


/*
------------------------------------------- */

#content .right-sidebar {
    display: none;
}
.middle-section h1 {
    font-size: 16pt;
    margin: 0;
    text-align:left;
}
.middle-section h2 {
    font-size: 14pt;
    margin-top: .4em;
    margin-bottom: .4em;
}
.middle-section td {
    padding: 10px;
}
.middle-section h4 {
    font-size: 13pt;
    margin:0;
    font-weight:200;

}

.middle-section .registration-fees h4 {
    font-size: 13pt;
    margin: 5px 0 0 0;
    font-weight:500;
    width:85%;

}
.middle-section h5 {
    font-size: 11pt;
    margin-top:5px;
    color: #666;
    font-weight: 200;

}
.middle-section h5 span {

    font-weight:200;
}

.middle-section .fees-table h5 {
    font-size:10pt;
}

.middle-section p {
    overflow: auto;

}
.middle-section div {
    margin-bottom: 2em;
}

#view-teams .middle-section div {
    margin-bottom:1.85em
}

.volunteer-now {
    margin-top: 0;
}


#volunteer-page .middle-section div {
    margin-bottom:1.5em;
}


.middle-section h6 {
    padding: 10px;
    border: #ccc solid thin;
    text-align: center;
    font-size: 12pt;
}
.middle-section li {
    padding-top: 10px;
}
.btn-small {
    padding: 8px 10px;
    font-size: 12pt;
}

.btn-sm-reg {
    font-size: 10pt !important;
}

button {

    font-weight:400;
}
/* Schedule List
------------------------------------------- */


#event-schedule .schedule-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
#event-schedule .schedule-list:before {
    content: "";
    position: absolute;
    left: 0.55em;
    top: 5px;
    bottom: 13px;
    width: 1px;
    border-left: 1px solid #CCC;
}
#event-schedule .schedule-list li {
    padding-left: 20px;
    position: relative;
    margin-top: 20px;
}
#event-schedule .schedule-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    background-color: #008fc1;
    border: #fff 2px solid;
    border-radius: 50%;
    margin-left:0.17em;
}
#event-schedule li {
    padding: 0;
}
/* Tables
------------------------------------------- */
.middle-section table {
    width: 100%;
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
}

table.table-style tr:nth-child(odd) {
    background-color: #fff;
    border-bottom:#f0f0f0 solid thin;
}

table.table-style tr:nth-child(even) {
    background-color: #fff;
    border-bottom:#f0f0f0 solid thin;
}

table.table-style tr:last-child {
    background-color: #fff;
    border-bottom:#ddd solid thin;
}

table.table-style thead tr {
    border:none;
}
table tr.previous td {
    color: #cccccc;
}

table.table-style thead th {
    background-color:#fff!important;
    padding:10px;
    color:#666;
    font-weight:400;

}

.dataTables_scrollHead,
.dataTables_scrollHeadInner {
    /* need to override the overly generic '.middle-section div' */
    margin-bottom: 0 !important;
}

.current-label {
    margin-right:4px;
    font-size:9pt;
    vertical-align:bottom;
}


.middle-section .fees-table h5 {
    margin-top:0;
    margin-bottom:0;
}



table.table-style thead {
    border:#ddd solid thin;

}

table.table-style tbody {
    border: #dddddd solid thin;
}


#event-details table {
    margin-top:0.5em;
}

table.sold-out {
    text-decoration:line-through;
    color:#E1E1E1;

}

table.sold-out tr.head{
    background-color:#ECECEC;
    text-transform:uppercase;

    font-weight:400;
    width:100%;

}

span.soldout {
    text-align:center;
    padding:15px;
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
    display:block;
    text-transform:uppercase;
    width:100%;

}
.middle-section h3 {
    padding: 8px 15px 8px;
    margin-bottom: 2em;
    display: block;
    font-size: 12pt;
}


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

.charity-text h1,
.charity-text h2 {
    text-align: left;
}

.charity-text p {

    font-weight: 200;
    font-size: 16pt;
    text-align:left;
}
img.charity-logo {
    margin: 0 25px 2px 0;
    float: left;
    width: 100px;
    height: 100px;
}

.charity-donations img {
    width: 100px;
    height: 100px;

}
.charity-donations p {

    font-size: 12pt;
}

ul.charity-description {
    overflow: auto;
}

ul.donation-list {
    margin-top:30px;
}

ul.donation-list h1 {
    font-size:smaller;
    font-weight: 300;
}

ul.donation-list input {
    margin-right: 4px;
    top: -1px;
    position: relative;
}

#registration-process ul.donation-list label {
    margin-top: 0;
}

/* Middle Table Style
------------------------------------------- */
table.primary-table-style thead {
    border:#ddd solid thin;
}

table.primary-table-style tbody {
    border:#ddd solid thin;
}

table.primary-table-style thead th {
    background-color:#f9f9f9;
    padding:10px;
    color:#666;
    font-weight:400;

}

table.primary-table-style tr:nth-child(odd) {
    background-color: #fff;
    border-bottom:#f0f0f0 solid thin;
}

table.primary-table-style tr:nth-child(even) {
    background-color: #fff;
    border-bottom:#f0f0f0 solid thin;
}

table.primary-table-style tr:last-child {
    background-color: #fff;
    border-bottom:#ddd solid thin;
}

table.dataTable {
    border:#ddd solid thin;
}
table.dataTable thead {
    border:#ddd solid thin;
}

.team-pledge-choices table.dataTable   {
    border: none;
}

.pledge-star img {
    margin-bottom: 5px;
}

.registration-buttons {
    text-align: center;
    margin-top: 1em;
}

/* Pledge
------------------------------------------- */

.to-event-details {
    padding:5px 8px;
    font-size:9pt;
    font-weight:400;
}


.search-box {
    border: 2px #e6e6e6 solid;
    border-radius: 5px;
    padding: 10px 15px 0.816em 15px;
    font-size: 10pt;
    margin-bottom: 1em;
    width: 100%;

}
.search-btn {
    padding: 0.4em 12px;
    margin-left: 4px;
    margin-bottom:0;
    vertical-align:top;
}
.pledge-participant h1, .pledge-team h1 {
    font-size: 12pt;
    font-weight:200;
    display:inline-block;
    margin-top: 2em;
}
.amount-hidden {
    display: none;
}
.middle-section .pledge-participant i.fa.fa-user,  .middle-section .pledge-team i.fa.fa-user
.middle-section .pledge-participant i.fa.fa-group,  .middle-section .pledge-team i.fa.fa-group {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    border: #dadada solid thin;
    color: #dadada;
    float: left;
    margin-right: 0;
    margin-top: 1.4em;

}
i.fa.fa-user.no-photo {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 20px;
    line-height: 44px;
    text-align: center;
    border: #dadada solid thin;
    color: #dadada;
}
.pledge-participant li, .pledge-team li {
    list-style: none;
    display:inline-block;
    font-size: 11pt;
    margin: -1em 0 0 0;
}
.pledge-team ul,
.pledge-participant ul {
    padding-bottom: 25px;
    border-bottom: #e6e6e6 solid thin;
}
.pledge-participant li button, .pledge-team li button {
    padding: 7px 15px;
    font-size: 12pt;
}

.pledge-team .amount-raised, .pledge-participant .amount-raised {
    width: 56%;
}
.pledge-team .goal-amount, .pledge-participant .goal-amount {
    display: none;
}
.hidden {
    visibility: hidden;
}
.pledge-btn {
    font-size: 9pt!important;
    margin:0;
    float:left;
}
.pledge-button .pledge-btn {
    float:right;
    margin-top:-2em;
}

.pledge-button {
    float:right;

}

/*Top Fundraisers
------------------------------------------- */


i.x-large {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    font-size: 40px;
    line-height: 130px;
    text-align: center;
    border: #dadada solid thin;
    color: #dadada;
    display: inline-block;
    margin-left:auto;
    margin-right:auto;
    margin-top:.3em;
    float:none;
}


i.large {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    font-size: 20px;
    line-height: 70px;
    text-align: center;
    border: #dadada solid thin;
    color: #dadada;
}
i.small {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    margin-left: 10px;
    border: #dadada solid thin;
    color: #dadada;
}
.clean-table img {
    margin-left: 10px;
}
.fundraiser-name {
    margin-left: -10px;
}
.clean-table .grey-light {
    background-color: #f8f8f8;
}
.clean-table h4 {
    text-align: left;
    font-size: 12pt;
    display: inline-block;
}
.clean-table {

}

.clean-table td {
    padding-right:10px;

}

.event-details-block {

}
.top-fundraisers ul {
    text-align: center;
    display: inline-block;
}
.top-fundraisers li {
    list-style: none;
}
.top-fundraisers h1, .top-fundraisers h2, .top-fundraisers h4 {

    margin: 0 0 9px 0;
    padding: 0;
    font-size: 11pt;
}
.top-fundraisers h1 {
    margin-top: 12px;
}

.top-fundraisers h1.leader {
    font-size: 16pt;
    text-align: left;
    display: inline-block;
    margin-top: 1em;
}
.top-fundraisers a {
    color: #a5a5a5;
}

button.add-team-member-button i,
button.add-participant-button i {
    margin-right:10px;
}

button.add-team-member-button,
button.add-participant-button {
    display:inline-block;
    vertical-align:middle;
    width:300px;
    float:none;
    margin-top: 1em;
}

.registration__button-subtext {
    font-size: 11px;
    text-transform: capitalize;
    display: block;
}

button.add-team-member-button,
button.add-participant-team__button {
    background-color: #f2811c !important;
}

.buttons-centered input.btn-green {
    vertical-align:bottom;
    width:300px;
    float:none;
    display:inline-block;
}

.buttons-centered {
    margin:2.7em auto 0 auto;
    float:none;
    display:block;
    text-align:center;

}

.top-fundraisers .first-place {

    display:inline-block;
    vertical-align:middle;
    float:none;
    margin-bottom: 1em;
    text-align: left;
}
.top-fundraisers .place-one {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
a:hover {
    color: #008fc1;
}

#waiver-modal .modal-content .term-wrap {
    color: #666;
    height: 250px;
    max-height: 250px;
    min-height: 250px;
}
#waiver-modal .modal-content .term-wrap p {
    text-align: left;
}

#waiver-modal .modal-content .modal-footer a {
    color:#fff;
}

/* Confirm Registration
------------------------------------------- */

.confirm-registration h1 {
    font-size: 12pt;
    display: inline-block;
    margin: 0 0 0 9px;

}
.confirm-registration h2 {
    font-size: 11pt;
    margin: 3px 0 2em 0;
    padding: 0;
    text-align:left;
}


.confirm-registration .search-box {
    width:80%;

}

/* Contact Information
------------------------------------------- */
.middle-section .contact-information div {
    margin-bottom: 0;
}
.contact-information ul {
    padding: 0;
}
.contact-information li {
    list-style: none;
    padding-top:0;
    margin-bottom:10px;
}

.contact-information h1 {
    font-size: 13pt;

}
.contact-information h2 {
    font-size: 10pt;
}

.contact-information h1,
.contact-information h2 {

    text-align:center;
}

.contact-information .director-img {
    width: 60px;
    height: 60px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}


/* Map
------------------------------------------- */

#map {
    margin-top: 2em;
    padding-top: 3em;
    padding-bottom: 2.9em;
}


.marker {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 25px;
    border-left: 0;
    text-align:center;
    margin:0 auto;
}

.marker a:hover {
    opacity:.6;
    color:#fff;
}



.marker h1 {
    font-size: 15pt;
    margin: 0;
    font-weight: 400;
    text-align:center;

}


.marker h2, .marker h4 {
    font-size: 11pt;
    margin:0;
    font-weight: 200;
    text-align:center;

}
.top-fundraisers .second-place, .top-fundraisers .third-place {
    display: none;
}
.left-sidebar {
    display: none;
}

.left-sidebar li {
    text-align: left;
}

.left-sidebar .sidebar-social {
    text-align: left;
}
.sidebar-social div {
    margin-bottom: 0.5em;
    display: block;
}
.race-information .sidebar-social div {
    display: inline-block;
    text-align: center;
}

#footer {
    color:#fff;
    padding-top:10px;
    padding-bottom:5px;
    margin-bottom:0!important;


}

#footer.confirmation-registration {
    position:absolute;
    bottom:0;
    width:100%;
}

#map.confirmation-registration {
    position:absolute;
    bottom:0;
    width:100%;
}


#footer li {
    display:inline-block;
    list-style:none;

}

#footer ul.links {
    display:none;
}

#footer .phone-number {
    display:none;
}

#footer ul.copyright {
    text-align:center;
    margin-right:auto;
    display:block;
    margin-left:-30px;
    float:none;

}

#footer li.no-gap {
    margin:0;
}


#footer li a {
    color:#fff;
}

#footer li a:hover {
    color:#fff;
}

#footer .mobile-footer-nav {
    margin: 10px auto;
    text-align:center;
    display:block;
}

#footer .mobile-footer-nav li {
    padding: 10px 0;
    border-bottom:#fff solid 1px;
    width:100%;
    display:block;
    margin-left:-20px;
}

#footer .mobile-footer-nav li.no-border {
    border:none;
    text-align:right;
    font-size:9pt;
}

#footer .mobile-footer-nav li.no-border .fa.fa-angle-up {
    margin-left:5px;
}

.dataTables_wrapper .dataTables_paginate {
    float:right;
}


#pledge-individual #left{
    display:none;
}


#pledge-individual .content {
    margin-top:1.9em;
}

#pledge-individual .text-content {
    border-right:thick #F2F2F2 solid;

}

#pledge-individual header h2 {
    font-size:14pt;


}

#footer .mobile-footer-nav li.no-border {
    text-align:center!important;
}

#pledge-individual .col-md-9,
#pledge-individual .col-md-3 {
    background-color:#fff;
}

#pledge-individual #left button,
#pledge-individual #left a.join-team-link {
    padding-left:15px;
    padding-right:15px;
    margin-top:0.6em;
    width:70%;
    font-size:12pt;
}

#pledge-individual .col-md-3 {
    float:right;
}

#pledge-individual #left .no-photo {

    width:130px;
    height:130px;
    border: #ccc solid thin;
    border-radius:0;
    margin-top:1em;
    line-height:130px;
    font-size:32pt;
    margin-bottom:0.5em;
}

#pledge-individual #left img {

    width:130px;
    height:1300px;
    margin-top:1em;
    margin-bottom:0.5em;
}

#pledge-individual #left button.stretch,
#pledge-individual #left a.join-team-link {
    width:70%;
    display:block ;

}

#pledge-individual #left a.join-team-link {
    text-transform: uppercase;
    text-align: center;
    padding: 8px 15px;
    font-size: 12pt;
    border: none;
    border-radius: 5px;
    transition: All .5s ease;
    display: block;
    margin-left:auto;
    margin-right:auto;
}

#pledge-individual #left h1 {
    color:#999999;
    font-size: 22px;
    padding-left:15px;
    padding-right:15px;
    font-weight:lighter;
    margin-top:0;
    margin-bottom:0.5em;
    word-wrap: break-word;
}

#pledge-individual #left #race-information {
    margin-top:2em;
    color:#999999;

}

#pledge-individual #left #race-information li {
    padding-left:1.8em;
    padding-top:0.5em;


}
#pledge-individual #left{
    display:block;
}

.progress {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 35px;
    width: 100%;
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear reverse infinite;
    -o-animation: progress-bar-stripes 2s linear reverse infinite;
    animation: progress-bar-stripes 2s linear reverse infinite;
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}

#pledge-individual .text-content h1,
#pledge-individual .text-content h2 {
    font-weight:200;
}

#pledge-individual .text-content {
    padding: 1em;
}

    #pledge-individual {
    color:#666;


}

#pledge-individual .text-content h1.title {
    font-size:18pt;
    margin-bottom: 0;
}


#pledge-individual .text-content h2.title {
    font-weight:lighter;
    font-size:13pt;
    margin:0;
}

#pledge-individual .text-content p {
    font-size:12pt;
    font-weight:200;
    margin-top:0.5em;

}

#pledge-individual h3 {
    padding: 8px 15px 8px;
    margin-bottom:1em;
    margin-top:1em;
    font-size:12pt;
    clear: both;
    float: left;
    width: 100%;

}

#pledge-individual .pledge-mobile-share-icons i.fa-facebook{
    background-color:#3b5998;
    color:#fff;
}


#pledge-individual .pledge-mobile-share-icons i.fa-twitter {
    background-color:#55acee;
    color:#fff;
}

#pledge-individual .pledge-mobile-share-icons i.fa-google-plus {
    background-color:#dd4b39;
    color:#fff;
}

#pledge-individual .pledge-mobile-share-icons i.fa-envelope {
    background-color:#4EC067;;
    color:#fff;
}


#pledge-individual .pledge-mobile-share-icons {
    margin-top:10px;
}

#pledge-individual .pledge-mobile-share-icons i {
   width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    border-radius:50%;
}

#pledge-individual .btn-social {
    height: 25px;
    font-size: 9pt;
    width: auto;
    line-height: 10.5pt;
    display:inline-block;
    vertical-align:bottom;
    border:none;
    text-align: center;
}

#pledge-individual .btn-social.btn-twitter {
    line-height: 10pt;
}

#pledge-individual .btn-social.btn-email{
    background-color:#4EC067;
    color:#fff;
    line-height: 10pt;

}

#pledge-individual .pledge-share-buttons {
    float:right;
}
#pledge-individual .pledge-share-buttons .btn-email i,
#pledge-individual .pledge-share-buttons .btn-twitter i {
    line-height: 20pt;
}

#pledge-individual .btn-social i {
     font-size: 10pt;
    line-height: 21pt;
}

.lg-social-share {
    top: 0;
    right: 0;
    position: absolute;
    margin-top: 1em;
}

#pledge-individual .pledge-form h1 {
    margin-top:0.8em;
    margin-bottom:0.5em;
}

#pledge-individual .pledge-form .input-group {
    width:100%;
    margin-top:0.8em;
    margin-bottom:10px;

}

#pledge-individual .text-content .dial {

    color: #008fc1;

}

.goal-progress h1 {

    font-weight:lighter;
    font-size:18pt;
    margin-top:2em;
    text-align:center;

}

#pledge-individual .donation-amount .choices {
    margin-bottom:1em;
}
#pledge-individual .country .form-control{
    width:280px;
}


.input-group-addon.email {
    background-color:#f55b59;
    border-radius:0;
}

.form-control {
    height:38px;
    background-color:#fff;
    border:#ccc solid thin;
    border-radius:0;
    color:#666;
}

input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
    line-height: 1.42857143 !important; /* cleanzone does a weird thing to override this on mobile only */
}

#modal-login .modal-content p {
    margin-bottom:1.5em;

}

#modal-sign-up .modal-content p.forgot a {
    margin-bottom:1.5em;

}


#pledge-individual .pledge-form ul {
    display:inline-block;
    width:100%;
    padding-left: 35px;
}

#pledge-individual .pledge-form ul.full-width {
    display:inline-block;
    width:100%;
}

#pledge-individual .pledge-form li {
    list-style:none;
    margin-left:-35px;
}

#pledge-individual #pledge-form .fa {

    font-size:14pt;
    width:30px;
    text-align:center;

}

.pledge-form h1 {
    font-size:10pt;
}

#pledge-individual .donation-amount h1 {
    font-size:13pt;
    margin-bottom:0.8em;
}


#pledge-individual .option-down {
    margin-bottom:1em;
}

#pledge-individual .donation-amount {
    color:#666;
}


#pledge-individual .expiration-date h1 {
    font-size:12pt;
    text-align:left;
    margin-bottom:1em;
    display:inline-block;
}

#pledge-individual .pledge-form button {
    width:100%;
    margin-top:1em;
    margin-bottom:1em;
}

#pledge-individual .pledge-form select {

    width:100%;
    display:inline-block;
}

#pledge-individual .pledge-form select.exp-date {

    width:130px;
    display:inline-block;
    margin-top:1em;

}

.pledge-form button i {
    margin-right:0.5em;
}

#pledge-individual .text-content {
    border-right:none;

}

#pledge-individual .content {
    margin-top:3em;
}


.goal-progress h1 {

    display:inline-block;
    float:right;
    font-size:14pt;
    margin-top:1.6em;
    width:38%;
    text-align:left;

}

#view-teams .details {
    display:none;
}

#volunteer-page .volunteer-form .input-group {


    display:inline-block;

}


#volunteer-page .volunteer-form input {
    display:inline-block;
    margin-bottom:0;
}


input.with-addon {
    width:78%;
    display:inline-block;


}

#volunteer-page .volunteer-form input.date-with-addon {
    width:80px;
    display:inline-block;
    margin-right:5px;


}


#pledge-individual input.with-addon {
    width:90%;
    display:inline-block;
    margin-bottom:0;
}



#registration-process input.date-with-addon {
    width:75px;
    display:inline-block;


}

#donate input.date-with-addon {
    width:80px;
    display:inline-block;


}

#registration-process input.date-with-addon {
    width:60px;
    display:inline-block;
}


.input-group-addon {

    background-color:#f9f9f9;    line-height:15pt;
    color:#666;
    font-size:10pt;
}


.checkout .input-group-addon i {
    text-align:center;
    margin-left:.5em;
    font-size:9pt;
}

#volunteer-page .volunteer-form select {

    width:100px;
    display:inline-block;

}

#volunteer-page .volunteer-form select.preference {

    width:100%;
}

#volunteer-page .volunteer-form h1{

    text-align:left;
    font-size:10pt!important;
    margin-bottom:0.8em;
    margin-top:0;
}

#volunteer-page .volunteer-form button {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    clear:both;
}

.terms-conditions {
    background-color:#f9f9f9;
    font-size:10pt;
    padding: 20px 20px 10px 20px;

}

.terms-conditions a {
    color:#B9B9B9;
}


.terms-conditions p {
    margin-bottom:1.2em;
}

.terms-conditions p.print {
    margin-top:0.5em;

}

.terms-conditions .checkbox label {
    margin-top:0.5em;
}

#pledge-individual .checkbox {
    clear:both;
}

.term-wrap {
    background-color:#fff;
    font-size:9pt;
    padding:20px;
    display:block;
    overflow:auto;
    position:relative;
    resize:none;
    text-align:left;
    width:auto;
}

.terms-conditions .term-wrap {
    height:130px;
    max-height:130px;
    min-height:130px;
}

#volunteer-page .volunteer-form h2,
#registration-process h2 {
    font-size:12pt;

    margin-bottom:0.65em;

}


/*
------------------DONATION PAGE------------------------ */

#donate-page .middle-section .donation-form  h1 {
    margin-top:0;
}

#donate-page .about-charity h1,
#donate-page .donation-form h1 {
    font-size:11pt;

}

#donate-page .donation-form h3 {
    float:left;
    width:100%;
}

#donate-page .description {
    margin-top:0;
    margin-bottom:0;
}

#donate-page label.charity-title {
    font-size:14pt;
}

#donation-section {
    margin-bottom:0;
    margin-top:0.5em;
}

#donate-page img.charity-logo {
    width:150px;
    height:150px;
    margin: 4px 15px 0 0;
    border: #ccc solid thin;
}

#donate-page p.single-charity-total span {
    font-weight:600;
}

#donate-page input {
    display:inline-block;
}

#donate-page select {
    display:inline-block;
}

#donate-page select.charity-select {
    display:inline-block;
    margin-bottom:0.5em;
    margin-top:1em;

}

#donate-page select.exp {
    display:inline-block;
    margin-bottom:2em;
    width:80px;
}

#donate-page .donation-form button {
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:100%;

}

#donate-page .donation-form ul {
    float:left;
    width:100%;
    margin:0;
}

#donate-page .donation-form ul.float-right {
    float:right!important;

}

#donate-page .donation-form .input-group {
    width:113%;

}

#donate-page .donation-form .enter-amount {
     margin-bottom: 1em;
}

#donate-page label.donation-receipt {
    margin-bottom:1.5em;
    padding-bottom:0.5em;
}


#donate-page .donation-form ul.date-of-birth li {
    display:inline-block;
    width:48%;
}



#donate-page .donation-form ul.date-of-birth label.dob-year {
    margin-bottom:1.80em;

}


#donate-page .donation-form input.amount {
    margin-top:-1.5em;

}

#donate-page .donation-form ul.full-width h1 {
    margin-bottom:-0.3em;
}

#donate-page .donation-form ul.checkbox {
    float:left;
    width:100%;
    margin-top:0;
    margin-bottom:0;

}

.donate-prompt ul.checkbox,
#pledge-individual ul.checkbox {
    margin-bottom:0.5em;
    margin-top:-1em;
}

.donate-prompt ul.checkbox {
    padding-left: 20px;
}


#donate-page .donation-form ul.full-width {
    width:100%;
}

#donate-page .donation-form ul li {
    list-style: none;
    margin-left:-35px;
    width:100%;

}

a.skip {
    font-size:9pt!important;
    clear:both;
    margin:0;
    text-align:center;
    color:#ccc;
    transition: All 0.5s ease;
    float:right;
}

a.skip:hover {
    color:#9B9B9B;
}

/*
------------------REGISTRATION------------------------ */

#registration-process .receipt-summary h3 {
    margin: 1em auto;
}

.discount {
    color:#f55b59;
}

#registration-process h3 {
    padding: 8px 15px 8px;
    margin-bottom:1em;
    display:block;
    font-size:12pt;
    float:left;
    width:100%;
}

#registration-process form h3 {
    float:left;
    width:100%;
}

#registration-process {
    color:#999999;

}


.reg-form {
    margin-bottom:20px;
    padding:40px;
    background-color:#fff;
}

#registration-process h1 {
    font-size:10pt;
    margin-bottom:0.5em;

}

#registration-process .reg-form h1 {
    font-size:10pt;
    margin-bottom:0.5em;

    font-weight:400;
}


#registration-process .reg-form .panel-body {
    border-top: none;
}

#registration-process .panel-heading {
    border: none;
}

#registration-process input {
    display:inline-block;
}

#registration-process select {
    display:inline-block;

}

#registration-process .reg-form ul {
    float:left;
    width:100%;
    padding-left: 0;
}

#registration-process .reg-form li {
    list-style: none;
}

#registration-process .title h1 {
    font-size:24pt;
    text-align:center;
    margin-top:1em;
    margin-bottom:0;
    font-weight:200;
}

#registration-process .col-md-12.title {
    margin-top:0;
    margin-bottom:0.5em;
    padding:0;
}

#registration-process .reg-form h2 span {
    display: inline-block;
    padding: 10px;
}

#registration-process .reg-form h2 input[type=submit] {
    margin:0 auto;
    text-align:center;
    display:block;
    float:none!important;
}

.red {
    color: red;
}


#registration-process .team-choice-yes ul {
    margin-top:25px;
}

#registration-process .team-status {
    padding-left:20px;
}

#registration-process hr.team-border-bottom {
    margin-bottom: 13px;
    margin-left: -40px;
}

/* Schedule List
------------------------------------------- */


.breadcrumbs {
    display:none;
    list-style:none;
    position: relative;
    margin-left:auto;
    margin-right:auto;
    width:510px;
    padding:0;

}


.breadcrumbs a{
    color:#8F8F8F;
}


.breadcrumbs li {
    position: relative;
    display:inline-block;
    text-align:center;
    padding:0;
}

.breadcrumbs li.last {

    margin-right:0;

}

.breadcrumbs li.first {

    margin-left:0;

}



#registration-process .participant1 {
    float:left;
}

#registration-process .reg-form h3 {
    background-color:#e0e0e0;
    color: #666;
    margin-bottom:0;
    padding-top: 11px;
}

#registration-process .reg-form .merch-container {
    padding-top: 20px;
    padding-bottom:20px;
    width:100%;
    float:left;
}

#registration-process .reg-form .merchandise-information  {
    float:left;
    width:100%;
}

#registration-process .reg-form .merchandise-information p  {
    width:94%;
}

#registration-process .reg-form .merchandise-information span.swag-title {
    margin-right: 1em;
}

#registration-process .reg-form .merchandise-information li span.label {
    display: inline-block;
    font-weight: 400;
    margin-left: 0;
    clear: none;
    font-size: 10px;
    padding: 0.5em 0.6em;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: -0.3em;
    float: none;
}

#registration-process .reg-form .border-bottom  {
    border-bottom: thin solid #ccc!important;
    padding-bottom:20px;
    padding-top:20px;
    width:100%;
    float:left;
}

#registration-process .promo-code,
#registration-process .team-choice {
    float:left;
    width:100%;
}


#registration-process header h2 {
    font-size: 14pt;
    margin-top: 0.9em;
    float: none;
    margin-bottom:0.15em;
}

#registration-process .dropdown h2 {
    margin-top:-1em;
    line-height:16pt;
    margin-bottom:0;
}

#registration-process .nav-away {
    margin-top:-2px;
}


#registration-process.thankyou .start-pledging h1 {
    margin-top:1.5em;
    font-size:15pt!important;
}



#registration-process li p.merch-price {
    font-size:16pt;
    font-weight:200;
}

#registration-process .user-option label {
    margin-right: 4em;
}

#registration-process .event-bullets {
    padding-top: 1em;
}

#registration-process .closed {
    color: #ccc!important;
    cursor: not-allowed;
}

#registration-process .gift-inactive {
    color: #ccc!important;
}

#registration-process .event-bullets .before-registration-open {
    color: #ccc!important;
}

#registration-process .reg-form .full-width {
    width:100%;
}

#registration-process .reg-form .merchandise-information p  {
    float:left;
}

#registration-process h4.panel-title a i {
    text-align:right;
    float:right!important;
}


#registration-process .reg-form ul.merchandise-options {
    margin-bottom: 0.3em;
}

#registration-process .reg-form ul.merchandise-options li .merchandise-options__dropdown  {

    display:inline-block;
    margin-right:3em;


}

#registration-process .reg-form ul.merchandise-options .merchandise-options__dropdown {
    width: 100%;
    margin-bottom: 10px;
}


#registration-process .reg-form .merchandise-image img {
    border: #ccc solid thin;
    margin-top:1.5em;
    margin-bottom:0.4em;
    width: 100%;
    display:inline-block;

}


#registration-process .reg-form .merchandise h1 {
    font-size:12pt!important;
    float:left;
    line-height: 1.5em;
    margin-top: 0;
}


.reg-form {
    margin-top:0;
    padding:10px

}


#registration-process #sub-menu button {
    display:none;
}

.participant1 {
    width:100%;
}

#registration-process .thankyou-title {
    text-align:left;
    margin-top:5.5em;
    margin-bottom:2em;
    display:block;
}



.thankyou .fa-print {
    margin-right:10px;
    display:inline-block;


}

.thankyou h6 {
    padding:10px;
    border: #ccc solid thin;
    text-align:center;
    font-size:12pt;
    margin-top:1em;
    margin-bottom:1em;
}



#registration-process.thankyou p {
    text-align:left;
}

#registration-process.thankyou .earn-money a {
    color:#B2B2B2;
}

#registration-process.thankyou .earn-money a:hover {
    color:#4C4C4C;
}

#registration-process.thankyou .start-pledging h1 {
    margin-top:1em;
    font-size:15pt;
}

#registration-process.thankyou.thankyou .earn-money h1 {
    margin-top:1em;
    font-size:15pt;
}




#registration-process.thankyou img {
    margin-top:0;
    margin-bottom:2em;


}

#registration-process.thankyou .col-md-6 button.set-up,
#registration-process.thankyou .col-md-6 button.share-now {
    margin: 1.1em auto 2.7em auto;
    text-align:center;
    display:block;
    float:none;
    width:100%!important;
    font-size:12pt;

}

.inline-pledge__btn {
    white-space: nowrap;
    margin-left: 10px;
    text-transform: uppercase;
    line-height: 1.7;
}

.inline-pledge__cta {
    display: flex;
    justify-content: space-between;
}

#registration-process .earn-money h2 {
    text-align:center;
}

.success-text {
    font-size:11pt;

}

#registration-process.thankyou button.share-facebook {
    float:left;
    margin-top:1em;
    background-color:#3b5998;
    color:#fff;
    width:100%;
    display:inline-block;
    font-size:11pt;
    margin-right:10px;text-transform:none;

}


#registration-process.thankyou button.share-twitter {
    float:right;
    margin-top:1em;
    background-color:#55acee;
    color:#fff;
    width:100%;
    display:inline-block;
    font-size:11pt;
    text-transform:none;

}

#registration-process.thankyou button.share-email {
    float:left;
    margin-top:1em;
    background-color:#4EC067;
    color:#fff;
    width:100%;
    display:inline-block;
    font-size:11pt;
    margin-right:10px;
    text-transform:none;
}

#print {
    float:right;
    margin-top:-1px;
}


.thankyou .breadcrumbs {
    margin-bottom:2.35em;
}

#registration-process.thankyou h1 {
    font-size:18pt;

    font-weight:lighter;
    text-align:center;

}

.volunteer-true {
    display:none;
}

#registration-process .pledge-false img {
    width:100%!important;
}

#registration-process .pledge-true img {
    width:auto;
    display: block !important;
}

#registration-process .pledge-false button {
    width:30%!important;
}

#registration-process .thankyou-title h4 {
    padding:20px;
    float:left;
}

#registration-process .thankyou-title i {

    margin-right:8px;
}

#registration-process.thankyou .earn-money button i {
    margin-right:10px;
}

#registration-process .thankyou-title i.fa-check-circle {
    color:#4EC067!important;
    margin-right:10px;

}

#registration-process header i.fa-check-circle {
    color:#fff;
    margin-right:10px;

}



#registration-process .charity-order-details {
    display:none;
}
#registration-process.thankyou .col-md-6 img {

    width:100%;

}

#registration-process .thankyou-title p {
    width:75%;
    float:left;
    font-size:10pt;

}

#registration-process .thankyou-title h1 {
    font-size:24pt;

    font-weight:lighter;
    margin:1.5em 0 0.5em 0;


}

#registration-process .thankyou-title h2 {
    font-size:14pt;

    margin:0 0 1em 0;


}


/*
------------------REGISTRATION END------------------------ */


/*
------------------CHARITY PROMPT------------------------ */




.col-md-9.prompt-options,
.col-md-3.charity-details {
    background-color:#FFFFFF;
    margin-top:0.5em;
    margin-bottom:0.5em;
    padding:6px;
}

#registration-process .prompt-options {
    width:100%;
    float:right;
}

#registration-process .prompt-options h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}

#registration-process .prompt-options ul.charity-select {
    float: left;
    margin-top: -0.5em;
    width: 100%;
}

#registration-process .prompt-options li {
    margin-top:0.8em;
    margin-bottom:0.8em;
}

#registration-process .prompt-options button {
    margin-top:2em;
    width:100%;
}

#registration-process .prompt-options button.donate {
    margin-top: 0.5em;
    margin-bottom:1em;

}

#registration-process .prompt-options h1 {
    font-size:14pt;
    margin-bottom:0;
}

#registration-process .prompt-options input[type="checkbox"] {
    margin: 4px 0 0 -20px;
}

#registration-process .charity-details h1 {
    text-align:center;
    font-size:15pt;

}

#registration-process .charity-details h1,
#registration-process .prompt-options h1 {

    text-align:left;
}

#registration-process .prompt-options div.continue,
#registration-process .prompt-options div.donation-section {
    float: left;
    width: 100%;
}

#registration-process .prompt-options .donation-section .radio-inline:first-of-type {
    margin-left: 10px;
}

.charity-details img {
    padding:15px;
    border: thin solid #ccc;
    text-align:center;
    display:block;
    margin: 1em auto;
}

.charity-details p {
    padding:0 13px;
    text-align:center;
}

#registration-process .prompt-options h2 {
    font-size:12pt;
    margin-bottom:5px;
    text-align:left;
}


#registration-process .prompt-options li {
    list-style:none;
    margin-left:-40px;
}



/*
-------------------CHECKOUT----------------------- */

.billing-address-fields::after {
    content: "";
    display: table;
    clear: both;
}


#registration-process .billing-info,
#registration-process .order-details {
    background-color:#fff;
    width:100%;
    padding:0;
    margin-bottom:0.5em;
    margin-top:2em;
}

#registration-process .order-details {
    float:right;
}

#registration-process .billing-info .billing-address-fields li {
    list-style:none;
    margin-left:-38px;
}

#registration-process .billing-info .billing-address-fields ul {
    width:48%;
    float:left;
}


#registration-process .billing-info .billing-address-fields ul.float-right {
    float:right;
}
.input-group {
    width:100%;
}


#registration-process .billing-info .billing-address-fields .input-group {
    width:100%;
    display:block;
}

#registration-process .billing-info .billing-address-fields select {
    width:100%;
}


#registration-process .billing-info ul.full-width {
    width:100%;
    display:block;
}

#registration-process .billing-info h3 {
    float:left;
    width:100%;
    margin-top:1em;
}

#registration-process .billing-info button {
    margin-bottom: 0;
    margin-top: 1.2em;
    width: 100%;
}

#registration-process .billing-info p {
    font-size:10pt!important;
    margin-bottom:0!important;
    font-weight:300!important;

}

#registration-process .credit-card li {
    list-style: none;
}

#registration-process .credit-card select {
    width: 100%;
}

.credit-card .expiration-date .expMonth,
.credit-card .expiration-date .expYear {
    width: 48% !important;
}

.credit-card .expiration-date .expYear {
    float: right;
}

.credit-card button {
    margin-bottom: 0;
    margin-top: 1em;
}

.checkout .note p {
    margin-bottom: 0;
}

#registration-process .order-details td {
   font-size:10pt;
}

#registration-process .order-details tr.top-border {
   border-top:#ccc solid thin;
    padding-top:10px;
}

#registration-process .order-details td.float-right {
    float:right;
    text-align:right;
}

#registration-process .order-details h1 {
    text-align:center;
    font-size:12pt;
    margin:0;


}

.order-summary-total {
    margin:10px;
    text-align:right;
}

.order-summary-total hr {
    margin-top:10px;
    margin-bottom:10px;
}


.order-summary-total ul {
    margin:0;
    padding:0;
    font-size:10pt;

}

.order-summary-total li {
    list-style:none;
    display:inline-block;
    vertical-align:bottom;

}

.order-summary-total li.totals {
    margin-right: 30px;
}

.order-summary-total li.float-right span.currency {
    text-align: left;
}

#registration-process .receipt-summary table {
    width:100%;
}

#registration-process .order-details h5 {
    float:left;
    margin-top:2em;
}
#registration-process .order-details button {
    float:right;
    margin-top:1em;
    margin-bottom:1em;
    width:100%;
}

#registration-process .order-details i {
    margin-right:0.5em;
}

#registration-process .order-details h2 {

    text-align:center;
font-size:11pt;
    margin:0;

}

#pledge-individual ul.date-of-birth {
    margin-bottom:0;

}

#pledge-individual ul.first-name {
    margin-top:0;
}


#pledge-individual select.expiration-year {
    margin-left:7px;
}

.thankyou .note {
    padding:20px;
    background-color:#fff;
    text-align:left;
    font-size:12pt;
    line-height:16pt;
    margin-top:0;
    float:left;
}


.note  {
    margin-top:2em;
    background:none;
    text-align:left;
    font-size:12pt;
    line-height:16pt;
}




.billing-info h4 {
    float:left;
    width:100%;}

.billing-info i {
    margin-right:0.5em;
    display:inline-block;
    float:left;
    padding-top:0;
    font-size:16pt;
}

.billing-info p {
    display:inline-block;
    float:left;
    line-height:24px;
}

.card {
    display:inline-block;
    margin-right:4em;
    float:left;
}

#registration-process .billing-info .exp-date {
    width:60px;

}

.receipt-summary {
    font-size:11pt;

}

.receipt-summary .bold-title {
    color: #666;
}

.receipt-summary .fee-title {
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.donate-prompt .order-details {
    display:none;

}

.receipt-summary table td.bold-name {

    font-weight:400;
}



.receipt-summary h3 {
    text-align:center;
}

#registration-process .series-receipt-summary h1 {
    text-align:center !important;
}

div.registration-fees table.table-style td + td {
    text-align:right;
    padding-right:15px;
}

div.registration-fees table.table-style th + th {
    text-align:right;
    padding-right:15px;
}

div.registration-fees table.sold-out th {
    color:#ccc;
}

div.registration-fees table.sold-out h5 {
    color:#ccc;
}

table.table-style th + th {
    text-align:left;
    padding-right:15px;
}

table.table-style td + td {
    text-align:left;
    padding-right:15px;
}

table tr.no-border {
    border-bottom: none;
}

.order-single-participant hr {
    margin-top:5px;
    margin-bottom:5px;
    float:left;
    width:100%;
}


.order-single-participant li.amount,
.receipt-summary li.amount {
    float:right;
    width: 85px;
}
.order-single-participant li.amount.total {
    border-top: #eee 1px solid;
}

.order-single-participant li.amount span.currency,
.receipt-summary li.float-right span.currency {
    float: left;
    margin: 0;
    text-align: right;
}

.order-single-participant li.amount span.amount,
.receipt-summary li.float-right span.amount {
    float: right;
    margin: 0;
    width: auto;
    text-align: right;
}

.receipt-summary span.small-text {
    margin-left: 5px;

}

.order-single-participant li {
    list-style:none;
    display:inline-block;
    vertical-align:bottom;

}


.order-single-participant {
    margin:10px;
}

.order-single-participant ul.receipt-gap {
    margin-top:1.3em;
    margin-bottom:.4em;
}

.order-single-participant ul {
    margin:0;
    padding:0;
    font-size:10pt;
}

.order-single-participant h4 {
    font-size:10pt;
    font-weight:500;
}

.receipt-summary ul strong {
    font-weight:500;

}


.dash-border {
    border-bottom: #ccc dashed 1px;
    padding-bottom:25px;

}

#promote-race button {
    width:100%;
    margin-top:0.5em;
}

#promote-race i {
    margin-right:0.5em;
}

#promote-race h6 {
    margin-top: 1.7em;
    margin-bottom: 1.3em;
}

#promote-race hr {
    margin-top: 2em;
}

#promote-page .details {
    display: none;
}

#csc-modal {
    display:block;
}

#registration-process .csc-fact {
    display:block;
    margin-top:1em;
    font-size:10pt;
    float: left;
}

#registration-process .reg-form .promo-code {
    margin-top:1.5em;
}

#registration-process .csc
{
    margin-bottom:0.7em;

}

/*
---------------MODAL--------------------------- */

.modal-header,
.modal-footer {
    border:none;
}

.modal-header {
    padding-bottom:10px;
    color:#fff;



}

.modal-header button.close {
    color:#fff;

    opacity:.8;
}


.breadcrumbs-mobile {
    margin:3em auto 0 auto;
    display:block;
    float:none;
    text-align:center;
    padding:0;
    width:100%;

}

.breadcrumbs-mobile li {
    list-style:none;
    display:inline-block;
}

.breadcrumbs-mobile li.previous-breadcrumb a {
    text-align:left;
    color:#BFBFBF;
    font-size:10pt;


}
.breadcrumbs-mobile li.next-breadcrumb a {
    text-align:right;
    color:#BFBFBF;
    font-size:10pt;


}
.breadcrumbs-mobile li.current-breadcrumb {
    text-align:center;
    font-size:16pt;
    margin-left:0.7em;
    margin-right:2em;


}

.breadcrumbs-mobile li.current-breadcrumb.thankyou {

    margin-right:2.5em;


}

.breadcrumbs-mobile li.current-breadcrumb.donation {
    margin-left:2em;


}

.breadcrumbs-mobile li.current-breadcrumb.checkout {
    margin-left:1.5em;
    margin-right:1em;


}

button.share-page {
    display:none;
}

.team-pledge-choices li {
    list-style:none;
    margin-left:-35px;
    margin-bottom:0.7em;

}

.team-leader__indicator {
    font-size: 12px !important; /*Because legacy*/
    color: black;
    margin-top: -18px !important; /*Because legacy*/
}

.team-leader__indicator i.fa {
    color: #0043bf;
}


#pledge-table h1 {
    font-size:9pt;
    text-align:center;
    margin: 3px 0 3px 0;
}


#pledge-table h2 {
    font-size:9pt;
    text-align:center;
    margin-bottom:1.5em;
    margin-top:0;
}

#pledge-table .fa-user.circle {

    height:100px;
    width:100px;
    border:#ccc solid thin;
    line-height:100px;
    text-align:center;
    border-radius:50%;
    font-size:15pt;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-bottom:0.5em;
    color:#E4E4E4;

}



#pledge-table .fa-user:hover {
    opacity:.5;
}

.team-logo,
.ind-logo {
    width:150px;
    height:150px;
    display:block;
    margin-bottom:0;
    float:left;
    margin-right:10px;
}

.data-table,
.team-data-table {

    font-weight:200;
    width:100%;

}

.data-table.participant-table,
.team-data-table.participant-table {
    margin-left:-35px;
    width:100%;

}

.data-table button,
.team-data-table button{
    padding: 5px 8px 4px 8px;
    line-height:18px;

}

.data-table .fa-user,
.data-table .fa-group,
.team-data-table .fa-user,
.team-data-table .fa-group {
    margin-top:0!important;
}


.data-table td.raised,
.team-data-table td.raised {
    display:none;
}

.middle-section iframe {
    max-width: 100% !important;
}

#pledge-individual .search-box {


    font-weight:lighter;
    color:#9F9F9F;
}

#pledge-individual .pledge-form .date-of-birth select {
    width: 80px;
    margin-bottom:9px;
}

nav i.top-menu {
    margin-left: 0.5em;
    margin-top: -0.1em;
}

.navigation span {
    margin-left:25px;

}

.navigation span a {
    color:#fff;
    display:inline-block;
    padding-top:2px;
}
.middle-section .search-box {

    font-weight:300;
    font-size:11pt;
    color:#666;
    margin-bottom:-1em;
}

.middle-section .confirm-registration .search-box {
    margin-right:0;
    margin-bottom:0;
}


.top-fundraisers .dataTables_filter,
.top-donors .dataTables_filter,
.recent-donors .dataTables filter {
    display:none;
}


.dataTables_length,
.dataTables_info,
.dataTables_paginate {

    color:#9F9F9F!important;
    font-weight:lighter!important;
}


a.paginate_button.current {

    color:#FFF!important;
}

.dataTables_info,
.dataTables_paginate
{
    font-size:9pt!important;

}

.dataTables_length {
    display:none;
}

a.no-hover {
    color:#fff;
}
a.no-hover:hover {
    color:#fff;
}

.clean-table.dataTable.no-footer {
    padding-left:0!important;
    padding-right:0!important;
}




.contact-information h4 {

    font-size:11pt;

}


.progress-circle strong {
    position:absolute;
    text-align:center;
    width:100%;
    top:0;
    display:block;
    font-size:24pt;

    font-weight:lighter;
    height: 150px;
    line-height: 150px;
}


button.create-account {
    background-color:#008fc1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {

    color:#FFF!important;
    background-color:#008fc1;
}

html {
    height: 100%;
}
.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -42px;
}
.page-wrap:after {
    content: "";
    display: block;
}

.site-footer {
    background: orange;
}

.donate-prompt .title h2 {
    text-align:center;
    margin:0;

    font-weight:lighter;
}

.donate-prompt .title h1 {
    margin:0;
}

.checkout .title h2 {
    text-align:center;
    margin:0;

    font-weight:lighter;
}

.checkout .title h1 {
    margin:0;
}


.registration-form .title h2 {
    text-align:center;
    margin:0;

    font-weight:lighter;
}


.sign-in img {
    width:60%;
    margin-top:0.215em;
    margin-bottom:1em;
}

p.forgot {
    text-align:center;
}

p.forgot a {
    color:#707070;
    margin-top:0.5em;
}

p.forgot a:hover {
    color:#AAAAAA;

}

#registration-process .thankyou-title i.fa-check-circle {
    color:#4EC067;
    margin-right:10px;

}
#registration-process .thankyou-title img.note-logo {
    float:none;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    display:block;
    height:200px;
    width:200px;
    margin-bottom:1.5em;
}
#registration-process .thankyou-title p {
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    display:block;
    width:100%;
    font-size:10pt;
    margin-bottom:0;

}

#registration-process  .thankyou-title .note {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    display:block;
    padding:40px 10px 0 10px;
    margin-top:-6px;
}

#registration-process.thankyou .earn-money {
    margin-top:2em;
}


#donate-page select.country {
    margin-bottom: 1.5em;
    width:106%;
}

#donate-page button.donate-button {
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:100%;
    margin-bottom:1em;
    clear:both;
    font-size:12pt;
}

.slicknav_menutxt {
    margin:5px;
}


#registration-process .thankyou-title {
    text-align:center;
    margin-bottom:2em;
    margin-top:1em;
}


#registration-process .title {
    margin-top:1em!important;
}

.thank-you__dashboard-messaging {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px;
}

.thank-you__dashboard-messaging-title {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
}

.thank-you__dashboard-messaging-link {
    margin-top: 15px;
}

.datetimepicker {
    padding:7px!important;
    width:90%;
    margin-top:.8em;
    border:#ccc solid thin;
}


#volunteer-page #form-group.dob {
    margin-bottom:0;
    width:50%;
    float:left;

}


input.with-addon {
    width:91%;
    display:inline-block;
    float:left;

}



.checkout .input-group-addon i {
    text-align:center;
    margin-left:-0.5em;
    font-size:9pt;
    line-height:15pt;
}



.checkout input.with-addon {
    width:80%;
    display:inline-block;

}

.credit-card {
    padding-top: 25px;
    border-radius: 8px;
    background-color: #f3f3f3;
    margin: 2em auto 1em;
    box-shadow: 0 1px 13px #adadad;
}

.credit-card__stripe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px 8px 15px;
}

.credit-card__stripe-heading {
    width: auto !important;
    float: none !important;
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
}

.digicert {
    margin-top: -23px;
}

.credit-card .payment {
    padding: 10px 20px 25px;
}

#registration-process .billing-info button.review-order {
    display:block;
    width:100%;
    margin-bottom:1em;
    margin-top:0.5em;
    float:left;
}


#registration-process .billing-info a.whats-this-modal {
    display:none;
}

option {
    padding:8px;
}



#registration-process .payment-info input.whats-this-form {
    float:left;

}

#registration-process ul.full-width-temp {
    width:100%;
}

.dropdown-menu li i.fa-info {
    padding-right:4px;
    padding-left:3px;
}
.dropdown-menu li i.fa-pencil-square-o {
    margin-right:13px;
}
.dropdown-menu span {
    width:30px;
    display: inline-block;
}

#pledge-table thead {
    display:none;
}


#registration-process .thankyou-title button.print {

    font-size:9pt;
    margin-bottom:20px;
    padding:4px 8px;
    border: #ccc solid 1px;
    border-radius:5px;
    color:#666;
    background:none;
    text-transform:none;
    display:none;

}


#registration-process .thankyou-title button.print:hover{
    color:#fff;
    background-color:#008fc1;

}
#volunteer-page .volunteer-form .sex {
    float: left;

}

#modal-contact textarea {
    width:100%;
    resize:none;
}

.vertical-align {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.img-circle {
    border-radius: 50%;

}

.popover {
    padding: 0;
}

.popover-title {
    margin-bottom: 0 auto 0.4em auto;
    font-size: 11pt;
}

.popover-content {
    font-size: 9pt;
}

/* Bottom Menu */

.bottom-menu {
    display: none;
    height: 40px;
    z-index: 10000;
    position: fixed;
    top:0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.98);
    width: 100%;
    padding:1px 0;
    box-sizing: content-box;
}

.bottom-menu ul {
    margin-top: 10px;
}

.bottom-menu li {
    list-style: none;
}

.bottom-menu li:first-of-type {
    margin-left: -10px;
}

.bottom-menu li img {
    float: left;
}

.bottom-menu li i {
    font-size: 14pt;
    vertical-align: bottom;
    padding-left: 6px;

}

.bottom-menu li.menu-link {
    float: right;
    margin-right: 30px;
}

.bottom-menu li.menu-link a {
    color: #808080;
}

.bottom-menu img.letters {
    width: 110px;
    height: 11px;
    margin-top: 3.5px;
    float: left;
    margin-left: 8px;
}

/* Side Nav Popout */

#popout-sidenav {
    background-color: #272930;
    color: #ffffff;
    padding: 25px;
    font-family:'Open Sans', helvetica, arial, sans-serif!important;
}

#popout-sidenav.light {
    background-color: #f9f9f9;
   color: #666;
}

#popout-sidenav.light a {
    color:#666;
}

#popout-sidenav.light .side-nav-links h1 {
 background-color:rgba(0, 0, 0, 0.05);
}


.side-nav-links h1 {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    width: 100%;
    text-align: left;
    font-size: 12pt;
    margin-top:1em;
}

.side-nav-links h1 i {
    margin-right: 10px;
}

.side-nav-links p {
    font-size: 9pt;
    color: #a3a3a3;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 3em;

}

.side-nav-links p a {
    color: #a3a3a3;

}

.side-nav-links li {
    margin-top: 5px;
    margin-left: 10px;
    font-size: 10pt;
    font-weight: 200;
}

#popout-sidenav a {
    color: #ffffff;
}

#popout-sidenav a:hover {
    color: #0043bf;
}

#popout-sidenav li {
    list-style: none;
}

#popout-sidenav ul.nav-info {
    width:100%;
}

#popout-sidenav ul.nav-info li {
   text-align:center;
    margin:0 auto 0.5em auto;
    display:block;
    float:none;
}



#popout-sidenav ul.nav-info.authenticated {
    width:auto;
}

#popout-sidenav ul.nav-info.authenticated li {
  text-align:left;
}


#popout-sidenav ul.nav-info,
#popout-sidenav ul.nav-user-photo {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#popout-sidenav ul.nav-user-photo img {
    width: 60px;
    height: 60px;

}

#popout-sidenav ul.nav-info {
    margin-left: 15px;
}

#popout-sidenav li.edit-profile {
    margin-top: 0.5em;
}

#popout-sidenav ul.nav-info i {
    margin-right: 8px;
}

#popout-sidenav ul.nav-info span.user-name {
    font-size: 14pt;
    font-weight: 200;



}


.nav-user-photo {
    float:left;
    display:inline-block;
    clear:none;
}

#popout-sidenav ul.nav-info span.options {
    font-size: 11pt;
    font-weight: 200;

}
.nav-info li {

    width:100%;

}

.nav-info button {
    padding: 4px 8px;
    border: #ffffff solid thin;
    border-radius: 4px;
    background:none;
    font-size:9pt;
    margin-left:-30px;
    width:150px;
}

.nav-info button:hover {
    color:#fff;
    background-color:#0043bf;
    border: #0043bf solid thin;
}



.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}

#registration-process.thankyou .start-pledging {
    float: left;
}

.swag-img {
    display: block;
    margin: auto;
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.swag-img img {
    border-radius: 5px;
    width: 200px;
    height: 200px;
}

.swag-img-nav i {
    font-size: 10pt;
}

.swag-img-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 198px;
    font-weight: 200;
    font-size: 9pt;
    color: #ffffff;
    text-transform: uppercase;
}

.swag-img-nav a {
    width: 45%;
    padding: 10px;
}

.swag-img-nav-left {
    float: left;
    text-decoration: none;
    color: #ffffff;
    text-align: left;
}

.swag-img-nav-right {
    float: right;
    text-decoration: none;
    color: #ffffff;
    text-align: right;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.race-roster-alerts .alert {
    margin: 0;
    padding: 10px 30px;
    border: none;
    border-radius: 0;
}
.js-alert {
    display: none;
}
.no-js .js-alert {
    display: block;
}

#registration-process .reg-form .checkbox-center label {
    text-align: center !important;
}

.team-name-select__wrapper .select2-container .select2-selection--single,
.event-register-select__wrapper .select2-container .select2-selection--single {
    height: 38px;
}

.team-name-select__wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.event-register-select__wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}

/* Necessary to apply proper styles to select team select and event registration selects when it applies select2 */
.team-name-select__wrapper .select2-container .select2-selection,
.event-register-select__wrapper .select2-container .select2-selection {
    background-image: none;
    border: #ccc solid thin;
    padding: 6px 4px;
}
.team-name-select__wrapper .select2-container,
.event-register-select__wrapper .select2-container {
    padding: 0;
    border: none;
    box-shadow: none;
}
.team-name-select__wrapper .select2-container .select2-selection .select2-selection__arrow,
.event-register-select__wrapper .select2-container .select2-selection .select2-selection__arrow {
    background: none;
    border-left: none;
    height: 36px;
}

.team-search__select-team-name, .event-register__select-manage-question {
    border:none;
    box-shadow:none;
    padding:0;
}

.registration__sub-event-spinner {
    padding-top: 15px;
    clear: both;
}

.brand__subtitle {
    width: 85%;
    margin: 20px auto 15px auto;
}

.btn-green[disabled] {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.registration-additional-questions__question-description {
    color: #87ceeb;
}

.registration-additional-questions__is-required {
    margin-left: 10px;
}

.sub-event-selection__have-access-code {
    margin-top: 10px;
}

.sub-event-selection__access-code-btn {
    margin-left: 10px;
}

.access-code__input {
    width: 260px;
}

.third-party-code__title {
    background-color: #e0e0e0;
    color: #666;
    margin-bottom: 0;
    padding-top: 11px;
}

.third-party-code {
    text-align: left;
    font-size: 12pt;
    line-height: 16pt;
    padding: 20px;
    background-color: #fff;
    margin-top: 5px;
}
.third-party-code thead tr {
    font-size: 10pt;
    text-align: left;
    font-weight: 600;
    margin: 0 0 .5em;
}

.third-party-code tbody tr {
    font-size: 10pt;
    text-align: left;
    font-weight: 300;
    margin: 0 0 .5em;
}

.team-pledge__link {
    font-size: 10px;
    display: block;
    cursor: pointer;
 }

.team-pledge__more-members {
    /*Legacy*/
    margin-bottom: 5px !important;
}

.participant-search__image {
    /* Override legacy spacing */
    margin: 0 auto 5px !important;
    display: block;
    width: 45px;
}

.participant-search__pledge-btn {
    margin-top: 10px;
}

/* New waiver design in reg */
.registration-waiver__body {
    background: #efefef;
    padding: 10px;
    margin: 0 20px;
}
.registration-waiver_action-button {
    display: inline-block;
    margin: 0 0 10px 5px;
}

.registration-waiver__scroll-container {
    background: white;
    padding: 10px;
    max-height: 250px;
    overflow: auto;
}

#registration-process .reg-form .registration-waiver__scroll-container ul {
    float: none;
    padding-left: 20px;
    width: 100%;
}

#registration-process .reg-form .registration-waiver__scroll-container ul li {
    list-style: disc;
}

.registration-waivers__header {
    margin-top: 0;
}

.registration-waivers__item:not(:last-child) .registration-waiver__body {
    margin-bottom: 15px;
}

.single-swag__checkbox label {
    margin-left: 0 !important;
}

/*--- Calendar widget on old event-right-sidebar page ---*/
.calendar-add__calendar-link {
    padding: 10px 20px;
}
.left-sidebar ul.event-links .calendar-add__dropdown .calendar-add__calendar-type {
    width: 100%;
    padding: 0 !important;
    border: none !important;
}

.calendar-add__dropdown li i{
    margin-right: 0 !important;
}

.left-sidebar ul.event-links .calendar-add__dropdown {
    width: auto;
    padding: 5px 10px;
    margin: 0;
}

.remove-participant__link {
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.registration__transfer-header {
    margin-bottom: 20px;
}

.register-recaptcha__container {
    background: #f6f6f6;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
}
.register-recaptcha__container div:first-child {
    margin: 0 auto;
}

.series-event-logo {
    float: left;
    max-width: 50px;
    height: auto;
    margin-top: 5px;
    margin-right: 10px;
}

.series-event-info-wrapper {
    margin-bottom: 20px;
}

.series-event-logo + .series-event-info-wrapper {
    margin-left: 60px;
}

.fee-payer-selection {
    margin-top: 20px;
}

.fee-payer-selection__popover-icon {
    display: inline-block !important; /* override super duper specific css */
}

.fee-payer-selection__checkbox-label {
    margin-left: 0 !important; /* override super duper specific css */
    margin-bottom: 0 !important; /* override super duper specific css */
}


/* Alt styles for A/B testing purposes */

.fee-payer-selection__fine-print--alt {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 100;
}

.fee-payer-selection__container--alt {
    font-size: 16px;
    font-weight: 200;
    margin-top: 15px;
}

.fee-payer-selection__total--alt {
    font-weight: 700;
}