﻿/*
==========================================================================================
StrategIQ Commerce IT
WebIQMisc CSS
==========================================================================================

==========================================================================================
WebIQ Zurb Foundation Fixes
==========================================================================================
*/
/*
table {
    margin: 0;
    padding: 0;
}
*/

/*
==========================================================================================
WebIQ Misc. Element Fixes
==========================================================================================
*/
.Progress-Block {
	padding-left: 0.93rem;
	padding-right: 0.93rem;
	text-align: center;
}

/*
==========================================================================================
Content Loader
==========================================================================================
*/
.Content-Loader
{
	border: 8px solid #f3f3f3; /* Light grey */
	border-top: 8px solid #3498db; /* Blue */
	margin: 80px auto;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: Content-Loader-Spin 1.5s linear infinite;
}

@keyframes Content-Loader-Spin
{
	0%
	{
		transform: rotate(0deg);
		opacity: 1;
	}

	50%
	{
		transform: rotate(180deg);
		opacity: .25;
	}

	100%
	{
		transform: rotate(360deg);
		opacity: 1;
	}
}

/*
==========================================================================================
WebIQ Misc. Elements
==========================================================================================
*/

a.downloadLink
{
	font-size: .825rem;
	color: black;
	text-decoration: underline;
	text-transform: none;
}
a:hover.downloadLink
{
	color: steelblue;
}

.PageSep {
	border-top: 1px solid #c2c2c2;
	/*
	border-bottom: #005887 1px solid;
	*/
	font-size: 0px;
	line-height: 0px;
}

.smaller {
	font-size: smaller;
}

.Spacer2 {
	height: 2px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer4 {
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer6 {
	height: 6px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer8 {
	height: 8px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer12 {
	height: 12px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer15
{
	height: 15px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer60 {
	height: 60px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer70 {
	height: 70px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer80 {
	height: 80px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer90 {
	height: 90px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer100 {
	height: 100px;
	font-size: 0px;
	line-height: 0px;
}

.Spacer200 {
	height: 200px;
	font-size: 0px;
	line-height: 0px;
}

.cssInvisible, .cssInvisible a {
	visibility: hidden;
	display: none;
}
