/* AJAX LOADER */
.lds-dual-ring.hidden { 
   display: none;
    }
    .lds-dual-ring {
        display: flex;
        align-items: center;
        justify-content: center;
      width: 80px;
      height: 80px;
    }
    .lds-dual-ring:after {
      content: " ";
      display: block;
      width: 64px;
      height: 64px;
      margin: 5% auto;
      border-radius: 50%;
      border: 6px solid #333;
      border-color: #333 transparent #333 transparent;
      animation: lds-dual-ring 1.2s linear infinite;
    }
    @keyframes lds-dual-ring {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    .lds-dual-ring.overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 9999;
        opacity: 1;
        background: rgb(0, 0, 0, 0.1);
        transition: all 0.5s;
    }
    /* AJAX LOADER */
    
    @keyframes flipInY {
        0% {
            transform: rotateY(90deg);
            opacity: 0;
        }
        100% {
            transform: rotateY(0deg);
            opacity: 1;
        }
    }
    
    @keyframes flipOutX {
        0% {
            transform: rotateX(0deg);
            opacity: 1;
        }
        100% {
            transform: rotateX(90deg);
            opacity: 0;
        }
    }
    
    .animated.flipInY {
        animation: flipInY 1.5s ease both;
    }
    
    .animated.flipOutX {
        animation: flipOutX 1.5s ease both;
    }