.modal{
    --bs-modal-border-radius: 0.2rem;
}
.dropdown-menu {
    --bs-dropdown-border-radius: 0.2rem;
}
:root {
    --bs-border-radius: 0.175rem;
}
.btn {
    --bs-btn-border-radius: 0.175rem;
}
.bd-placeholder-img {
                font-size: 1.125rem;
                text-anchor: middle;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
            }

            @media (min-width: 768px) {
                .bd-placeholder-img-lg {
                    font-size: 3.5rem;
                }
            }
            .hole_tr_totaal{
                background-color: rgb(177, 201, 211)
            }

.btn_xs{
    margin: 5px;
    padding: 5px;
    line-height: 12px;
}

.kaartDoorvoerenKnop{
    margin-top:-30px;
}
.redTXT{
    color: #CC0000;
}

            .b-example-divider {
                height: 3rem;
                background-color: rgba(0, 0, 0, .1);
                border: solid rgba(0, 0, 0, .15);
                border-width: 1px 0;
                box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
            }

            .b-example-vr {
                flex-shrink: 0;
                width: 1.5rem;
                height: 100vh;
            }

            .bi {
                vertical-align: -.125em;
                fill: currentColor;
            }

            .nav-scroller {
                position: relative;
                z-index: 2;
                height: 2.75rem;
                overflow-y: hidden;
            }

            .nav-scroller .nav {
                display: flex;
                flex-wrap: nowrap;
                padding-bottom: 1rem;
                margin-top: -1px;
                overflow-x: auto;
                text-align: center;
                white-space: nowrap;
                -webkit-overflow-scrolling: touch;
            }

            .tab-content{
                border: 1px solid #dee2e6;
                border-width: 0px 1px 1px 1px;
                border-bottom-left-radius: 0.375rem;
                border-bottom-right-radius: 0.375rem;
                padding: 3px;
            }


            .handcap_tr{
                background-color: #F1DD63;
            }
            .hole_tr{
                background-color: #8BA385;
                color:white;
            }

            .loadScore {
                border-top:1px solid white;
                background-color: darkgray;
            }
            .loadScore td{
                border-right:0px solid white;
                border-bottom:1px solid white;
                padding:3px 6px;
            }
            .loadScore tr{
                border-left:1px solid white;
                border-right:1px solid white;
            }

            .scorecard td{
                border-right:1px solid lightgray;
                border-bottom:1px solid lightgray;
            }
            .scorecard tr{
                border-left:1px solid lightgray;
            }
            .player_name{
                text-align: center;
                font-weight: bold;
            }
            .logobg {
                background-color: black;
            }
            .logobg:before {
                content: ' ';
                display: block;
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                opacity: 0.3;/*0.2*/

                background-image: url('/images/logo semi transparant.png');
                background-image: url('/images/logo semi transparant2.png');
                background-image: url('/images/logo semi transparant3.png');
                background-image: url('/images/logo xs.jpg');
                background-repeat: no-repeat;
                background-position: 50% 0;
                background-size: cover;
                background-attachment: fixed;
            }
            .scorecard{
                position: relative;
                background-color: white;
            }
            .topNavi{
                width:calc(100% - 0px);
                top:-2px;
                left:0px;
            }
            .bottomNavi{
                position: fixed;
                width:calc(100% - 40px);
                bottom:-2px;
                left:20px;
            }
            .btn-check:active + .btn, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:active, .btn-check:focus + .btn, .btn:focus {
                color: black;

            }
            .unselectable {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            #map {
                height: calc(100vh - 130px);
                width: calc(100vw - 50px);
            }
            .flicButton{
                height:85px;
                float:right;
                position: relative;
                top: -5px;
                right: -38px;
            }
            .tdWidth{
                width: 4vw;
            }

             @media screen and (orientation:portrait) {
                #scorecard{
                    display:none;
                }

                .handcap_tr{
                    max-width: 25px;
                }
                .handcap_tr, .hole_tr{
                    max-width: 49px;
                }
                form.setAbsolute{
                    position: absolute !important;
                    top: 1px;
                    left: calc((100% - 369px) / 2);
                    width: 368px;
                }
                .banen{
                    margin: 30px 0px 10px;
                }
                @media (max-width: 375px) {
                    .topNavi{
                        width:calc(100% - 10px);
                        top:-2px;
                        left:5px;
                    }
                }
                .logobg:before {
                    /*background-size: inherit; voor golf.jpg*/
                }
            }
            @media all and (orientation:landscape) {
                #scorecard_portait{
                    display: none;
                }
                .banen{
                    margin: 35px 0px 10px;
                }
                form.setAbsolute{
                    position: absolute !important;
                    top: 60px;
                    /*left: calc((100% - 469px) / 2);
                    width: 468px;*/
                    left: 5px;
                    width: calc(100vw - 50px);
                    top: -5px;
                }
                #map {
                    height: calc(100vh - 130px);
                    width: calc(100vw - 100px);
                }
                .flicButton{

                    right: -16px;
                }

                .kaartDoorvoerenKnop{
                    margin-top:8px;
                }
            }
            .scorecard_portait{

            }
            .portrait_header{
                transform: rotate(70deg);
                position: relative;
            }
            .currentHole{
                background-color:#EED490;
                border-radius: 25px;
            }
            #dateButton, #dateButton:active, #dateButton:active {
                color: black;
            }
            .btn-outline-primary:hover{
                color:black;
            }
            .btn-outline-primary{
                background-color:white;
            }
            .infoContainer{
                background-color:white;
                border-radius:3px;
                border: 1px solid black;
            }
            .bd-example {
                padding: 1.0rem;
                margin-right: 0;
                margin-left: 0;
                border-width: 1px;
                border-radius: 0.25rem;
                background-color: white;
            }

            .kaartTable{
                border-collapse:separate;
                border:solid black 1px;
                border-radius:4px;
            }
            .cut-text {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                max-width: calc(100% - 39px);
                display: inline-block;
                max-height: 134px;
            }
            .btn-outline-primary-color-white:hover{
                color:white !important;
            }
            @media (max-width: 500px) {
                .nav.nav-tabs button{
                    padding: 4px;
                    font-size: 13px;
                }
                #nav-tabContent{
                    font-size:smaller;
                }

            }

            .noBorder{
                border: 0px solid black;
                border-radius: 0.0rem;
            }















             .historyBest{
                float:left;
                /*font-size: smaller;*/
                font-weight: bold;
                padding: 0px 3px;

             }
             .historyGem{
                float:right;
                /*font-size: smaller;*/
                font-weight: bold;
                padding: 0px 2px;
             }
             .historyDiagonal{
                 background: linear-gradient(to bottom right, #FFFFFF 50%, #F1DD63 50%);
             }
             .listItemMargin{
                 margin-left:30px;
             }
             .modal-backdrop.hide{
                 display: none;
             }

             .menuIconDiv{
                display:inline-block;
                width:30px;
                padding-left:10px;
             }


.side-navbar {
    width: 200px;
    height: 100%;
    position: fixed;
    margin-left: -300px;
    background-color: white;
    transition: 0.5s;
    z-index: 9999;
}
.nav-link{
    color:#100901;
    text-align: left;
}

.nav-link:active,
.nav-link:focus,
.nav-link:hover {
    background-color: #00000026;
    color:#100901;
}

.active-nav {
    margin-left: -10px;

}
.nav-myName{
    color:black;
    margin-top:-5px;
    margin-bottom:25px;
    font-weight: bold;
}

.normalTxt{
    font-size:10pt;
    font-family: "Source Sans Pro", sans-serif;
}


.fixMyInputForMobile{
    padding-left: 3px;
    padding-right: 3px;
    min-width: 48px;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}



#goog-gt-tt{
    height:0px !important;
    width:0px !important;
    padding:0px !important;
    overflow: hidden !important;
}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}