﻿
.table-striped tr
{
	cursor: pointer;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
     text-align: right;
}        
    
.tab-content
{
	margin-top: 0px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding-top: 15px;
	padding-left: 15px;
}


/*   Loading Div  */
@import url(https://fonts.googleapis.com/css?family=Racing+Sans+One);

.bg_load
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #EEE;
}

.wrapper
{
	/* Size and position */
	font-size: 25px; /* 1em */
	width: 8em;
	height: 8em;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -100px;
	/* Styles */
	border-radius: 50%;
	background: rgba(255,255,255,0.1);
	border: 1em dashed rgba(138,189,195,0.5);
	box-shadow: inset 0 0 2em rgba(255,255,255,0.3), 0 0 0 0.7em rgba(255,255,255,0.3);
	animation: rota 3.5s linear infinite;
	/* Font styles */
	font-family: 'Racing Sans One', sans-serif;
	color: #444;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 .04em rgba(255,255,255,0.9);
	line-height: 6em;
}

	.wrapper:before,
	.wrapper:after
	{
		content: "";
		position: absolute;
		z-index: -1;
		border-radius: inherit;
		box-shadow: inset 0 0 2em rgba(255,255,255,0.3);
		border: 1em dashed;
	}

	.wrapper:before
	{
		border-color: rgba(138,189,195,0.2);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.wrapper:after
	{
		border-color: rgba(138,189,195,0.4);
		top: 1em;
		right: 1em;
		bottom: 1em;
		left: 1em;
	}

	.wrapper .inner
	{
		width: 100%;
		height: 100%;
		animation: rota 3.5s linear reverse infinite;
	}

	.wrapper span
	{
		display: inline-block;
		animation: placeholder 1.5s ease-out infinite;
	}

		.wrapper span:nth-child(1)
		{
			animation-name: loading-1;
		}

		.wrapper span:nth-child(2)
		{
			animation-name: loading-2;
		}

		.wrapper span:nth-child(3)
		{
			animation-name: loading-3;
		}

		.wrapper span:nth-child(4)
		{
			animation-name: loading-4;
		}

		.wrapper span:nth-child(5)
		{
			animation-name: loading-5;
		}

		.wrapper span:nth-child(6)
		{
			animation-name: loading-6;
		}

		.wrapper span:nth-child(7)
		{
			animation-name: loading-7;
		}

@keyframes rota
{
	to
	{
		transform: rotate(360deg);
	}
}

@keyframes loading-1
{
	14.28%
	{
		opacity: 0.3;
	}
}

@keyframes loading-2
{
	28.57%
	{
		opacity: 0.3;
	}
}

@keyframes loading-3
{
	42.86%
	{
		opacity: 0.3;
	}
}

@keyframes loading-4
{
	57.14%
	{
		opacity: 0.3;
	}
}

@keyframes loading-5
{
	71.43%
	{
		opacity: 0.3;
	}
}

@keyframes loading-6
{
	85.71%
	{
		opacity: 0.3;
	}
}

@keyframes loading-7
{
	100%
	{
		opacity: 0.3;
	}
}

/*   FIN: Loading Div  */
.invalid
{
	background: url(../images/invalid.png) no-repeat 0 50%;
	padding-left: 22px;
	line-height: 24px;
	color: #ec3f41;
}

.valid
{
	background: url(../images/valid.png) no-repeat 0 50%;
	padding-left: 22px;
	line-height: 24px;
	color: #3a7d34;
}

#passValidation
{
	/*position: absolute;*/
	position: fixed;
	margin: 15px;
	right: 0px;
	float: right;
	width: 550px;
	height: 200px;
	z-index: 4000;
	bottom: 0px;
	/*bottom: -1px; */
	/*bottom: -500px;  IE Specific */
	/*right: 55px;
    width: 600px;*/
	padding: 15px;
	background: #fefefe;
	font-size: .9em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
}

	#passValidation::before
	{
		content: "\25B2";
		position: absolute;
		top: -12px;
		left: 45%;
		font-size: 14px;
		line-height: 14px;
		color: #ddd;
		text-shadow: none;
		display: block;
	}

#passValidation
{
	display: none;
}

#passEquals
{
	/*position: absolute;*/
	position: fixed;
	margin: 15px;
	right: 0px;
	float: right;
	width: 550px;
	height: 200px;
	z-index: 4000;
	bottom: 0px;
	/*bottom: -1px; */
	/*bottom: -500px;  IE Specific */
	/*right: 55px;
    width: 600px;*/
	padding: 15px;
	background: #fefefe;
	font-size: .9em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
}

	#passEquals::before
	{
		content: "\25B2";
		position: absolute;
		top: -12px;
		left: 45%;
		font-size: 14px;
		line-height: 14px;
		color: #ddd;
		text-shadow: none;
		display: block;
	}

#passEquals
{
	display: none;
}






.msgValidacion
{
	/*position: absolute;*/
	position: fixed;
	margin: 15px;
	right: 0px;
	float: right;
	width: 550px;
	height: 200px;
	z-index: 4000;
	bottom: 0px;
	padding: 15px;
	background-color: #fefefe;
	font-size: .9em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
}

	.msgValidacion::before
	{
		content: "\25B2";
		position: absolute;
		top: -12px;
		left: 45%;
		font-size: 14px;
		line-height: 14px;
		color: #ddd;
		text-shadow: none;
		display: block;
	}

.msgValidacion
{
	display: none;
}

.msgValidacion
{
	/*position: absolute;*/
	position: fixed;
	margin: 15px;
	right: 0px;
	float: right;
	width: 550px;
	height: 200px;
	z-index: 4000;
	bottom: 0px;
	padding: 15px;
	background-color: #fefefe;
	font-size: .9em;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	border: 1px solid #ddd;
}

	.msgValidacion::before
	{
		content: "\25B2";
		position: absolute;
		top: -12px;
		left: 45%;
		font-size: 14px;
		line-height: 14px;
		color: #ddd;
		text-shadow: none;
		display: block;
		background-color: #fefefe;
	}

.msgValidacion
{
	display: none;
}
