/*
    #circular3dG{
	position:relative;
	width:58px;
	height:158px;
	margin:auto;
    top:150px;
}

.circular3dG{
	position:absolute;
	background-color:#590886;
	width:27px;
	height:27px;
	border-radius:18px;
		-o-border-radius:28px;
		-ms-border-radius:28px;
		-webkit-border-radius:28px;
		-moz-border-radius:28px;
	animation-name:bounce_circular3dG;
		-o-animation-name:bounce_circular3dG;
		-ms-animation-name:bounce_circular3dG;
		-webkit-animation-name:bounce_circular3dG;
		-moz-animation-name:bounce_circular3dG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#circular3d_1G{
	left:23px;
	top:4px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}

#circular3d_2G{
	left:36px;
	top:14px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#circular3d_3G{
	left:43px;
	top:26px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#circular3d_4G{
	left:40px;
	top:39px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#circular3d_5G{
	left:24px;
	top:43px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#circular3d_6G{
	left:5px;
	top:28px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#circular3d_7G{
	left:0px;
	top:8px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#circular3d_8G{
	left:10px;
	top:0px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}



@keyframes bounce_circular3dG{
	0%{
	transform:scale(1)
	}

	100%{
	transform:scale(.3)
	}
}

@-o-keyframes bounce_circular3dG{
	0%{
	-o-transform:scale(1)
	}

	100%{
	-o-transform:scale(.3)
	}
}

@-ms-keyframes bounce_circular3dG{
	0%{
	-ms-transform:scale(1)
	}

	100%{
	-ms-transform:scale(.3)
	}
}

@-webkit-keyframes bounce_circular3dG{
	0%{
	-webkit-transform:scale(1)
	}

	100%{
	-webkit-transform:scale(.3)
	}
}

@-moz-keyframes bounce_circular3dG{
	0%{
	-moz-transform:scale(1)
	}

	100%{
	-moz-transform:scale(.3)
	}
}
*/
.modal-spinner {
  position: fixed;
  top: 16%;
  right: 10px;
  left: 10px;
  display:none;
  opacity:9.5;
  width:100%;
  height:100%;  
}
/*
.modal-dialog-spinner {
  padding: 1px;
}*/
.modal-spinner2 {

    margin: 100px auto;
    width: 80px;
    height: 60px;
    text-align: center;
    font-size: 5px;
}

    .modal-spinner2 > div {
        background-color: #590886;
        height: 100%;
        width: 10px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .modal-spinner2 .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .modal-spinner2 .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .modal-spinner2 .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .modal-spinner2 .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}