:root{
    --color-primary: #0277BD;
    --color-secondary: #03A9F4;
    
    --color-hover: #03A9F4;

    --bs-link-color: #0277bd;
    --bs-link-hover-color: #03a9f4;

    --bs-primary: #0277BD;
    --bs-blue: #0277BD;  
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 0;
}

.form-floating > .form-control-plaintext + label, 
.form-floating > .form-control:focus + label, 
.form-floating > .form-control:not(:placeholder-shown) + label, 
.form-floating > .form-select + label {
    opacity: .90;
    color:  var(--bs-primary);
    font-weight: bold;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-secondary);
    --bs-btn-border-color: var(--color-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-primary);
    --bs-btn-hover-border-color: var(--color-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-hover);
    --bs-btn-active-border-color: var(--color-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-secondary);
    --bs-btn-disabled-border-color: var(--color-secondary);
}

.bg-primary { 
    background-color: var(--color-primary) !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    background-image: none !important;
}

.form-control.is-valid, .was-validated .form-control:valid{
    background-image: none !important;
}

.invalid-feedback{
    margin: 0 0.5rem 0.5rem 0.25rem !important;
}