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;
}
.btn-primary {
    color: #fff;
    background-color: #3b72ca;
    border-color: #3b72ca;
}


.btn-primary:hover {
    color: #fff;
    background-color: #3b72ca;
    border-color: #3b72ca;
}
.btn-outline-primary {
    color: #3b72ca;
    border-color: #3b72ca;
    background-color: #FFFFFF;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #3b72ca;
    border-color: #3b72ca;
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #3b72ca;
    transition: width 0.6s ease;
}
.text-primary {
    --bs-text-opacity: 1;
    color: #143b6c !important;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #70a038 !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-md {
    box-shadow: 0.0rem 0.2rem 0.2rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.bg-primary {
    color: #fff;
    background-color: #3b72ca;
    border-color: #3b72ca;
}
.navbar.navbar-expand-sm {
    border-bottom: 2px solid #143b6c !important; /* Add bottom border with the desired color */
}
.btn {
    border-radius: 0 !important; /* Remove border radius for all buttons */
}

.btn-primary {
    background-color: #143b6c !important; /* Change button background color */
    border-color: #143b6c !important; /* Change button border color */
    color: white !important; /* Ensure button text is readable */
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #373a8c !important; /* Slightly darker shade for hover and focus states */
    border-color: #373a8c !important; /* Match border color for hover and focus states */
}

.btn-outline-primary {
    color: #143b6c !important; /* Change text color for outline button */
    border-color: #143b6c !important; /* Change border color for outline button */
}

    .btn-outline-primary:hover, .btn-outline-primary:focus {
        background-color: #143b6c !important; /* Add background color on hover and focus */
        border-color: #143b6c !important; /* Match border color */
        color: white !important; /* Change text color on hover and focus */
    }

.btn-outline-secondary {
    color: #143b6c !important; /* Change text color for outline button */
    border-color: #143b6c !important; /* Change border color for outline button */
}

    .btn-outline-secondary:hover, .btn-outline-secondary:focus {
        background-color: #143b6c !important; /* Add background color on hover and focus */
        border-color: #143b6c !important; /* Match border color */
        color: white !important; /* Change text color on hover and focus */
    }

.card, .form-control, .btn {
    border-radius: .50rem !important; /* Remove border radius for card, input fields, and buttons */
}

/*.btn-outline-secondary {
    border-radius: .50rem !important;  Remove border radius for outline secondary button 
}*/