body, .main-wrapper, #login-screen {
	padding: 0;
	margin: 0;
}

.main-wrapper, #login-screen {
	display: flex; 
	flex-direction: column;
	align-items: stretch; 
	width: 100%; 
	height: 100vh; 
}

#login-screen {
	position: absolute; 
	z-index: 10000; 
	background-color: #000; 
}

.formalert, .login-card, .success-message {
	display: none; 
}

.center {
	text-align: center; 
	
}

.gradient-custom-2 {
	background: #16222A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #3A6073, #16222A);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #3A6073, #16222A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
}

.gradient-form {
	background: #16222A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #3A6073, #16222A);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #3A6073, #16222A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.modal {
  z-index: 9999; 
  
}

#actionLayers {
  display: none; 
  padding: 1rem 1rem 0; 
  background-color: #fff; 
  border-radius: 0.5rem; 
  border: 2px solid rgba(0,0,0,0.2); 
}

.clr-picker {
  z-index: 12000; 
}

#action-edit-status .action-edit-status-item {
  border: 1px solid rgba(0,0,0,0.2); 
  border-radius: 0.25rem; 
  padding: 0.5rem 0.75rem;
  margin: 0.5rem 0.2rem;  
  background: #fff; 
}

.text-right {
  text-align: right; 
}
#actionLayers input {
  margin-right: 0.5rem; 
}

a.modal-item, a.finder-link {
  display: block; 
  color: #000; 
  text-decoration: none; 
  border-bottom: dashed 1px #ddd; 
  width: 100%; 
  padding-bottom: 1em;
  margin-bottom: 1em; 
}

a.modal-item h3 {
  font-size: 1.3em; 
}

.green {
  color: #1fa67a; 
}

.grey {
  color: #555; 
  font-size: 0.8em; 
}

#chase {
  position: relative;
  background: rgba(0,0,0,0.5); 
  margin: 0; 
  padding: 0; 
  z-index:10000; 
  
}

.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
  
  z-index: 10000; 
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
	transform: scale(0.4); 
  } 100%, 0% {
	transform: scale(1.0); 
  } 
}