.underline {
    text-decoration: underline;
}
/*.card {*/
/*    border: 1px solid #007bff; !* Bootstrap primary color for Bootstrap 4 and 5 *!*/
/*}*/
.btn {
    font-size: 1.0rem; /* Same as h4 tags */
}
.input-font-size {
    font-size: 14px; /* Same as h4 tags */
}

/*mobile sizes*/
@media (max-width: 576px) {
    body {
        font-size: 1.1rem;
    }

    .btn, .nav-link, select, option {
        font-size: 1.15rem !important;
    }
    .card.custom-hide {
        border: 5px;           /* Removes border */
        /*background: none;    !* Removes background color *!*/
        /*box-shadow: none;    !* Removes box shadow if any *!*/
    }
    .card.custom-hide .card-header,
    .card.custom-hide .card-body,
    .card.custom-hide .card-footer {
        padding: 5px;          /* Removes padding */
    }
    .form-label {
        font-weight: normal !important;
    }
    .page-header-title {
        font-weight: normal !important;
        color: #000;
    }

}

.visible-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    background-color: transparent;
    border: none;
}

.visible-hidden:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: fixed;  /* changed from absolute to fixed to make it visible at a consistent location */
    width: auto;
    top: 15px;        /* set top to make it visible at the top of the page */
    left: 15px;       /* set left to keep it inside the viewport */
    padding: 15px 20px;
    background-color: #007bff; /* using a bright color for high visibility */
    color: #ffffff; /* white color for text to stand out */
    border: 1px solid #0056b3; /* darker border for better visibility */
    z-index: 10000; /* high z-index to ensure it is on top of other content */
    font-size: 1.45rem; /* larger font size for better readability */
    border-radius: 5px; /* rounded corners */
}
.k-grid .k-grid-header th {
    font-weight: bold;
}
.form-label {
    font-weight: lighter;
}

th {
    color: black;
}

