#modalContainer{
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
  top:0;
	width:100%;
	height:100%;
	left:0px;
	z-index:100000000000;
}

.MathJax {
    font-size: 22pt;
}
#alertBox {
	position:relative;
	width:33%;
	min-height:100px;
    max-height:500px;
	margin-top:50px;
	border:1px solid #fff;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position: center;
	background-size: 25%;
    top:30%;
    background-image: url("/Images/success-bg.png");
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 1em Raleway,arial;
	background-color:#DA2A2E;
	color:#FFF;
	border-bottom:1px solid #DA2A2E;
	padding:10px 0 10px 5px;
}

#alertBox h2 {
	text-align: center;
	margin:0;
	font:bold 1em Raleway,arial;
	background-color:green;
	color:#FFF;
	border-bottom:1px solid green;
	padding:10px 0 10px 5px;
}

#alertBox p {
	height:50px;
	padding-left:5px;
  padding-top:30px;
  text-align:center;
  vertical-align:middle;
  
}

#alertBox #closeBtn{
	display:block;
	position:relative;
	margin:10px auto 10px auto;
	padding:7px;
	border:0 none;
	width:70px;
	text-transform:uppercase;
	text-align:center;
	color: #FFF;
	border-radius: 20px;
	text-decoration:none;
  outline:0!important;
}

#alertBox #closeNoBtn{
	display:block;
	position:relative;
	margin:10px auto 10px auto;
	padding:7px;
	border:0 none;
	width:70px;
	text-transform:uppercase;
	text-align:center;
	color: #FFF;
	border-radius: 20px;
	text-decoration:none;
  outline:0!important;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

h1,h2 {
	margin:0;
	padding:4px;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;

}

@media (max-width: 600px) 
{
  #alertBox {
	position:relative;
	width:90%;
    top:30%;
}
} 

 /* page loading spinner */
 #loading_indicator_fade {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ababab;
	background-size: cover;
	z-index: 1003;
	-moz-opacity: 0.8;
	opacity: .70;
	filter: alpha(opacity=80);
  }
  
  #loading_indicator {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1004;
	width: 100px;
	height: 100px;
	margin: -65px 0 0 -65px;
	border: 15px solid #ccc;
	border-radius: 50%;
	border-top: 15px solid #455a64;
	/*border-bottom: 16px solid #455a64;*/
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
  }
  
  @-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
  }
  
  @keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
  }
  
  @-webkit-keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0;
	} 
	to {
		bottom: 0px;
		opacity: 1;
	}
  }
  
  @keyframes animatebottom { 
	from {
		bottom: -100px; 
		opacity: 0;
	} 
	to {
		bottom: 0;
		opacity: 1;
	}
  }
  
  .fa-2x{float: right;
	cursor: pointer;
	} 

	.datepicker{z-index:9999 !important}