html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

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

.content {
    background-color: var(--main-bg-color);
    min-height: 91vh;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

code {
    color: #c02d76;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}


/* Loader container */
.loading-progress {
    display: block;
    width: 59px;
    height: 59px;
    margin: 40vh auto 1rem auto;
    border: 11px solid #ffffff;
    border-top: 11px solid #201155;
    border-radius: 90%;
    animation: spin 1s linear infinite;
    will-change: transform;
}

/* Spin animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.p-tooltip {
    border: 2px solid #0D9488;
    color: #4a4a4a  !important;
    background-color: #FFFFFF !important;
    border-radius: 4px;
}

.p-tooltip .k-tooltip {
    color: #4a4a4a  !important;
    background-color: #FFFFFF !important;
}

.p-tooltip .k-tooltip-content {
    color: #4a4a4a  !important;
    background-color: #FFFFFF !important;
    padding: 6px 12px;
}