/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Icons in dropdown items */
.dropdown-item i {
    width: 20px;
}

.hole-score {
    height: 30px;
    width: 30px;
}



/*** FONT WEIGHTS ***/
.fw-500 { font-weight: 500 !important; }

/*** BUTTONS ***/
.btn-gray, .btn-outline-gray {
    border-color: rgba(0, 0, 0, 0.125);
    color: #212529;
    background-color: #ffffff;
}

.btn-outline-primary {
    background-color: #ffffff;
}

.btn-check:active + .btn-outline-gray, .btn-check:checked + .btn-outline-gray, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show, .btn-outline-gray:active {
    color: #000;
    background-color: rgba(0, 0, 0, 0.125);
    border-color: rgba(0, 0, 0, 0.125);
}

/*** NAV PILLS ***/
.nb-nav-link:not(.active) {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-color-rgb), 0.03) !important;
    border: 1px solid #dee2e6 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
   border-width: 0px;
}

/* Darker text for disabled light buttons */
.btn-outline-light.disabled, .btn-outline-light:disabled {
    --bs-text-opacity: 1 !important;
    color: rgba(0,0,0,.5) !important;
}

/*** FONT SIZES ***/
.fs-7 {
    font-size: .875rem !important;
}

.fs-8 {
    font-size: .6rem !important;
}

.fs-9 {
    font-size: .6rem !important;
}

.x-small {
    font-size: .75em !important;
}

/*** BACKGROUND COLOR ***/

.nb-bg-black-50 {
    background-color: #7d7d7d;
}


.nb-bg-dark-gray {
    background-color: #eeeeee !important;
}

.nb-text-linethrough {
    text-decoration: line-through !important;
}

.nb-dropdown-toggle-no-caret::after {
    content: none !important;
}

.nb-visible-sm {
    display: block;
}

.nb-visible-md {
    display: none;
}

@media (min-width: 576px) {
    .nb-visible-sm {
        display: normal;
    }
    
    .nb-visible-md
    {
        display: block;
    }
}

/*** TABLES ***/

/* Reduce left/right padding for small tables and small screens */
@media (max-width: 576px) {

    .table-sm > :not(caption) > * > * {
        padding: .2rem .2rem !important;
        font-size: 80% !important;
    }

    .bootstrap-table .fixed-table-container .table thead th .sortable {
        background: none !important;
    }

    .bootstrap-table .fixed-table-container .table thead th .sortable {
        padding-right: .3rem !important;
    }
}

.nb-match-table td {
    width: 18%;
}

.nb-match-table td:nth-child(3) {
    width: 28%;
}

.nb-scorecard-table th, .nb-scorecard-table td {
    padding: .25rem !important;
}

.nb-scorecard-hole {
    width: 4% !important;
}

.nb-scorecard-total {
    width: 7% !important;
}

.nb-scorecard-hole-sm {
    width: 20% !important;
}

.nb-scorecard-header-row {
    height: 30px;
}

.nb-scorecard-row {
    height: 60px;
}

.nb-w-10 {
    width: 10% !important;
}

@media (max-width: 576px) {
    .nb-w-sm-100 {
        width: 100% !important;
    }
}

.input-validation-error {
    border-color: #dc3545 !important;
}

/* User avatar images */
.avatar-md {
    height: 50px;
    width: 50px;
    min-width: 50px !important;
}

.avatar-xs {
    height: 20px;
    width: 20px;
    min-width: 20px !important;
    line-height: 20px !important;
}

.avatar-sm {
    height: 25px;
    width: 25px;
    min-width: 25px !important;
    line-height: 25px !important;
}

.avatar-chip {
    height: 24px;
    width: 24px;
    min-width: 24px !important;
}

/* A bit larger on medium+ screens */
@media (min-width: 576px) {
    .avatar-sm {
        height: 40px;
        width: 40px;
        min-width: 40px !important;
        line-height: 40px !important;
    }
}

/* Responsive font size for normal text */
@media (max-width: 576px) {
    .text-responsive {
        font-size: 90%;
    }
}

/* Clickable elements */
.clickable {
    cursor: pointer;
}

/* Override strange border on fixed column data tables */
div.DTFC_LeftHeadWrapper table, div.DTFC_RightHeadWrapper table {
    border-bottom: 0px solid rgb(224, 224, 224) !important;
}

/* Additional data table classes to help with responsiveness */
table.datatable th, td {
    white-space: nowrap;
}

div.dataTables_wrapper {
    margin: 0 auto;
}

div.tablecontainer {
    width: 100%;
}

/* Custom chips; not sure why the MDB chips are not working */
/*.nb-chip {*/
/*    display: inline-block;
    padding: 0 15px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid #dee2e6;
    color: rgba(var(--bs-dark-rgb), 1) !important;*/
    /*--bs-bg-opacity: .25;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;
}*/

.bg-success-light {
    color: rgba(var(--bs-dark-rgb), 1) !important;
    --bs-bg-opacity: .25;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;
}

.bg-danger-light {
    color: rgba(var(--bs-dark-rgb), 1) !important;
    --bs-bg-opacity: .25;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important;
}

/*.nb-chip-avatar {
    padding-left: 0;
}*/

/*** CIRCLE BUTTONS ***/
.btn-circle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}

.btn-circle i {
    position: relative;
    top: -1px;
}

.btn-circle-sm {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9rem;
}

.btn-circle-lg {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 1.1rem;
}

.btn-circle-xl {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 1.3rem;
}


/* Remove dark border from table headers */
.table > :not(:first-child) {
    border-top-width: 0 !important;
}

/* Form validation styling */
.field-validation-error {
    color: red;
    font-size: smaller;
}

/* Fix color overflow in datatables headers */
.dataTables_scrollBody > table > thead > tr.table-success > th { background-color: white !important; }

/* Image overlay */
.nb-img-overlay-container {
    position: relative;
    max-height: 120px;
    max-width: 120px;
    display: inline-block;
}

.nb-img-overlay-image {
    opacity: 1;
    display: block;
    /*width: 100%;*/
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.nb-img-overlay-middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.nb-img-overlay-container:hover .nb-img-overlay-middle {
    opacity: 1;
}

.nb-img-overlay-text {
    background-color: #04AA6D;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}

/* Remove auto margin to accordion collapse arrow to make room for label/value */
.nb-accordion-button-form-value::after {
    margin-left: 10px !important;
}

.nb-accordion-button-disabled::after {
    display: none;
}

/* Bold last row of stat tables */
.table-stats tbody tr:last-child td {
    font-weight: 700 !important;
}

.nb-text-decoration-dotted {
    text-decoration: dotted !important;
}

/* Inactive pill nav links */
/*.nb-nav-link:not(.active) {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}*/

/* Hide overflow scrolling but maintain functionality */
/* Hide scrollbar for Chrome, Safari and Opera */
.nb-overflow-noscroll::-webkit-scrollbar {
    display: none;
}

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

/* Margins */
.mt-8 { margin-top: 8rem !important; }

.mt-9 {
    margin-top: 9rem !important;
}

@media (min-width: 768px) {
    .mt-md-13 {
        margin-top: 13rem !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-11 {
        margin-top: 11rem !important;
    }
}

/*** Horizontal Scrollable container elements ***/
.nb-scroll-x {
    overflow-x: auto;
    padding-bottom: .5rem !important;
}

.nb-scroll-x::-webkit-scrollbar {
    height: 5px;
}

.nb-scroll-x::-webkit-scrollbar-track {
    background-color: #f8f9fa;
}

.nb-scroll-x::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.125);
    border-radius: 0.375rem;
}

/* Extra small padding */
.p-xs {
    padding: 0.1rem !important;
}

/* jQuery Autocomplete */
.ui-autocomplete { z-index: 100000; }