.loader-wrapper {position: fixed;top: 0px;left: 0px;z-index: 9;background-repeat: no-repeat;width: 100%;height: 100%;}
.apploader {z-index: 9999;position: fixed;
    background: rgba(255, 255, 255, 0.9);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;}
.blue .app-spinner {background-color: #313131ad;border-radius: 10px;height: 3.2em !important;width: 3.2em !important;padding: 5px;/* box-shadow: 1px 1px 1px #006492; */background-color: rgb(155 155 155 / 79%);border: 1px solid #adadad;}
.app-spinner {
        background-color: #313131ad;
        border-radius: 10px;
        height: 4em !important;
        width: 4em !important;
        padding: 0px;
        /* box-shadow: 1px 1px 1px #006492; */
        top: 26px !important;
        padding-right: 6px;
}
.app-spinner, .app-spinner-inner {
        -moz-user-select: none;-ms-user-select: none;-o-user-select: none;
        -webkit-user-select: none;bottom: 0;height: 2em;left: 0;margin: auto;position: absolute;right: 0;text-align: center;top: -10px;
        user-select: none;width: 10em;
}
.app-spinner-inner {top: 128px;left: -15px;height: 143px;}
.app-spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -2.62s;position: relative;left: -4px;}
.app-spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -1.32s;margin-right: 0px;}
.app-spinner .bounce3 {-webkit-animation-delay: -0.32s;animation-delay: -1.00s;position: relative;
left: 4px;}
.app-spinner .bounce4 {-webkit-animation-delay: -0.16s;animation-delay: -100s;position: relative;left: 9px;}
.app-spinner .bounce5 {display: block;left: 6px;-webkit-animation-delay: -0.32s;animation-delay: -0.30s;
position: relative;top: 0px;}
.app-spinner .bounce6 {display: block;top: 6px;-webkit-animation-delay: -0.16s;animation-delay: 0.32s;position: relative;}
.app-spinner .bounce7 {display: block;position: relative;-webkit-animation-delay: -0.8s;animation-delay: 1.62s;position: relative;top: 11px;}
.app-spinner .bounce5, .app-spinner .bounce6, .app-spinner .bounce7 {left: 43px;}
.app-spinner > div {
  -moz-border-radius: 100%;-webkit-animation-fill-mode: both;
  -webkit-animation: blink 1.4s infinite ease-in-out;-webkit-border-radius: 100%;
  animation-fill-mode: both;animation: blink 1.4s infinite ease-in-out;background-color: #ffffff;border-radius: 100%;display: inline-block;height: 5px;width: 5px;
}
.blue .app-spinner > div {
  background-color: #022c39;
}
.app-spinner-inner .bounce1 {
  -webkit-animation-delay: -0.32s;animation-delay: -2.62s;margin-right: 4px;
}
.app-spinner-inner .bounce2 {
  -webkit-animation-delay: -0.16s;animation-delay: -1.32s;margin-right: 0px;
}
.app-spinner-inner .bounce3 {
  -webkit-animation-delay: -0.32s;animation-delay: -1.00s;position: relative;left: 4px;
}
.app-spinner-inner .bounce4 {display: block;margin-bottom: 5px;-webkit-animation-delay: -0.32s;animation-delay: -0.30s;left: 88px;position: relative;}

.app-spinner-inner .bounce5 {display: block;margin-bottom: 5px;-webkit-animation-delay: -0.16s;animation-delay: 0.32s;left: 88px;position: relative;}
.app-spinner-inner > div {-moz-border-radius: 100%;-webkit-animation-fill-mode: both;
        -webkit-animation: blink 1.4s infinite ease-in-out;-webkit-border-radius: 100%;
        animation-fill-mode: both;animation: blink 1.4s infinite ease-in-out;
        background-color: #ffffff;border-radius: 100%;display: inline-block;height: 5px;width: 5px;}
.blue .app-spinner-inner > div {background-color: #022c39;}
.landing-slider .app-spinner > div {background-color: rgba(255, 255, 255, 0.5);}
.landing-els .app-spinner > div {background-color: rgba(0, 0, 0, 0.2);}
blink {animation: blink 1s infinite;}
.error-input .bar:before, .error-input .bar:after {background: #e93f3f;
        content: "";outline: none;}
    @keyframes blink {
        0% {
            opacity: 0.5
        }

        49% {
            opacity: 1
        }

        50% {
            opacity: 1
        }
    }