@media (max-width: 768px), (max-width: 480px) {
    html {
        font-size: 14px !important;
        position: relative;
        min-height: 100%;
    }

    .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;
    }
    body {
        font-family: Helvetica, Arial, sans-serif !important;
        overflow-x: hidden;
    }
    html, body {
        margin: 0;
        padding: 0;
        -webkit-text-size-adjust: 100%;
    }
    .page-content {
        flex: 1 0 auto;
    }
    .page-content,
    .container-fluid {
        margin: 0;
        padding: 5px;
    }
    .footer {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        font-size: 14px !important;
    }
    .footer p {
        margin: 5px !important;
    }
    .footer a span {
        display: block;
        line-height: 16px;
    }
    .footer a {
        max-width: 95%;
        word-break: break-word;
        text-decoration: none;
        color: #7E758D !important;
        --bs-text-opacity: 1;
    }
    .position-relative {
        position: relative !important;
    }

    .border-top {
        border-top: 1px solid #dee2e6 !important;
    }

    .border-top-0 {
        border-top: 0 !important;
    }

    .text-muted {
        --bs-text-opacity: 1;
        color: #6c757d !important;
    }
    .form-label-bold,
    .form-label {
        color: #183247 !important;
        font-size: 14px !important;
    }
    .form-label {
        font-weight: normal !important;
        font-style: italic !important;
    }
    .form-label-bold {
        font-weight: bold !important;
    }
    .form-customer-name {
        font-size: 26px;
        color: #000;
    }
    .form-page-title {
        font-size: 22px;
        color: #000;
    }
    .form-body-label {
        font-size: 20px;
        color: #000;
    }
    .form-text-body {
        font-size: 14px;
        color: #000;
    }
    .form-btn-label-primary,
    .form-btn-label-danger,
    .form-btn-label-success,
    .form-btn-label {
        font-size: 35px !important;
        color: #ffffff;
        height: 90px !important;
        width: 185px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
    }
    .form-btn-label-success {
        background-color: #5CB85C !important;
    }
    .form-btn-label-danger {
        background-color: #B71C1C !important;
    }
    .field-validation-valid {
        font-style: normal !important;
        font-size: 14px;
        display: block;
        min-height: 20px;
    }
    .icon-style {
        -webkit-text-stroke: 0.5px #606060;
        color: #606060;
    }
    .icon-normal {
        font-size: 1.2rem !important;
    }
    .icon-large {
        font-size: 1.5rem !important;
    }
    .icon-large-X {
        font-size: 2.5rem !important;
    }
    .icon-large-XX {
        font-size: 4.5rem !important;
    }
    #help-btn{
        cursor: pointer;
    }
    .box-rounded {
        border-radius: 0.5rem !important;
    }
    .bg-white.shadow.box-rounded {
        margin-bottom: 0 !important;
        padding-bottom: .5rem !important;
    }
    .bg-white.shadow.box-rounded > *:last-child {
        margin-bottom: 0 !important;
    }
}