:root {
   /*--kendo-color-border: rgba(0, 0, 0, 0.4);*/ /* default is rgba(0, 0, 0, 0.08) */
}

.k-input-solid, .form-control {
    border-color: rgba(0, 0, 0, 0.4);
}

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: 10px;
}

.main-wrapper {
    min-height: calc(100vh - 35px);
}

.page-title-header {
    font-size: 1.6rem;
    font-weight: bold;
}

.section-header {
    font-size: 1.4rem;
    font-weight:bold;
}

.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-bold {
    font-weight: bold !important;
}
.text-red {
    color: red;
}

.th-right th {
    text-align: right;
}

.numeric, input[type=number] {
    text-align: right;
}

.form-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px;
}

.form-grid label[for], .form-label {
    font-weight: bold;
    text-align: right;
}
.form-grid label[for]:after, .form-label:after {
    content:':'
}

.form-grid label[for].required-field:after, 
.form-label.required-field:after,
.form-label[for].required-field:after 
{
    content:'＊:'
}

label[for].required-field:after {
    content:'＊'
}

.form-grid input, .form-grid textarea, .form-grid select, .form-grid .k-input, .form-grid .k-picker {
    align-self: start;
}

.form-grid .k-datepicker {
    width: 200px;
}

.field-validation-error {
    color: red;
}

.validation-summary-errors li {
    color: red;
}

.grid-row-break {
    grid-column: 1 / -1;
}

.grid-colspan-2 {
    grid-column: span 2
}
.grid-colspan-3 {
    grid-column: span 3
}
.grid-colspan-4 {
    grid-column: span 4
}
.grid-colspan-5 {
    grid-column: span 5
}
.grid-colspan-6 {
    grid-column: span 6
}
.grid-rowspan-2 {
    grid-row: span 2
}
.grid-rowspan-3 {
    grid-row: span 3
}
.grid-rowspan-4 {
    grid-row: span 4
}
.grid-rowspan-5 {
    grid-row: span 5
}
.grid-rowspan-6 {
    grid-row: span 6
}

.flex-container {
    display: flex;
}

.full-width {
    width: 100%;
}

.k-tooltip-error.field-validation-error {
    color: white;
}

.k-selectable tr {
    cursor:pointer;
}

.k-grid a[href]:not([href="#"]) {
    color: #0d6efd;
    text-decoration: underline;
}

.hide-spinner::-webkit-inner-spin-button,
.hide-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hide-spinner {
    -moz-appearance: textfield;
}