@keyframes fa-blink
{
0% { opacity: 1; }
25% { opacity: 0.25; }
50% { opacity: 0.5; }
75% { opacity: 0.75; }
100% { opacity: 0; }
}

.loader{
	margin:0 auto;
	background-color:#fff;
}
/* HTML: <div class="loader"></div> */
.loader {
  display: inline-flex;
  border: 10px solid #000;
  border-radius: 5px;
}
.loader::before,
.loader::after {
  content: "0 1 2 3 4 5 6 7 8 9 0";
  font-size: 30px;
  font-family: monospace;
  font-weight: bold;
  line-height: 1em;
  height: 1em;
  width: 1.2ch;
  text-align: center;
  outline:1px solid #000;
  color: #0000;
  text-shadow:0 0 0 #000;
  overflow: hidden; 
  animation: l4 2s infinite linear;
}
.loader::before {
  animation-duration: 4s;
}
@keyframes l4 {
  100% {text-shadow:0 var(--t,-10em) 0 #000}
}
#loaderDiv{
width: 100%;
height: 100%;
position: fixed !important;
top: 0;
left: 0;
/*background-image:url("../images/loading.gif");*/
z-index:9999;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s 
}
#loaderDiv .loaderBack{
opacity:0.8;
background-color:#333333;
width:100%;
position:absolute;
top:0;
left:0;
height:100vh;
}
#loaderDiv #LoaderDivText{
position:absolute;
left:0px;
top:40%;
font-size:20px;
font-weight:bold;
color:#ffffff;
text-align:center;
width:100%;
text-shadow: 0px 0px 10px #000000;
z-index:10000;
padding:25px 0 25px;
background-color:#cdd2db;
}

.dt-toolbar div label {
	width:200px;
}
.minh600px{
min-height:600px;	
}
#userimageplaceholder{
font-size:10em !important;
}

.cur
{
cursor:pointer!important;	
}