/*Primary color = #E93630; Secondary color = #92B373;*/
/*Primary color = #BA2B26; Secondary color = #18AE6B;*/
:root{
    --triple19-color-first: #BA2B26;
    --triple19-color-first-darker: #811a18;
    --triple19-color-first-darkest: #681614;
    --triple19-color-second: #18AE6B;

    --bs-emphasis-color: #e1e1e1 !important;
}

.bg-first{
    background-color: var(--triple19-color-first) !important;
}
.bg-second{
    background-color: var(--triple19-color-second) !important;
}

.text-first{
    color: var(--triple19-color-first) !important;
}
.text-second{
    color: var(--triple19-color-second) !important;
}

.btn-first{
    border-color: var(--triple19-color-first) !important;
    background-color: var(--triple19-color-first) !important;
}
.btn-first:hover{
    border-color: var(--triple19-color-first-darkest) !important;
    background-color: var(--triple19-color-first-darker) !important;
}
.btn-outline-first{
    border-color: var(--triple19-color-first) !important;
    color: var(--triple19-color-first) !important;
}
.btn-outline-first:hover{
    background-color: var(--triple19-color-first) !important;
    color: #fff !important;
}

html{
    overflow-x: hidden;
}
body{
    font-family: 'Oswald', Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
.footer {
    padding: 5rem 0;
}
/*body{
    font-size: 0.95rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    color: #232d4c !important;
    background-color: white;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
#nav{
    height: 3.5rem;
}
.offcanvas-header{
    max-height: 3.5rem;
}
@media (max-width: 992px) {
    .dropdown-menu-navbar {
        top: 3.5rem !important;
        right: 0 !important;
        left: 0 !important;
        position: fixed !important;
        transform: none !important;
    }
}
#view{
    margin-top: 3.5rem;
    min-height: calc(100vh - 56px) !important;
}
#view_content{
    padding-top: 0.5rem !important;
}
/*body,#view,#view_content{
    min-height: calc(100vh - 4.5rem) !important;
}*/

.page-title{
    font-weight: 100;
    margin-bottom: 1rem;
}


/* Utility */
.m-minus-fullwidth{
    margin-left: -1rem;
    margin-right: -1rem;
}
.m-minus-top{
    margin-top: -1rem;
}
.mt-minus-1{
    margin-top: -0.25rem !important;
}
.mt-minus-3{
    margin-top: -1rem !important;
}

*[class*=" border-radius"],
*[class*=" border-radius"] > * {
    border-radius: inherit !important;
}
.border-radius-0{
    border-radius: 0 !important;
}
.border-radius-1{
    border-radius: 0.375rem !important;
}
.border-radius-2{
    border-radius: 0.5rem !important;
}

.border-solid{
    border-style: solid;
}

.position-md-absolute,
.position-lg-absolute,
.position-xl-absolute{
    position: relative;
}
@media (min-width: 768px) {
    .position-md-absolute{
        position: absolute;
    }
}
@media (min-width: 992px) {
    .position-lg-absolute{
        position: absolute;
    }
}
@media (min-width: 1200px) {
    .position-xl-absolute{
        position: absolute;
    }
}


.mobile-w-100{
    width: auto;
}
@media (max-width: 992px) {
    .mobile-w-100{
        width: 100% !important;
    }
}

.center-screen {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    z-index: 99999;
    transform: translate(-50%, -50%);
}

/* Tables */
.center_center {
    text-align: center;
    vertical-align: middle !important;
}

.left_center {
    text-align: left;
    vertical-align: middle !important;
}

.right_center {
    text-align: right;
    vertical-align: middle !important;
}


/* Cursor */
.pointer{
    cursor: pointer !important;
}
.disabled{
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}
.move {
    cursor: move !important;
}

/* Text */
.font-weight-100{
    font-weight: 100 !important;
}
.font-weight-200{
    font-weight: 200 !important;
}
.font-weight-300{
    font-weight: 300 !important;
}
.font-weight-400{
    font-weight: 400 !important;
}
.font-weight-500{
    font-weight: 500 !important;
}
.font-weight-600{
    font-weight: 600 !important;
}
.font-weight-700{
    font-weight: 700 !important;
}
.font-weight-800{
    font-weight: 800 !important;
}
.font-weight-900{
    font-weight: 900 !important;
}

.font-sm{
    font-size: .875em !important;
}
.font-normal{
    font-size: inherit !important;
}
@media (min-width: 992px) {
    .font-lg-normal{
        font-size: inherit !important;
    }
}


.display-7{
    font-size: calc(1.325rem + 1.2vw);
    font-weight: 300;
    line-height: 1.1;
}
.display-8{
    font-size: calc(1.275rem + 1vw);
    font-weight: 300;
    line-height: 1.1;
}
.display-xxl {
    font-size: calc(3rem + 4.75vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-7{
        font-size: 2rem !important;
    }
    .display-8{
        font-size: 1.5rem !important;
    }
    .display-xxl {
        font-size: 10rem;
    }
}


.color-inherit{
    color: inherit !important;
}
.text-gold{
    color: #d4af37;
}
.text-silver{
    color: #c0c0c0;
}
.text-bronze{
    color: #cd7f32;
}
.bg-gold{
    background-color: #d4af37;
}
.bg-silver{
    background-color: #c0c0c0;
}
.bg-bronze{
    background-color: #cd7f32;
}

img.grayscale{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


@media (min-width: 768px){
    .img-fill:has(> div){
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .img-fill{
        flex-shrink: 0;
        min-width: 100%;
        min-height: 100%;
    }
}


/* Buttons */
.btn {
    box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
    padding: 1.25rem 2rem;
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
}
button.btn-nofocus:focus {
    outline: none;
    box-shadow: none;
}

/* Cards */
.card-body{
    border-radius: inherit;
}
.card-body-border-left{
    content: '';
    height: 100%;
    width: 6px;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.card-shadow{
    transition: 0.4s;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.card-shadow:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.card-hover.bg-success:hover{
    background-color: #157347 !important;
}
.card-hover.bg-light:hover{
    background-color: #e8e8e8 !important;
}

/* Colors */
.border-success-dark{
    border-color: #146c43 !important;
}
.border-white-light{
    border-color: rgba(250,250,250,.55) !important;
}
.bg-secondary-light{
    background-color: #d0d7dc;
}
.bg-pitchblack{
    background-color: #000;
}

/* Inputs */
input.no-focus:focus {
    outline: 0;
    box-shadow: none;
    border-color: #515151;
}
input.no-autofill:-webkit-autofill,
input.no-autofill:-webkit-autofill:hover,
input.no-autofill:-webkit-autofill:focus,
input.no-autofill:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 50px 50px 50px 50px #222 !important;
}

/* Bootstrap expansion */
.col.border{
    margin-top: -1px !important;
    margin-left: -1px !important;
}
.form-check-input {
    clear: left;
}
.form-switch.form-switch-sm .form-check-input {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}
.form-switch.form-switch-md .form-check-input {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}
.form-switch.form-switch-lg .form-check-label {
    margin-left: .5rem;
    margin-top: 0.5rem;
}
.form-switch.form-switch-lg .form-check-input {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}
.form-switch.form-switch-xl .form-check-input {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}
input[type="number"].no-increment-buttons {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
input[type="number"].no-increment-buttons::-webkit-inner-spin-button,
input[type="number"].no-increment-buttons::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.input-group .btn-group-vertical .btn{
    border-radius: 0!important;
}

.row.horizontal-scroll {
    overflow-x: auto;
    white-space: nowrap;
}

.row.horizontal-scroll > * {
    display: inline-block;
    float: none;
}

.row-cols-7>* {
    flex: 0 0 auto;
    width: 14.2857%;
}
.row-cols-10>* {
    flex: 0 0 auto;
    width: 10%;
}
.order-6 {
    order: 6 !important;
}
.order-7 {
    order: 7 !important;
}
.order-8 {
    order: 8 !important;
}
.order-9 {
    order: 9 !important;
}
.order-10 {
    order: 10 !important;
}
.order-11 {
    order: 11 !important;
}
.order-12 {
    order: 12 !important;
}
@media (min-width: 992px){
    .row-cols-lg-10>* {
        flex: 0 0 auto;
        width: 10%;
    }
    .row-cols-lg-20>* {
        flex: 0 0 auto;
        width: 5%;
    }
    .row-cols-lg-21>* {
        flex: 0 0 auto;
        width: 4.7619%;
    }

    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .order-lg-6 {
        order: 6 !important;
    }
    .order-lg-7 {
        order: 7 !important;
    }
    .order-lg-8 {
        order: 8 !important;
    }
    .order-lg-9 {
        order: 9 !important;
    }
    .order-lg-10 {
        order: 10 !important;
    }
    .order-lg-11 {
        order: 11 !important;
    }
    .order-lg-12 {
        order: 12 !important;
    }
}
@media (min-width: 1200px) {
    .row-cols-xl-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }

    .row-cols-xl-20 > * {
        flex: 0 0 auto;
        width: 5%;
    }

    .row-cols-xl-21 > * {
        flex: 0 0 auto;
        width: 4.7619%;
    }
}

@media (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-sm-end {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-sm-start {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-sm-top-0 {
        border-top: 0 !important;
    }
    .border-sm-end-0 {
        border-right: 0 !important;
    }
    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-sm-start-0 {
        border-left: 0 !important;
    }
    .border-sm-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-sm {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-sm-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-md-end {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-md-start {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-md-top-0 {
        border-top: 0 !important;
    }
    .border-md-end-0 {
        border-right: 0 !important;
    }
    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-md-start-0 {
        border-left: 0 !important;
    }
    .border-md-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-md {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-md-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}


.rounded-bottom-start-0{
    border-bottom-left-radius: 0!important;
}
.rounded-top-end-1{
    border-top-right-radius: var(--bs-border-radius-sm)!important;
}
@media (min-width: 992px) {
    .border-lg-top {
        border-top-width: 1px;
        border-top-style: solid;
    }
    .border-lg-end {
        border-right-width: 1px;
        border-right-style: solid;
    }
    .border-lg-bottom {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    .border-lg-start {
        border-left-width: 1px;
        border-left-style: solid;
    }
    .border-lg-top-0 {
        border-top: 0 !important;
    }
    .border-lg-end-0 {
        border-right: 0 !important;
    }
    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-lg-start-0 {
        border-left: 0 !important;
    }
    .border-lg-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-lg {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-lg-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
    .rounded-start-lg-0{
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }
    .rounded-end-lg-0{
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    .rounded-bottom-lg-0{
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    .rounded-top-lg-0{
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important;
    }
    .rounded-start-lg-1{
        border-top-left-radius: var(--bs-border-radius-sm)!important;
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    }
    .rounded-end-lg-1{
        border-top-right-radius: var(--bs-border-radius-sm)!important;
        border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    }
    .rounded-bottom-lg-1{
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    }
    .rounded-top-lg-1{
        border-top-left-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important;
    }
    .rounded-bottom-start-lg-1{
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    }
    .rounded-top-start-lg-1{
        border-top-left-radius: var(--bs-border-radius-sm)!important;
    }
    .rounded-top-end-lg-0{
        border-top-right-radius: 0!important;
    }
    .rounded-top-end-lg-1{
        border-top-right-radius: var(--bs-border-radius-sm)!important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid #e3e7eb !important;
    }
    .border-xl-end {
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-bottom {
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xl-start {
        border-left: 1px solid #e3e7eb !important;
    }
    .border-xl-top-0 {
        border-top: 0 !important;
    }
    .border-xl-end-0 {
        border-right: 0 !important;
    }
    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-xl-start-0 {
        border-left: 0 !important;
    }
    .border-xl-x {
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-y {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
    }
    .border-xl {
        border-top: 1px solid #e3e7eb !important;
        border-bottom: 1px solid #e3e7eb !important;
        border-left: 1px solid #e3e7eb !important;
        border-right: 1px solid #e3e7eb !important;
    }
    .border-xl-0 {
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

.popover-header-p-2 > .popover-header{
    padding: 0.5rem !important;
}

.popover-body-p-0 > .popover-body{
    padding: 0 !important;
}
.popover-body-p-1 > .popover-body{
    padding: 0.25rem !important;
}

table.table-last-no-border tbody > tr:last-child > td {
    border-bottom: 0;
}

/* Tabs */
.tabs{
    overflow-x:auto;
    flex-wrap:nowrap;
    position: relative;
}
.tabs::-webkit-scrollbar {
    display: none;
}
.tabs .tab-link{
    border: none !important;
    margin-right: 0.5rem !important;
    padding: 0.75rem !important;
    text-align: center;
    font-weight: 100;
    color: #9e9e9e !important;
}
.tabs .tab-link.active{
    border-color: rgba(250,250,250) !important;
    font-weight: 600;
    color: white !important;
    position: relative;
}
.tabs .tab-link.active ~ .tab-slider {
    left: calc((33% * var(--n)) + (0.5rem * var(--n)));
}
.tab-slider{
    position: absolute;
    bottom: 0;
    left: 0;
    background:var(--triple19-color-first);
    height:5px;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    transition: left .25s;
}
.tabs-content{
    padding: 0.25rem 0rem 0rem 0rem;
}

@media (min-width: 992px) {
    .tabs-content {
        padding: 0.5rem 0rem 0rem 0rem;
    }
    .tabs .tab-link.active ~ .tab-slider {
        left: calc((10% * var(--n)) + (0.5rem * var(--n)));
    }
}


/* Score buttons */
[class*=" col-game-"][class*="-score "].bg-danger-subtle:hover,
[class*=" col-game-"][class*="-score "].bg-danger-subtle:focus{
    background-color: #ffbcc1 !important;
}
[class*=" col-game-"][class*="-score "].bg-success-subtle:hover,
[class*=" col-game-"][class*="-score "].bg-success-subtle:focus{
    background-color: #aee4ce !important;
}
[class*=" col-game-"][class*="-score "].bg-secondary-light:hover,
[class*=" col-game-"][class*="-score "].bg-secondary-light:focus{
    background-color: #c4cace !important;
}
[id*="btn_game_"][id*="_undo"].bg-warning-subtle:hover,
[id*="btn_game_"][id*="_undo"].bg-warning-subtle:focus{
    background-color: #ffecaf !important;
}
[id*="btn_game_"][id*="_score_edit"].bg-primary-subtle:hover,
[id*="btn_game_"][id*="_score_edit"].bg-primary-subtle:focus{
    background-color: #bad5ff !important;
}
[id*="btn_game_"][id*="_score_confirm"].bg-success-subtle:hover,
[id*="btn_game_"][id*="_score_confirm"].bg-success-subtle:focus{
    background-color: #aee4ce !important;
}


.input-darts-totalscore{
    text-align: center;
    border-radius: 0.375rem !important;
    width: 100%;
    height: 10rem;
    font-size: 6rem;
    border: 5px!important;
}
.input-darts-totalscore::-webkit-outer-spin-button,
.input-darts-totalscore::-webkit-inner-spin-button{
    -moz-appearance: textfield;
    -webkit-appearance: none;
    margin: 0;
}