ul.errorlist {
    margin: 0 0 4px;
    padding: 0;
    color: #ba2121;
    background: #fff;
    text-align: left;
}

ul.errorlist li {
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
}

ul.errorlist li:first-child {
    margin-top: 0;
}

ul.errorlist li a {
    color: inherit;
    text-decoration: underline;
}

td ul.errorlist {
    margin: 0;
    padding: 0;
}

td ul.errorlist li {
    margin: 0;
}

.errors {
    margin: 0 .4em;
    color: #a94442;
    line-height: 1.5;
}

.file-uploader {
    display: inline-block;
}

.route-management-main-table tr:nth-of-type(3) .errorlist,
.route-management-change .errorlist {
    display: none;
}

#user-stats {
    margin:0 auto;
    padding: 0;
}

#user-stats li strong {
    display: block;
    font-size: 19px;
    line-height: 34px;
}

#user-stats li {
    font-size: 12px;
    padding-bottom: .8em;
    list-style-type: none;
}

#about-text-preview {
    background: #e9eaee;
}

#about-text-preview .about-text-preview-content {
    background: white;
    padding: 0.5em;
    font-family: "PT Sans", sans-serif;
    color: #1a2029;
    font-size: 16px;
}

#about-text-preview .about-text-preview-content ul {
    margin: 1em;
    padding: 0;
    list-style: none;
    font-weight: 400;
}

#about-text-preview .about-text-preview-content li {
    font-family: "PT Sans", sans-serif;
}

#about-text-preview .about-text-preview-content a {
    color: #477486;
    font-weight: bold;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
}

#about-text-preview .about-text-preview-content a:hover {
    opacity: .7;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
}

#about-text-preview,
#featured-race-preview,
#email-preview {
    display: none;
}

#featured-race-preview iframe,
#email-preview iframe {
    width: 100%;
    height: 368px;
    padding-top: 1px;
    padding-bottom: 2px;
    border: 1px solid grey;
}

#featured-race-preview iframe {
    border: none;
}

#email-preview .email-preview-label {
    font-weight: bold;
}

#email-preview .email-preview-subject {
    text-align: left;
    margin-bottom: 10px;
    border: 1px solid grey;
    padding: 2px 5px;
}

.page-content {
    margin: 2em auto;
    text-align: center;
    min-height: 50vh;
}

.page-content .normal-button button {
    color: white;
    cursor: pointer;
    background-color: #319EB3;
    border: 1px solid;
    border-radius: 10px;
}

.page-content .normal-button button:hover {
    background-color: #205067;
}

.page-content ul.messages {
    margin: 0;
    padding: 0;
}

.page-content ul.messages li {
    display: inline-block;
    padding: 1em 3em;
    color: #333333;
    background: lightgrey;
    border: 1px solid grey;
    border-radius: 10px;
}

.page-content ul.messages li.success {
    background: #ddffdd;
    border-color: green;
}

.page-content ul.messages li.error {
    background: #ffefef;
    border-color: red;
}

.stripe-content {
    margin: 4em auto;
}

.racer-report button,
.stripe-content button {
    margin-top: 1em;
}

.home-content .button {
    text-transform: none;
     margin-top: 0.5em;
}

.coupon-codes h2,
.permission-management h2,
.team-management h2,
.pindrop-management h2,
.route-management h2,
.group-management h2,
.offline-contributions h2,
.blings-content h2,
.registration-content h2,
.activity-conversion h2,
.featured-races h2,
.emails-content h2 {
    display: inline-block;
}

.coupon-codes table,
.permission-management table,
.route-segments table,
.team-management table,
.pindrop-management table,
.group-management table,
.offline-contributions table,
.blings-content table,
.registration-content table,
.activity-conversion table,
.featured-races table,
.emails-content table,
.race-details table,
.master-about-text table,
.custom-virtual-race table,
.route-management table,
.route-management-change table,
.emails-change-content table {
    min-width: 60%;
    text-align: center;
    border-collapse: collapse;
    margin: 0 auto;
}

.route-segments table {
    width: 100%;
}

#route-add-segment {
    text-align: right;
    margin-top: 0.5em;
}

table.inline-formset th,
.coupon-codes table th,
.permission-management table th,
.team-management table th,
.pindrop-management table th,
.route-segments table th,
.group-management table th,
.offline-contributions table th,
.blings-content table th,
.registration-content table th,
.activity-conversion table th,
.featured-races table th,
.emails-content table th {
    text-align: center;
    padding: 0.5em;
    background-color: #ECECEC;
    border: 1px solid grey;
}

table.inline-formset td,
.coupon-codes table td,
.permission-management table td,
.team-management table td,
.pindrop-management table td,
.route-segments table td,
.group-management table td,
.offline-contributions table td,
.blings-content table td,
.registration-content table td,
.activity-conversion table td,
.featured-races table td,
.emails-content table td {
    padding: 0.5em;
    border: 1px solid grey;
}

.empty-featured-race-list-placeholder:not(:only-child) {
    display: none;
}

.boolean-state div {
    display: inline-block;
    padding: 0;
    border: 1px solid grey;
    border-radius: 4px;
}

.category-state {
    font-size: 16px;
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
}

.category-state .drag-handle {
    margin-right: 10px;
}

div.published-state-yes,
div.state-enabled,
div.emails-state-enabled {
    color: darkgreen;
    border-color: darkgreen;
}

.show-as-disabled div.emails-state-enabled,
.show-as-disabled div.emails-state-disabled {
    color: #BBBBBB;
    border-color: #BBBBBB;
}

div.published-state-no,
div.state-disabled,
div.emails-state-disabled {
    color: red;
    border-color: red;
}

div.published-state-no,
div.published-state-yes,
div.state-enabled,
div.emails-state-enabled,
div.state-disabled,
div.emails-state-disabled {
    width: 6em;
}

.featured-category-list-item {
    list-style-type: none;
    margin-bottom: 1em;
}

.title-action i {
    font-size: 0.7em;
    position: relative;
    top: -2px;
}

#route-add-segment a,
#add-pindrop a,
.route-management a,
.emails-content a {
    color: #319EB3;
}

table.inline-formset a {
    color: #177fa5;
    padding: 0px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
}

table.inline-formset a:hover {
    border-color: #205067;
}

table.inline-formset a:hover,
#route-add-segment a:hover,
#add-pindrop a:hover,
.route-management a:hover,
.emails-content a:hover {
    color: #205067;
    text-decoration: none;
}

.blings-change-content table,
.emails-change-content table {
    width: 80%;
}

.route-management table.route-management-main-table > tbody > tr > th,
.blings-change-content th,
.emails-change-content th {
    text-align: right;
    padding-right: 1em;
    padding-bottom: 10px;
    vertical-align: top;
}

.race-details td,
.master-about-text td,
.custom-virtual-race td,
.route-management table.route-management-main-table > tbody > tr > td,
.route-management-change td,
.blings-change-content td,
.emails-change-content td {
    text-align: left;
    padding-left: 1em;
    padding-bottom: 10px;
    min-width: 50%;
    vertical-align: top;
}

.blings-change-content span.helptext,
.emails-change-content span.helptext {
    font-size: 0.9em;
}

span.helptext ul {
    margin: 0;
}

.race-details textarea,
.race-details input[type=text],
.master-about-text textarea,
.custom-virtual-race textarea,
.custom-virtual-race input[type=text],
.blings-change-content input[type=text],
.blings-change-content textarea,
.emails-change-content input[type=text],
.emails-change-content textarea {
    width: 100%;
}

.featured-races td.drag-handle {
    cursor: pointer;
}

.offline-contributions-change-content.emails-change-content input[type=text],
.offline-contributions-change-content.emails-change-content textarea {
    width: calc(100% - 6px);
}

.activity-conversion-change-content input[type=text],
.activity-conversion-change-content input[type=number] {
    width: calc(100% - 4px);
    padding: 2px;
}

.race-details .normal-button,
.master-about-text .normal-button,
.custom-virtual-race .normal-button,
.route-management table.route-management-main-table > tbody > tr > td.normal-button,
.route-management-change .normal-button,
.blings-change-content .normal-button,
.emails-change-content .normal-button {
    padding-top: 2em;
    text-align: right;
}

.blings-change-content .delete-button,
.emails-change-content .delete-button {
    padding-top: 2em;
}

.blings-change-content .delete-button button,
.emails-change-content .delete-button button {
    cursor: pointer;
    background-color: #BA2121;
    border: 1px solid;
    border-radius: 10px;
}

.blings-change-content .delete-button button:hover,
.emails-change-content .delete-button button:hover {
    background-color: #A41515;
}

.blings-change-content .delete-button button[disabled],
.blings-change-content .delete-button button[disabled]:hover,
.emails-change-content .delete-button button[disabled],
.emails-change-content .delete-button button[disabled]:hover {
    background: #4F555F;
    opacity: 0.6;
    cursor: default;
}

.blings-change-content .keep-together,
.emails-change-content .keep-together {
    display: inline-block;
    white-space: nowrap;
}

.activity-conversion-change-content table,
.permission-management table,
.coupon-codes table {
    width: 60%;
}

.coupon-codes .coupon-codes-code {
    width: 25%;
}

.coupon-codes input {
    width: auto;
}

.race-details table,
.master-about-text table,
.custom-virtual-race table,
.pindrop-management,
.pindrop-management-change,
.emails-change-content.offline-contributions-change-content table {
    width: 80%;
}

.pindrop-management-main-table {
    width: 100%;
}

.race-details th,
.master-about-text th {
    width: 180px;
    vertical-align: top;
    text-align: right;
}

.route-management th,
.route-management-change th {
    vertical-align: top;
}

#id_track_color {
    width: 454px;
}

#id_permissions {
    list-style: none;
    margin: 0;
    padding: 0;
}

.emails-change-content.permission-management-change-content table,
.emails-change-content.team-management-change-content table,
.emails-change-content.coupon-codes-change-content table {
    width: 60%;
}

.emails-change-content.team-management-change-content table input[name=captains] + ul.tagit {
    margin-bottom: 0;
}

.emails-change-content.team-management-change-content table input[name=captains] + ul.tagit + br {
    display: none;
}

.emails-change-content span.select2-container {
    width: calc(100% - 24px) !important;
}

.emails-change-content span.add-new-user {
    cursor: pointer;
    color: #177fa5;
}

.emails-change-content span.add-new-user:hover {
    opacity: 0.8;
}

.emails-change-content.coupon-codes-change-content #id_code {
    width: 70%;
}

li span.autocomplete-highlight {
    background: #c0fff1;
    font-weight: bold;
}

li.select2-results__option--highlighted span.autocomplete-highlight {
    background: blue;
}

.pindrop-management #route-length,
.pindrop-management-change #route-length,
.route-management-change #route-length,
.route-segments #route-length {
    font-size: 0.8em;
    text-align: left;
}

.pindrop-management #route-length img,
.pindrop-management-change #route-length img,
.route-management-change #route-length img,
.route-segments #route-length img {
    height: 0.8em;
    width: 0.8em;
}

.pindrop-management #route-map,
.route-segments #route-map {
    display: none;
    height: 320px;
}

.pindrop-management-change #route-map {
    height: 320px;
}

.registration-tiers .drag-handle,
.route-segments .drag-handle {
    cursor: move;
    cursor: -webkit-grabbing;
    color: grey;
}

.registration-tiers .drag-handle:hover,
.route-segments .drag-handle:hover {
    color: black;
}

.pindrop-management input[type=file],
.route-management input[type=file] {
    position: fixed;
    top: -10000px;
    left: -10000px;
}

.pindrop-management #upload-file-button,
.route-management-change #field_route_file,
.route-management #upload-file-button {
    margin-top: 1em;
    font-weight: bold;
    color: #319EB3;
    cursor: pointer;
}

.pindrop-management #upload-file-button,
.pindrop-management .errorlist.file-file-error,
.pindrop-management .helptext {
    text-align: left;
}

.pindrop-management #add-pindrop {
    text-align: right;
    margin-top: 1em;
}

.pindrop-management .normal-button {
    text-align: right;
}

.pindrop-management #uploaded-file,
.route-management #uploaded-file {
    padding-left: 0.5em;
    font-weight: normal;
    font-size: 0.8em;
    color: black;
}

.pindrop-management .show-as-disabled,
.pindrop-management .show-as-disabled a,
.route-management .show-as-disabled a,
.route-management .route-segments .show-as-disabled .drag-handle,
.route-management .show-as-disabled {
    color: #BBBBBB;
    cursor: default;
}

.route-management .route-segments .show-as-disabled .drag-handle:hover,
.route-management .show-as-disabled a:hover{
    color: #BBBBBB;
}

.pindrop-management-main-table tbody tr:not(.show-as-disabled):hover,
.route-management .route-segments tbody tr:not(.show-as-disabled):not(.prohibit-highlighting):hover {
    background-color: #DDDDDD;
}

.activity-conversion .normal-button {
    margin-bottom: 1em;
}

.activity-conversion-change-content table.inline-formset,
.activity-conversion table {
    table-layout: fixed;
    max-width: 700px;
}

.activity-conversion table .state {
    width: 7em;
}

.activity-conversion table .units {
    width: 11em;
}

.activity-conversion table .actions {
    width: 3em;
}

.activity-conversion table input[type=checkbox] {
    position: relative;
    top: 2px;
    left: -4px;
}

.activity-conversion-change-content table.inline-formset thead th:nth-of-type(3) {
    width: 5em;
}

.activity-conversion-change-content table.inline-formset thead th:nth-of-type(3) {
    color: transparent;
}

.activity-conversion-change-content table.inline-formset thead th:nth-of-type(3) {
    color: transparent;
}

.registration-content #list-form label,
.registration-content #list-form .helptext {
    display: block !important;
}

table.inline-formset {
    width: 100%;
}

table.inline-formset td {
    text-align: center;
}

form .helptext {
    padding: 0 .15em;
    margin: 0 0 1em;
    font-size: .9em;
    line-height: 1.5em;
    color: black!important;
}

form .helptext .wrap {
    word-break: break-all;
}

form table.inline-formset .helptext {
    padding: 0;
    margin: 0;
    font-size: .8em;
    opacity: .7;
    line-height: inherit;
    text-align: left;
}

#field_backed_all {
    line-height: 1.6em;
    text-align: center;
}

.dashboard-rules {
    padding: 0 0 2em 0;
    font-size: 0.9em;
}

.dashboard-race-link {
    padding: 0 0 2em 0;
    font-size: 1.1em;
}

@media (max-width: 640px) {
    #header > .container > h1 {
         width: 18px;
         height: 45px;
         overflow: hidden;
    }
    #cssmenu {
         padding-left: 0;
    }
    #cssmenu li ul,
    #cssmenu li li {
        width: 120px;
    }
    #cssmenu > ul > li > a {
        font-size: 10px;
        padding: 12px 10px;
    }
    #social {
        display: none;
    }
    #testimonials > .container img {
        max-width: 100% !important;
    }
    #testimonials > .container > div > div {
        width: 100% !important;
    }
    .nomargin-mobile {
        margin: 0 !important;
    }
    .hide-mobile {
        display: none;
    }
    #login_logout {
        display: none;
    }
    #cssmenu li ul a {
        font-size: 11px !important;
    }
}

.tox .tox-dialog__body-nav-item--active {
    border-bottom: 2px solid #319eb3 !important;
    color: #319eb3 !important;
}
.tox .tox-button {
    background-color: #319eb3 !important;
    border-color: #319eb3 !important;
}
.tox .tox-button:hover:not(:disabled) {
    background-color: #205067 !important;
    border-color: #205067 !important;
}
.tox .tox-button--naked {
    background-color: transparent !important;
    border-color: transparent !important;
}
.tox .tox-button.tox-button--secondary {
    background-color: #f0f0f0 !important;
    border-color: #f0f0f0 !important;
}
.tox .tox-button--naked:hover:not(:disabled),
.tox .tox-button--secondary:hover:not(:disabled) {
    background-color: #e3e3e3 !important;
    border-color: #e3e3e3 !important;
}