/* LAST UPDATED 16-4-2020 - 09:16   */

* {
    outline: none;
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
}

b, strong {
    font-weight: 600 !important;
}

body {
    background: #F5F7FA;
}

.form-control {
    background: #F6F7F9;
    border-color: #E1E6E9;
    min-height: 46px;
    line-height: 2;
}

hr {
    border-top: 1px solid #E0E0E0;
}

a, .btn-link {
    color: #25A9DF
}

    a:hover {
        text-decoration: none;
    }

.shadow-sm {
    box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.075) !important;
}

.nopadding {
    padding: 0px !important
}

.text-muted {
    color: #9AABBD !important;
}

.text-title {
    font-family: "Montserrat", sans-serif !important;
}

.custom-select {
    background: #F5F7FA url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px
}

.btn-outline-primary {
    border: 1px solid #25A9DF;
    color: #25A9DF !important;
    border-radius: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 26px;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn-outline-primary:active {
        border: 1px solid #25A9DF !important;
        background: #25A9DF !important;
        color: #FFF !important;
    }

.badge-primary {
    background: #25A9DF
}

.list-group {
    box-shadow: 0 10px 14px -10px #e5eced;
    line-height: 22px;
}
/*.list-group-item{border:1px solid #E5ECED}*/
.btn-success-inverse {
    color: #2e7d32;
    background-color: #def7ec;
    border-color: #def7ec;
}

.btn-info-inverse {
    color: #0d47a1;
    background-color: #e1effe;
}

.btn-status {
    min-width: 110px
}

.text-decoration-underline {
    text-decoration: underline
}

.modal-footer {
    background: #F5F7FA
}

.modal-header {
    z-index: 99
}

.badge-success-inverse {
    color: #2e7d32;
    background-color: #def7ec;
}

.badge-primary-inverse {
    color: #0d47a1;
    background-color: #e1effe
}

.badge-warning-inverse {
    color: #e65100;
    background-color: #feecdc
}

.badge-danger-inverse {
    color: #c62828;
    background-color: #fde8e8;
}

td {
    position: relative !important
}

.btn-primary {
    border: 1px solid #2B4050;
    color: #FFF !important;
    background: #2B4050;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        border: 1px solid #1a2731 !important;
        background: #1a2731 !important;
        color: #FFF !important;
    }
    .btn-primary.disabled {
        border: 1px solid #1D4ED8;
        color: #FFF !important;
        background-color: #1D4ED8;
    }
/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#25A9DF;border:1px solid #25A9DF}
.nav-pills .nav-link{color:#888F98;font-weight:600;font-size:14px;padding:0.4rem 1rem;}
.nav-pills .nav-link {border:1px solid #888F98;}
*/
nav {
    background: #FFF;
    border-bottom: 1px solid #dee2e6;
    font-size: 14px;
    letter-spacing: -0.25px;
}

    nav .nav {
        width: 100%;
        margin-bottom: -1px
    }

    nav.navbar li a {
        color: #3A4552;
        border-radius: 30px;
        padding: .5rem 1rem;
    }

    nav.navbar li.active a {
        font-weight: 600;
        color: #24253D;
        background: #f5f7fa;
    }

    nav.navbar li:active a,
    nav.navbar li:hover a {
        color: #24253D;
        background: #f5f7fa;
    }

.swiper-pagination-bullet-active {
    background: #25A9DF !important
}

.quantity-prod {
    position: relative
}

    .quantity-prod .input-group-btn {
        position: absolute;
        right: 5px;
        top: 4px;
    }

        .quantity-prod .input-group-btn .btn {
            background: #FFF;
            border-radius: 100px;
            width: 38px;
            height: 38px;
        }

            .quantity-prod .input-group-btn .btn:hover,
            .quantity-prod .input-group-btn .btn:active {
                background: #25A9DF
            }

                .quantity-prod .input-group-btn .btn:hover i,
                .quantity-prod .input-group-btn .btn:active i {
                    ;
                    color: #FFF;
                }

.fit-cover {
    object-fit: cover
}

.product {
    position: relative
}

    .product:not(:last-child) {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .product a.product-url {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    .product img {
        height: 75px;
    }

    .product .img-thumbnail {
        padding: .1rem;
    }

    .product > i {
        position: absolute;
        right: 1rem !important;
        top: 50%;
        transform: translateY(-50%);
    }

.price {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

}

.person .personname {
    font-family: "Bitter";
    font-style: italic;
    font-size: 20px;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 30px;
}

.person .personclub {
    font-size: 15px;
    color: #C7CED7;
    letter-spacing: 0.44px;
    text-align: center;
    font-weight: bold;
    line-height: 18px;
}

.person .subdetail span {
    opacity: 0.7;
    font-size: 15px;
    font-style: italic;
    color: #3A4552;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 36px;
}

.person .subdetail strong {
    font-family: "Bitter";
    font-size: 24px;
    font-style: inherit;
    color: #3A4552;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 32px;
}

.titledetails {
    background: #FFF; /*border-bottom: 1px solid #C7CED7;*/
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    box-shadow: 0 2px 15px -6px rgba(0,0,0,0.20);
}

    .titledetails .subdetail {
        margin: 20px 0 5px 0;
    }

        .titledetails .subdetail.brdr {
            border-right: 1px solid #EEE;
        }

        .titledetails .subdetail:last-child {
            border-right: none
        }

        .titledetails .subdetail .clublogo {
            border: 1px solid #F2F2F2;
            padding: 4px;
            border-radius: 4px;
            display: table;
            margin: 0 auto 15px auto;
        }

.homebadge {
    background: #FD5F21;
    color: #FFF;
    font-size: 10px;
    border-radius: 24px;
    padding: 3px 8px;
    width: 46px;
    margin-left: 5px;
}


.titledetails .subdetail .homebadge {
    position: absolute;
    top: 64px;
    left: calc(50% - 23px);
    margin-left: 0;
}

.titledetails.match .subdetail {
    border: none;
}

.titledetails.match .matchscore {
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    width: calc(100% - 30px);
    line-height: 110px;
}

    .titledetails.match .matchscore .divider {
        font-size: 18px;
        font-weight: 300;
        opacity: .4;
        position: relative;
        top: -2px;
    }


.title-gnrl {
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    color: rgba(58, 69, 82, 0.7);
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 15px;
}

button.title-gnrl {
    border: 0;
    text-align: left;
    padding-left: 15px;
    background: none;
    outline: none;
    -webkit-border-after: none;
    -webkit-border-before: none;
    -webkit-border-end: none;
    -webkit-border-start: none;
}

.title-gnrl span.day {
    opacity: .5;
    font-size: 14px;
}

.title-gnrl[data-toggle=collapse]:after {
    content: "";
    position: absolute;
    display: inline-block;
    font-style: normal;
    color: rgb(58, 69, 82);
    right: 30px;
    font-weight: 800;
    background: url(../img/arrow-drop.png);
    font-family: "Fira Sans";
    height: 12px;
    width: 12px;
    background-size: contain;
    opacity: 0.4;
    top: 4px;
}

.title-gnrl[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.text {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px
}

.textblocktitle {
    margin-bottom: 10px;
    padding-left: 20px;
}

.matchblock, .textblock {
    background: #FFF;
    max-width: calc(100% - 30px);
    margin: 0 auto 15px auto;
    border-radius: 4px;
    padding-top: 15px;
    box-shadow: 0 3px 9px 0 rgba(58, 69, 82, 0.2);
}

.textblock {
    padding-bottom: 15px;
}

.matchblock hr {
    float: left;
    width: calc(100% - 30px);
    text-align: center;
    opacity: 0.5;
}

    .matchblock hr.fine {
        margin: 5px 15px 10px;
    }

.matchblock .titlesmall {
    margin-top: -5px;
}

.matchblock .title-inner {
    font-weight: 600;
    font-size: 13px;
    font-style: italic;
}

.matchblock .score-inner {
    text-align: right;
    color: #FD5F21;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.matchblock .clubline img {
    margin-right: 5px
}

.matchblock .clubline {
    margin-bottom: 10px;
}

.matchblock.double .clubline .player:first-child {
    margin-bottom: 5px !important;
}

.matchblock.double .clubline .clubscore {
    position: relative;
    top: -25px;
}

.club .clubline {
    margin-bottom: 15px !important;
}

    .club .clubline .link a {
        font-size: 13px;
        color: #FD5F21;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 26px;
        text-transform: uppercase;
        display: block;
        top: 30px;
    }

        .club .clubline .link a:hover {
            background: #f9f9f9;
            height: 26px;
            color: rgba(57, 68, 81, 0.7);
            text-align: center;
            line-height: 26px;
            border-radius: 4px;
            text-decoration: none;
        }

.club .maps {
    height: 80px
}

    .club .maps:before {
        content: " ";
        height: 80px;
        background-image: linear-gradient(-180deg, rgba(58,69,82,0.90) 4%, rgba(58,69,82,0.30) 96%);
        width: 100%;
        position: absolute;
        z-index: 1;
        display: block;
        left: 0;
        top: -15px;
        border-radius: 4px 4px 0 0;
    }

    .club .maps iframe {
        position: absolute;
        left: 0;
        top: -15px;
        border-radius: 4px 4px 0 0
    }

.club .routebutton {
    width: 64px;
    height: 64px;
    background: #FD5F21;
    box-shadow: 0 5px 10px 0 rgba(253,80,0,0.50);
    border-radius: 70px;
    position: absolute;
    z-index: 3;
    right: 20px;
    padding-top: 18px;
    padding-left: 17px;
    top: 30px;
}

.club .clubline img {
    z-index: 2;
    position: relative;
    border: 4px solid #FFF;
    border-radius: 4px;
}

.clubline {
    margin-bottom: 15px;
}

    .clubline.win {
        position: relative
    }

        .clubline.win:before {
            display: block;
            content: " ";
            background: #FD5F21;
            width: 3px;
            position: absolute;
            left: 0;
            height: 100%;
            border-radius: 0 2px 2px 0;
            top: 1px;
        }

    .clubline .clubscore span {
        background: #F4F6F8;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 15px;
        letter-spacing: 2px;
    }

    /* 
.matchblock{background: #FFFFFF;} 
.matchlist:hover .matchblock{box-shadow: 0 0 0 2px rgba(253, 80, 0, 0.2), 0 0 0 1px rgba(253, 80, 0, 1) inset;}
*/

    .clubline .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
    }

        .clubline .title.player {
            font-family: "Bitter", sans-serif;
            font-style: italic;
            font-size: 17px !important;
        }

            .clubline .title.player .playerscore {
                font-size: 14px;
                font-style: normal;
                opacity: .7
            }

                .clubline .title.player .playerscore .sex {
                    font-weight: 600;
                }

                .clubline .title.player .playerscore i {
                    margin-left: 8px;
                    position: relative;
                    top: 2px;
                }

    .clubline .timearrive,
    .clubline .courttype {
        font-size: 15px;
        letter-spacing: -0.5px;
    }

        .clubline .courttype .gravel {
            background: #FD5F21;
            height: 8px;
            width: 8px;
            display: inline-block;
            border-radius: 4px;
            position: relative;
            top: -1px;
            margin-left: 3px;
        }


.matchblock .clubline.win .clubscore {
    font-weight: 600
}


.search form {
    width: 100%
}

.search .form-control:focus {
    color: #495057;
    border-color: #ff905c;
    box-shadow: 0 0 0 0.2rem rgba(253, 80, 0, 0.25);
}

.search input {
    background: url(../img/magnify.svg) 15px center no-repeat #FFF;
    background-size: 20px;
    text-indent: 30px;
    font-size: 14px !important;
    line-height: 34px !important;
    letter-spacing: .2px;
}

.searchresult .clubscore {
    font-size: 15px;
    opacity: .5;
    line-height: 30px;
}

.searchresult i {
    position: relative;
    top: 3px;
}

.standings .table td, .standings .table th {
    font-size: 12px
}

.standings .table tr td {
    text-align: center
}

.standings .table thead th {
    border-top: 0
}

.standings .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.8);
}


body {
    font-size: 14px !important;
}

a {
    color: #3b82f6
}

.bg-light {
    background: #F5F7FA !important;
}

.table.bg-transparent td {
    background: none !important
}

.accordion-button:not(.collapsed) {
    background: #FFF
}

    .accordion-button:not(.collapsed) .text-secondary {
        color: #212529 !important
    }

.accordion-button::after {
    background-size: 0.75rem;
    opacity: 0.5;
    height: 0.75rem;
    width: 1.5rem;
    background-position: center center
}
.accordion-item {
    overflow-x: hidden;
}


.badge.text-bg-warning {
    background-color: rgb(255 193 5 / 10%) !important;
    color: #ff7605 !important;
    border: 1px solid #ff76053b;
}

.badge.text-bg-success {
    background-color: #f0fdf4 !important;
    color: #15803d !important;
    border: 1px solid #c4ebd2;
}

.badge.text-bg-danger {
    background-color: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fadddd;
}

.alert-info {
    background: #eff6ff;
    border: 0;
    color: #212529 !important;
}


.width-time {
    width: 45px
}

.width-score {
    width: 45px;
    text-align: center
}

.width-cards {
    width: 45px;
    text-align: center
}

    .width-cards i {
        line-height: 18px;
        font-size: 14px;
    }

.width-checks {
    width: 25px;
    text-align: center
}
table {
    line-height: normal;
}


.list-group-flush > .list-group-item {
    border-color: #EDF1F6;
}

.label-title {
    opacity: 0.6;
    font-size: 12px;
    letter-spacing: 0.25px;
}


.dropdown-menu .dropdown-item:active {
    background: rgb(202 203 206 / 30%);
    color: inherit;
}

body {
    font-size: 14px !important;
    touch-action: auto;
}

a {
    color: #3b82f6
}

/*PERSON SEARCH STYLES*/
.searchbox .fa {
    margin-left: 1rem !important;
}

.searchbox input {
    padding-left: 2.75rem !important;
}

.list-group {
    --bs-list-group-item-padding-y: 0.75rem;
}

.list-group-flush > .list-group-item:active,
.list-group-flush > .list-group-item:hover {
    background: #f4f6fd;
}

.form-control::placeholder {
    color: rgb(33 37 41 / 40%);
}
/*PERSON SEARCH STYLES END*/

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

input[type="range"].no-value::-webkit-slider-thumb {
    opacity: 0;
}

input[type="range"].no-value::-moz-range-thumb {
    opacity: 0;
}

input[type="range"].no-value::-ms-thumb {
    opacity: 0;
}