.j-loading-container {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: $j-loading-z-index !important;
    background-color: $j-loading-background-color !important;
}
.j-loading-spinner-container {
    position: relative !important;
    z-index: $j-loading-z-index + 1 !important;
    top: calc(50% - (#{$j-loading-spinner-size} / 2) + #{$j-loading-border-width}) !important;
    transform: translateY(-50%) !important;
    width: $j-loading-spinner-size;
    left: calc(50% - (#{$j-loading-spinner-size} / 2) - #{$j-loading-border-width}) !important;
}
.j-loading-spinner {
    width: $j-loading-spinner-size !important;
    height: $j-loading-spinner-size !important;
    color: $j-loading-color !important;
}
.j-loading-spinner-loader {
    border: $j-loading-border-width solid #f3f3f3;
    border-radius: 50%;
    border-top: $j-loading-border-width solid dodgerblue;
    border-right: $j-loading-border-width solid rgba(30, 143, 255, 0.925);
    // border-bottom: $j-loading-border-width solid red;
    // border-left: $j-loading-border-width solid yellow;
    -webkit-animation: spin 0.8s linear infinite;
    animation: spin 0.8s linear infinite;
    width: 100%;
    height: 100%;
  }
  
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }