:root {
    --bs-blue: #11336dd9;
    --bs-primary: #11336dd9; /* Overrides Bootstrap primary color */
    --bs-primary-rgb: 59, 91, 147, .88;
    --bg-primary: #11336dd9; /* Overrides Bootstrap primary color */
}

.fw-400 {
    font-weight: 400;
}

/*Bootstrap Custom Styles*/
.fs-65 {
    font-size: .875rem;
}

.fs-7 {
    font-size: .75rem;
}

.fs-8 {
    font-size: .73rem;
}

.fs-9 {
    font-size: .6rem;
}

.placeholder-color {
    color: #aaa9a9;
}

.form-control::-webkit-input-placeholder {
    color: #aaa9a9;
}

.form-control, .rounded-input {
    border-radius: 10px;
    border-color: #aaa9a9;
}

.btn-primary {
    color: #fff;
    background-color: #11336dd9;
    border-color: #1861ac;
}

a, .btn-link {
    color: #006bb7;
}

    .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;
    }

/* If the user-agent is applying extra padding or borders, override it with higher specificity */
/* Override the default styles for the file input button */
input[type="file"] {
    width:100%;
    background-color: #11336dd9 !important; /* Set button background color */
    color: white !important; /* Set button text color */
    padding: 5px 10px !important; /* Add padding to the button */
    /*border: none !important;*/ /* Remove the default border */
    border-radius: 10px !important; /* Set rounded corners */
    border-color: #11336dd9 !important; /* Set button background color */
    font-size: 12px !important; /* Adjust font size */
    cursor: pointer !important; /* Change the cursor */
}

    input[type="file"] + label {
        background-color: #11336dd9;
        color: white;
        padding: 12px 20px;
        border-radius: 10px;
        cursor: pointer;
        font-size: 12px;
        text-align: center;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        transition: background-color 0.3s ease;
    }

    /* Hover effect */
    input[type="file"]:hover + label {
        background-color: #0056b3;
    }

    /* Active state effect */
    input[type="file"]:active + label {
        background-color: #003d7a;
    }

input[type="checkbox"] {
    width: 1.1em;
    height: 1.1em;
    accent-color: #15a615;
}