﻿.tasProgressIndicatorModal
{
    background: #FFFFFF;
}

.tasProgressIndicatorIndicator
{
    width: 32px;
    height: 32px;
    background: url("https://cdn.tradeareasystems.net/Images/TASOnline/ProgressIndicator/Refresh.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.tasProgressIndicatorText
{
	color: #303030;
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
}

.tasProgressIndicatorTextAnimation
{
    animation: tasProgressIndicatorTextAnimation 1s infinite;
	-webkit-animation: tasProgressIndicatorTextAnimation 1s infinite;
	-o-animation: tasProgressIndicatorTextAnimation 1s infinite;
	-moz-animation: tasProgressIndicatorTextAnimation 1s infinite;
	-ms-animation: tasProgressIndicatorTextAnimation 1s infinite;
}

.tasProgressIndicatorParent
{
    position: relative;
}

.tasProgressIndicatorIndeterminateProgressBar
{
    position: absolute;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    width: 100%;
}

.tasProgressIndicatorIndeterminateProgressBar.topLocation.ui-widget-content,
.tasProgressIndicatorIndeterminateProgressBar.bottomLocation.ui-widget-content
{
    border: 1px solid orange;
    border-left-color: #000000;
    border-right-color: #000000;
}

.tasProgressIndicatorIndeterminateProgressBar.leftLocation.ui-widget-content,
.tasProgressIndicatorIndeterminateProgressBar.rightLocation.ui-widget-content
{
    border: 1px solid orange;
    border-top-color: #000000;
    border-bottom-color: #000000;
}

.tasProgressIndicatorIndeterminateProgressBar.ui-progressbar .ui-progressbar-value
{
    height: 100%;
    width: 100%;
    background-image: url("https://cdn.tradeareasystems.net/Images/TASOnline/Misc/ProcessLoader.gif");
    background-position: center;
}

@keyframes tasProgressIndicatorTextAnimation
{
	0% { opacity:1; }
	50% { opacity:0.1; }
	100% { opacity:1; }
}

@-o-keyframes tasProgressIndicatorTextAnimation
{
	0% { opacity:1; }
	50% { opacity:0.1; }
	100% { opacity:1; }
}

@-moz-keyframes tasProgressIndicatorTextAnimation
{
	0% { opacity:1; }
	50% { opacity:0.1; }
	100% { opacity:1; }
}

@-ms-keyframes tasProgressIndicatorTextAnimation
{
	0% { opacity:1; }
	50% { opacity:0.1; }
	100% { opacity:1; }
}

@-webkit-keyframes tasProgressIndicatorTextAnimation
{
	0% { opacity:1; }
	50% { opacity:0.1; }
	100% { opacity:1; }
}

/* Progress Indicator */
.tasProgressIndicatorScreenModal
{    
    filter: alpha(opacity=50);
    opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
}

.tasProgressIndicatorScreenModalIndicator
{
    width: 128px;
    height: 128px;
    background: url("../Media/ScreenLoad.gif");
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
}

.tasProgressIndicatorScreenModalText
{
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
    color: #FFFFFF;
    text-shadow: 2px 2px #444444;
}