@import url(../fonts/Poppins/stylesheet.css);
.loader{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><radialGradient id="a11" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)"><stop offset="0" stop-color="%23F19030"></stop><stop offset=".3" stop-color="%23F19030" stop-opacity=".9"></stop><stop offset=".6" stop-color="%23F19030" stop-opacity=".6"></stop><stop offset=".8" stop-color="%23F19030" stop-opacity=".3"></stop><stop offset="1" stop-color="%23F19030" stop-opacity="0"></stop></radialGradient><circle transform-origin="center" fill="none" stroke="url(%23a11)" stroke-width="10" stroke-linecap="round" stroke-dasharray="200 1000" stroke-dashoffset="0" cx="100" cy="100" r="70"><animateTransform type="rotate" attributeName="transform" calcMode="spline" dur="3.3" values="360;0" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite"></animateTransform></circle><circle transform-origin="center" fill="none" opacity=".2" stroke="%23F19030" stroke-width="10" stroke-linecap="round" cx="100" cy="100" r="70"></circle></svg>');
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    right: 0;
    margin: auto;
    bottom: 0;
}
.safemode body{
    background-image: none;
    background-color: #007BE5;
}
.enterprise body{
    background-image: url('/final/images/login/egLogin_background.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
}


/*inner Loader*/
.loginrWrap{
    text-align: center;
}
.msgText{
    padding-top: 10px;
    font-weight: 500;
}
.eg_mask{
    background-color: rgba(255,255,255,0.8);
    z-index: 100;
    border-radius: 18px;
}
.loginloader{
    background-image: url('/final/images/login/loader.svg');
    background-repeat: no-repeat;
    width: 83px;
    height: 83px;
    margin: 0px auto;
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}
/*end inner Loader*/