html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}


.flag {
    background: url("../img/flags/flags.png") no-repeat;
    display: inline-block;
    height: 11px;
    margin-top: -0.18em;
    width: 16px;
}

    .flag.flag-us {
        background-position: -144px -154px;
    }

#sparks {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}

    #sparks li {
        display: inline-block;
        max-height: 47px;
        overflow: hidden;
        text-align: left;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box
    }

        #sparks li h5 {
            color: #555;
            float: left;
            font-size: 11px;
            font-weight: 400;
            margin: -3px 0 0 0;
            padding: 0;
            border: none;
            text-transform: uppercase
        }

        #sparks li span {
            color: #636363;
            display: block
        }

    #sparks li {
        border-left: 1px dotted #c7c7c7;
        padding: 0 10px
    }

        #sparks li:last-child {
            padding-right: 0
        }

        #sparks li:first-child {
            border-left: none;
            padding-left: 0
        }

.sparks-info span {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    text-transform: none
}

.k-grid .k-table {
    font-size: 12px;
}

.k-input-md, .k-picker-md {
    line-height: 1.75 !important;
}

.nav-tabs .nav-link.active {
    border-top: 2px solid #002C5F;
    font-weight: bold;
    box-shadow: 0 0 0 1px #ddd;
}

.nav-tabs .nav-link {
    border-radius: 0;
}

.tab-content {
    border: solid 1px #ddd;
    border-top: none;
}

.nav-tabs {
    border: solid 1px #ddd;
}
        .nav-tabs .nav-item:not(:first-child) {
            border-left: solid 1px #ddd;
        }


.mobile-only {
    display: none;
}

@media (max-width: 767px) {
    .mobile-only {
        display: block;
    }
}
