/**
 * Version: 0.3
 * Updated: 2016-01-06
 *
 * jQuery plugin for modal Font Awesome spin loading icons
 *
 * Copyright (c) 2015 Alê Monteiro (contato@alemonteiro.com.br, https://github.com/alemonteiro/jquery-fa-loading)
 *
 * Licensed under the MIT (LICENSE.txt)
 **/

.jq-fa-loading .fa-loading-modal 
{
    position: absolute;
    top: 0; left: 0;
    /*background: rgba(45, 72, 77, 0.9);*/
    background-color:#100C08;
    z-index:99999;
    width: 100%;
    height: 100%;
}
.jq-fa-loading .fa-loading-content-wrapper 
{
    position: absolute;
	top: 50%; 
    left:50%;
    width: 10%;
    text-align: center;
	padding: 0;
    z-index:9999999;
}
.fa-loading-content {
	background:none;
	display: inline-block;
	min-width: 280px;
	box-shadow:none;
	text-align: left;
    
  
}


.jq-fa-loading .fa-loading-header {
	display: block;
	padding: 0.4em;
	position: relative;
}
.jq-fa-loading .fa-loading-body {
	padding: 1em;
}

.jq-fa-loading.loading .fa-loading-header { display: none; }
.jq-fa-loading.loading.has-text .fa-loading-header { display: block; }

.jq-fa-loading .fa-loading-icon { color: #fff; }
.jq-fa-loading.success .fa-loading-icon{ color: #080; }
.jq-fa-loading.fail .fa-loading-icon{ color: #800; }

.jq-fa-loading .fa-loading-text{
	color: #333;
	display: inline-block;
	margin-left: 1em;
}

.jq-fa-loading.has-title .fa-loading-header {
	display: block;
	padding: 0.4em;
	font-size: 1.2em;
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
	text-shadow: 2px 2px 2px #222;
	position: relative;
	text-shadow: 2px 2px 2px #222;
}
.jq-fa-loading.icon-only .fa-loading-body {
	text-align: center;
}
.jq-fa-loading.icon-only .fa-loading-icon{
	font-size: 3em;
	text-align: center;
	margin: 0 auto;
}

.jq-fa-loading.fail .fa-loading-modal,
.jq-fa-loading.success .fa-loading-modal  {
	display: none;
}
.jq-fa-loading span.fa-loading-close {
	position: absolute;
	font-size: 1em;
	top: 0;
	right: 0;
	padding: 0.4em;
	cursor: pointer;
}
.jq-fa-loading span.fa-loading-close:after {
	
}
.jq-fa-loading span.fa-loading-close:hover {
	background: rgba(0, 0, 0, 0.5);
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.spinner,
.spinner:before {
  width: 200px;
  height: 200px;
  z-index: 99999;
  box-sizing: border-box;
}

.spinner:before {
  content: '';
  display: block;
  border-radius: 50%;
  border: 10px solid #ccc;
  border-top-color: #100C08;
  animation: spinner .6s linear infinite;
}

.spinner-absolute {
  position: fixed;
  top: 40%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  z-index:9999999;
}

/* Animations */

.spinner-add,
.spinner-remove {
  animation-fill-mode: both;
  animation-duration: .4s;
}

.spinner-add {
  animation-name: spinner-add;
}

@keyframes spinner-add {
  from {transform: scale(0);}
  to {transform: scale(1);}
}

.spinner-remove {
  animation-name: spinner-remove;
}

@keyframes spinner-remove {
  to {transform: scale(0);}
}