body {
    font-family: 'Exo 2' !important;
    background-color: #f0f5ff !important;

}

table {
    width: 100% !important;
    font-size: small !important;
}

table tr th  {
    text-align: left !important;
}

table.dataTable thead .sorting {
     background-image: none !important;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: none !important;
}

footer {
    margin-top: 30px;
    text-align: center;
    background-color: #db00b8;
    box-shadow: 0px 0px 10px #bbb;
}

footer .container .row .col {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #eee;
}

footer .container .row .col p {
    font-size: x-small;
    margin-top: 20px;
}

footer img {
    width: 80px;
}

table a {
    color: #0967ac !important;
}

.photo-list {
    width: 80px;
    height: 100px ;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #333 !important;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.lic-btn {
    padding: 2px 5px !important;
    text-align: center !important;
    width: 105px !important;
    font-size: 13px !important;
}

.medical-btn {
    padding: 2px 15px !important;
    margin-left: 20px;
    font-size: 13px !important;
}

.navbar-brand span {
    color: #0967ac !important;
    font-family: 'Maven Pro';
    font-weight: bold;
    vertical-align: middle;
    font-size: small;
    display: inline-block;
    line-height: 1.2;
    padding-right: 20px;
    border-right: 1px solid #c1c1c1;
}

.navbar-brand img {
    height: 40px;

    display: inline-block;
    margin-right: 9px;
}

.hvr-bubble-float-left:before {
    display: none !important;
}

.navbar {
    box-shadow: 0px 0px 10px #bbb;
    position: fixed !important;
    width: 100%;
    z-index: 2;
    background-color: #db00b8;
}

.navbar .justify-content-end li a {
    color: #bedeff !important;
}

.lang-selector {
    padding-top: 10px;
    cursor: pointer;
}
.lang-selector img {
    height: 12px;
    margin-right: 5px;
    margin-top: -2px;
}

.lang-spacer {
    padding: 0 10px;
    margin-top: 10px;
    display: block;
}

.inactive {
    opacity: 0.6;
}

.spacer {
    display: block;
    width: 25px;
}

.main-content {
    padding-top: 100px;
    min-height: calc(100vh - 178px);
}

.action-row::after {
    content: "";
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.oar-color {
    height: 20px;
    width: 50px;
    background-size: contain;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    display: none;
}

.rower-details>.oar-color {
    height: 11px;
    width: 30px;
    background-size: contain;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    margin-top: 2px;
}

.username {
    vertical-align: center;
}


.single-event {
    width: 150px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.single-event span.ev-number {
    float: left;
    background-color: #6c757d;
    width: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin-left: -12px;
    margin-top: -6px;
    margin-bottom: -6px;
    height: 36px;
    padding-top: 5px;
}

.single-event span.ev-slots {
    float: right;
    font-size: small;
    padding-top: 3px;
    font-weight: bold;
    color: #ccc;
}

span.status-indicator {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    margin-right: 5px;
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-left: 1px solid #555;
}

.competition-table-header {
    background-color: #efefef;
    font-size: medium;
}

span.competition-number {
    color: #fff;
    background-color: #aaa;
    width: 30px;
    display: inline-block;
    text-align: center;
    height: 30px;
    padding-top: 4px;
    margin-right: 10px;
    border: 1px solid #999;
    border-radius: 20px;
}

.entry-meta {
    color: #777;
    font-weight: normal;
    font-size: x-small !important;
    width: 180px;
}

.entry-meta {
    background-color: #f3f3f3;
}

#exportContainer .table tbody tr td {
    padding: 2px 5px !important;
}

.table .boat-class-summary {
    background-color: #f0f0f0;
    text-align: left;
    font-weight: bold;
    font-size: 0.7rem;
    padding: 4px 45px;
}

.table .approval-needed, .table .approval-needed td {
    background-color: #fde1ac;
}

.table .withdrawal, .table .withdrawal td {
    opacity: 0.6;
    text-decoration: line-through;
}

.table .withdrawal .payment-no {
    background-color: #8f8f8f;
    border-radius: 5px 5px 5px 5px;
}

.table .withdrawal td {
    padding: 2px 10px !important;
}

.table .withdrawal td {
    font-size: 0.7rem;
}

a.entry-btn {
    color: #fff !important;
}

.boat-image {
    height: 150px;
    float: right;
    filter: contrast(0.8);
}

.select2-results__option[aria-selected], .select2-results__group {
    font-size: x-small;
}

.select2-selection--multiple {
    height: 55px;
}

.club-name {
    display: block;
    padding-top: 0px;
    padding-bottom: 7px;
    font-size: 0.7rem;
    text-align: left;
    margin-left: 5px;
}

.rower-details {
    font-size: small;
}

span.rower-licence {
    width: 80px;
    display: inline-block;
    background-color: #ccc;
    margin-bottom: 4px;
    padding: 2px 3px;
    text-align: center;
    margin-right: 10px;
    border-radius: 6px;
    font-size: 0.6rem;
}

span.rower-name {
    display: inline-block;
    width: 150px;
}

.btn-edit {
    float: right;
    color: #fff !important;
    margin: -5px;
    font-size: x-small !important;
}

.only-mobile {
    display: none !important;
}

.club-name-list {
    border-bottom: 1px solid #aaa;
    margin-top: 20px;
    padding-bottom: 10px;
}
.club-name-list>.oar-color {
    margin-top: 5px;
    margin-right: 15px;
}


.rowers-list .r-index {
    width: 25px;
    display: inline-block;
    margin-left: 30px;
    background-color: #eee;
    padding: 3px;
    text-align: center;
    border-radius: 5px;
    font-size: small;
    height: 25px;
    margin-right: 10px;
    margin-bottom: 4px;
    color: #666;
    float:left;
}

.rowers-list .r-Name {
    display: inline-block;
    width: 230px;
    float:left;
}

.rowers-list .r-date {
    display: inline-block;
    float:left;
    width: 80px;
}

.rowers-list .r-club {
    display: inline-block;
    float:left;
    width: 400px;
}

.rowers-list .r-Name>.r-LastName {
    font-weight: bold;
    margin-right: 5px;
    display: inline-block;
}


.competition-list {
    float:left;
    display: inline-block;
}

.cox {
    border-color: #ed6000 !important;
}

.cox>.ev-number {
    background-color: #ed6000 !important;
}

.competition-list>.single-event {
    padding: 1px;
    width: 100px;
    font-weight: bold;
    font-size: x-small;
    overflow: hidden;
}

.competition-list>.single-event>.ev-number {
    font-size: x-small;
    margin-top: -1px;
    margin-bottom: -1px;
    padding: 3px;
    height: 21px;
    margin-left: -1px;
    border-radius: 2px 0px 0px 2px;
}

.competition-list>.single-event>.ev-name {
    margin: 2px 0px;
    display: inline-block;
    color: #6c757d;
}

.competition-list>.single-event:hover>.ev-name {
    color: #fff;
}

#pagination-container {
    overflow: auto;
    height: calc(100vh - 400px);
    padding-right: 10px;
}

.late-entry-approved:not(.approval-needed) .entry-meta{
    color: #070;
    font-weight: bold;
}

@media print {
    .main-content {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 812px) {

    .navbar-brand span {
        border-right: none;
    }

    .navbar-brand img {
        height: 32px;
    }

    .no-mobile {
        display: none !important;
    }
    table tr td {
        font-size: x-small !important;
        padding: 3px 5px !important;
    }

    span.rower-licence {
        display: none !important;
    }

    .only-mobile {
        display: block !important;
        width: 100%;
        clear: both;
        margin: 0px;
    }

    .payment-panel-bottom .col-12 {
        border-radius: 0px !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        height: 150px !important;
    }

    .payment-panel-bottom.shown {
        bottom: 0px !important;
    }

    .payment-panel-bottom.hidden {
        bottom: -170px !important;
    }
}

.balance-value {
    font-size: 1.2rem;
    font-weight: bolder;
}

.balance-ignore { opacity: 0.3 }

.entry-balance-details>td {
    background-color: #f0f7ff;
    /* border-top: none !important;
    border-bottom: 2px solid #cfcfcf; */

    font-weight: bold;
    box-shadow: 0px 0px 20px #aaa;
    border-radius: 10px;
    padding: 20px !important
}

.eb-hidden {
    display: none;
}

a.btn-small {
    font-size: 0.8rem !important;
    padding: 3px 10px;
    line-height: 0.9;
    color: #fff !important;
}

.compact-table tr td {
    padding: 5px;
}

.modal-xl {
    max-width: 750px !important;
}

.table-small tr td {
    font-size: 0.7rem;
    padding: 4px;
}


.payment-success {
    background-color: #35bd54;
    color: #fff;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 0.7rem;
}

.payment-no {
    background-color: #bd3535;
    color: #fff;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 0.7rem;
}

.payment-progress {
    background-color: #fcbc26;
    color: #fff;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 2px 3px;
    border-radius: 4px 4px 0px 0px;
    font-size: 0.7rem;
}

.payment-info {
    background-color: #dadada;
    color: #656565;
    font-weight: normal;
    font-size: 0.7rem;
    width: 100%;
    text-align: center;
    padding: 2px 3px;
    border-radius: 0px 0px 4px 4px;

}

.btn-pay {
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-weight: bold;
    background-color: #efefef;
    margin-bottom: 0px !important;
    float: left;
    padding: 5px 8px;
    font-size: 0.66rem;
}

.entry-meta .btn-edit {
    margin-right: 0;
    margin-top: 0;
    padding: 2px 10px;
}

.entry-meta-table {
    font-size: 0.75rem !important
}
.entry-meta-table tr td:first-child {
    text-align: right;
    padding-right: 10px;
}

.entry-meta-table tr:first-child td {
    border-top: 1px solid #eee;
}

.entry-meta-table tr td {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #eee;
}

.add-new-ath-selector {
    font-size: small;
    font-weight: bold;
    padding: 5px 15px;
    background-color: #2d92ff;
    color: #fff;
    cursor: pointer;
}

.table-bordered {
    box-shadow: 0 0 10px rgba(170, 170, 170, 0.26);
}

.rower-error {
    color: #c00;
    font-weight: bold;
}

.table-bordered th, .table-bordered td {
    background-color: #ffffffaa
}

.back-photo {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 50vh;
    bottom: 0px;
    left: 0;
    background-image: url('/public/gfx/back-photo.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
    mix-blend-mode: darken;
    opacity: 0.1;
}
.table a.btn {
    color: #fff !important;
}

.admin-pay-mark {
    padding-top: 0.5rem;
}

.payment-panel-bottom.hidden {
    bottom: -80px;
}

.payment-panel-bottom.shown {
    bottom: 20px;
}

.payment-panel-bottom {
    position: fixed;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.payment-panel-bottom  .col-12 {
    width: 100%;
    height: 75px;
    background-color: #72cfe83b;
    border: 1px solid #4c69df42;
    z-index: 10;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 10px;
    box-shadow: 0px 0px 10px #00000024;
}

.payment-description {
    font-weight: bold;
    font-size: large;
}

.payment-amount {
    font-weight: bold;
    font-size: x-large;
    padding-left: 20px;
}

.payment-button-pay {
    width:100%;
    background-color: #00b1ff;
    border: 1px solid #2e97bf;
    border-radius: 5px;
    padding: 8px 3px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

#addUserPublicForm .select2-selection.select2-selection--single {
    height: 37px;
    padding-top: 3px;
}

#addUserPublicForm .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

/* The message box is shown when the user clicks on the password field */
#message {
    /*display:none; */
    border: 1px dashed #2e97bf;
    border-radius: 5px;
    color: #000;
    position: relative;
    padding: 10px 20px;
    margin-top: 10px;
}

#message p {
    padding: 0;
    padding-left: 20px;
    font-size: 12px;
    display: block;
    margin: 0px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

.valid:before {
    position: relative;
    left: -10px;
    content: "✔";
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
    color: red;
}

.info-text-alert {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}
.info-text {
    font-size: 0.9rem;
}

.invalid:before {
    position: relative;
    left: -10px;
    content: "✘";
}

.event-buttons-group  {
    width: 100%;
}

.event-buttons-group .btn {

}

.events .card {
}

.events .card .card-body {
}

.card-body.no-events h4 {
    color: #0F9E5E !important;
    font-size: 1.2rem;
    text-align: center;
    margin-top: 10px;
}
.card-body.no-events div {
    color: #0F9E5E !important;
    font-size: 4rem;
    text-align: center;
    margin-top: 10px;
}

.past-events-container {
    max-height: 1000px;
    overflow: hidden;
}

.show-more-events {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background: linear-gradient(rgba(241, 245, 255, 0), #f1f5ff 50%);
    margin-top: -100px;
    cursor: pointer;
    color: #db00b8
}


/*
@media (prefers-color-scheme: dark) {
    body { background-color: #0f1216 !important; color: #b3c3d2 !important; }
    div.bg-light, nav.bg-light, .competition-table-header, .entry-meta { background-color: #1b2126 !important; }
    .navbar-light .navbar-nav .nav-link { color: #fff !important; }
    .navbar-light .navbar-nav .active .nav-link { color: #66686e !important; font-weight: bold !important; }
    .navbar-brand span { color: #73b2e1 !important; }
    a.nav-link, a { color: #73b2e1 !important; }
    .navbar { box-shadow: 0px 0px 10px #000 !important }
    .btn-primary { background-color: #112437 !important; border-color: #2e5075 !important;  }
    .btn-secondary { background-color: #111417 !important; border-color: #3b5871 !important; }
    .btn-success { background-color: #13461f !important; color: #77c587 !important; }
    .btn-primary:hover, .btn-secondary:hover, .btn-success:hover { background-color: #104475 !important; border-color: #2e5075 !important;  }
    hr { border-top: 1px solid rgb(255 255 255 / 10%) !important }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #9fc1e4 !important }
    .card { background-color: #1b2126 !important;  }

    .alert-danger { background-color: #2f2022 !important; border-color: #942D39 !important; color: #ffb9c0 !important; }
    .alert-secondary { background-color: #071f34 !important; border-color: #2e5075 !important; color: #fff !important; }

    .table-bordered th, .table-bordered td { border: 1px solid #243342 !important; }
    .table th, .table td { border-top: 1px solid #3a5066 !important; }
    .table thead th {    border-bottom: 2px solid #3d77b2 !important; background-color: rgb(17, 22, 33); }
    .table tfoot tr th { background-color: #111a27 !important }
    .competition-number { background-color: #13141d !important }
    .rower-licence { background-color: #142c48 !important; }
    .r-index {     background-color: #000 !important; border: 1px solid #666; color: #f7e8e8 !important; padding-top: 1px !important }

    .form-control, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { background-color: #1b2126 !important; color: #bbc6d1 !important;  }

    .select2-container--default .select2-selection--single .select2-selection__rendered { color: #bbc6d1 !important;  }
    .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #112437 !important; border-color: #2e5075 !important; }
    .select2-dropdown { background-color: #1b2126 !important; }
    .select2-search__field { color: #fff; }
    table.dataTable tbody tr { background-color: #0a0b0f !important }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #aaa !important; background: #1b253b !important; }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #aaa !important;}
    footer .container .row .col {     border-top: 1px solid #353f59; opacity: 0.3; }
    .modal-content { background-color: #1a1e21 !important; }
    .entry-balance-details td { background-color: #142538 !important;  border-bottom: 2px solid #518ecf !important; }
}*/