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



.spinner {
    position: relative;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .spinner::before,
    .spinner::after {
        border: 6.7px solid #1163d0;
        border-radius: 50%;
        position: absolute;
        content: '';
        display: block;
    }

    .spinner::before {
        width: 33.6px;
        height: 33.6px;
        border-bottom-color: transparent;
        border-left-color: transparent;
        animation: spinner-1o3y8q 0.75s infinite linear reverse;
    }

    .spinner::after {
        animation: spinner-1o3y8q 0.5s infinite linear;
        height: 56px;
        width: 56px;
        border-right-color: transparent;
        border-top-color: transparent;
    }

@keyframes spinner-1o3y8q {
    to {
        transform: rotate(360deg);
    }
}

#pageLoader.transition {
    transition: opacity 0.4s ease;
}

#pageLoader.show {
    display: flex !important;
    opacity: 1;
}

#pageLoader.hide {
    opacity: 0;
}

#pageLoader {
    z-index: 999999999 !important;
}

@media (max-width: 768px) {
    .ui-datepicker {
        font-size: 14px;
    }
}